[ WebGL系列 ] 1 - 什么webgl

【转载请注明出处 谢谢】

从今天开始学习WebGL, 如果有希望一起学习的朋友联系我 webglcn@hotmail.com 我会把我学到的以及大家的问题汇总为以后的文章素材。

1.什么是WebGL

1.1 WebGL(Web-based Graphics Library) ,WebGL是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canvas提供硬件3D加速渲染。[来自百度百科]

1.2 WebGL & HTML5可以通过HTML5中的Canvas提供的接口对WebGL编程,在网页上实现3D效果。

 

2. 软件要求

我使用的浏览器是Firefox 6.0 (FF从4开始用,有感情了), 现在IE9还不知道(貌似现在的IE10测试版也还不支持)。

 

可以通过如下代码来测试 来测试当前的浏览器是否支持WebGL. // 在FF6 和 IE9下测试通过(FF6 support /  IE9 not support)

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
            function initializeWebGL(canvasObj) {
                var gl = null;
                try {
                    gl = canvasObj.getContext("experimental-webgl");
                }
                catch (e) {
                    // do nothing.
                }

                msg = gl == null ? "not support" : "support";
                alert(msg)
            }

            function webglcnTst() {
                var canvasObj = document.getElementById("testMe");
                initializeWebGL(canvasObj);
            }
        </script>
    </head>
    <body onload="webglcnTst()">
        <canvas id="testMe"></canvas>
    </body>
</html>

来自 http://www.cnblogs.com/webglcn/archive/2011/08/20/2147366.html

posted @ 2011-08-20 17:58  webglcn  阅读(1160)  评论(5编辑  收藏  举报