گروه مهندسی
مکان سیستم

آموزش WebGL Context_WebGl

سلام .در ادامه آموزش webgl  , قصد داریم در این مقاله درباره webGl Context صحبت کنیم.

webGl Context یک شی javascript می باشد که ما از طریق آن به تمام fuction ها و attribute های webgl دست رسی خواهیم داشت.

در ادامه یک متد javascript خواهیم داشت که به ما میگویید آیا webglContext  در دسترس هست یا نه.

<html>
<head>
<title>3dwebgis webgl tutorial </title>
<style type="text/css">
canvas {border: 2px dotted blue;}
</style>

<script type="text/javascript">
        function getGLContext(){
            var canvas = document.getElementById("canvas-element-id");
            if (canvas == null){
                alert("there is no canvas on this page");
                return;
            }
            var names = ["webgl",
            "experimental-webgl",
            "webkit-3d",
            "moz-webgl"];
            for (var i = 0; i < names.length; ++i) {
                try {
                    gl = canvas.getContext(names[i]);
                }
                catch(e) {}
                if (gl) break;
            }
            if (gl == null){
                alert("WebGL is not available");
            }
            else{
                alert("شما WebGL context را پیدا کرده اید ");
            }
        }


        </script>

</head>
<body onload="getGLContext()">
<canvas id="canvas-element-id" width="800" height="600">

</canvas>
</body>
</html>

در کدهای بالا  در داخل  تگ body  ما تگ canvas را قرار دادیم .تگ canvas این امکان را به ما میدهد تا گرافیک های سه بعدی و ۲ بعدی را بر روی صفحات وب ایجاد کنیم.. نگ canvas یک id  دارد تا با استفاده از Javascript بتوانیم آن را پیدا کرده و عملیات مربوطه را روی آن انجام دهیم.

 در متد getGLContext  ارایه ای به نام names  وجود دارد که شامل Context  name های متفاوتی میباشد.در اکثر مرورگر ها از نام experimental-webgl  پشتیبانی میشود.

برای استخراج Context مورد نظر ما از متد canvas.getContext استفاده میکنیم که البته باید Context  name مربوطه را به آن پاس بدهیم.

میتوانید با کپی کردن کدهای بالا در  editor,  خودتان نتیجه را ببینید.در مقاله های بعدی مباحث پیشرفته تری را با هم یاد میگیریم.

امیدوارم  این مقاله رضایت شمل رو جلب کرده باشه..منتظر نظرات شما هستیم.





آموزش webgis
آموزش webgis

نظرات شما

آیا پرسشی دارید؟

فرستادن دیدگاه

  Sharepoint آموزش خصوصی

نمونه کارها


Project

استفاده از تكنیكهای روز در طراحی سیستم های اطلاعاتی
آموزش خصوصی

آموزش و مشاوره


Consulting

مشاوره در طراحی ،پیاده سازی و خرید نرم افزار های نخصصی .آموزش کارکنان سازمان ها
آموزش خصوصی

سیستم اطلاعات مکانی


Web GIS

طراحی و پیاده سازی سامانه های اطلاعاتی بر مبنای داده های مکانی



© 1392 شرکت مکان سیستم 3dWebGIS

web gis دوره آموزش asp.net mvc 5.2آموزش خصوصی web gis آموزش خصوصی