学习webgl，并不要求大家具有3D图形开发的经验。只要我们有一颗热爱HTML5技术的心，相信大家会很快学会WebGL，以便能够在Web网页上进行3D图形、图像与动画的开发。

 

    WebGL基本介绍

 

    WebGL是一种3D绘图标准，它的全名为“WebGraphicsLibrary”，是由OpenGL的管理组织KhronosGroup基于OpenGLES2．O所制定的跨平台的Web专用的一种3D绘图标准。

 

    使用WebGL的好处在于：如果浏览器支持WebGL，就可以在不需要额外安装插件的情况下，使用JavaScript和OpenGLES2.0语言开发出具有3D显示效果的图形、图像、动画甚至3D游戏，同时也可以通过显卡来实现3D图形、图像或动画在浏览器中显示时的硬件加速功能。由于WebGL使用canvas元素来进行显示，所以它基本上也被容纳在整个DOM架构中。

 

    要使用WebGL来进行3D场景和3D动画的开发，我们首先必须具备HTML、JavaScript以及OpenGLES2．O的基础知识。

 

    WebGL开发之前的准备工作

 

    要使用WebGL来开发3D场景和3D动画，首先要做好以下准备工作：

 

    1)使用Windows的用户要确保安装了MicrosoftDirectXruntime，访问微软的官方网站，可以下载MicrosoftDirectXruntime。

 

    2)确保已经安装了显卡的最新驱动程序。

 

    3)在浏览器方面，可以选择Firefox浏览器或Chrome浏览器。这两个浏览器到目前为止，对WebGL的支持都比较好。

 

    WebGL业界新闻

 

    据国外媒体报道，在2013年，一段诺基亚N900手机使用移动版Firefox软件演示WebGL标准的视频在网上流传，引起了许多手机用户的关注。从视频中可以看到在展示网页中的3D模型及使用触控屏操作的过程非常流畅，这表示WebGL标准已经支持手机浏览器应用。在2013年之前，手机用户上网浏览多媒体网页仍受手机硬件、浏览器以及网速等方面限制导致体验不佳，如果WebGL标准能在手机上普及应用，将使手机网络服务得到快速地发展。

 

    2013年4月1日，国外开发者FrancoisRemy在泄露版WindowsBlue附带的InternetExplorer11中发现，WebGL接口已经封装完成，但功能上还未能开放支持。在这之后，另一名开发者RafaelRivera继续深入挖掘，竟然发现了在此版本的InternetExplorer11中开启WebGL支持的方法。这正是四年盘踞龙虎斗，微软终将入大流！欢迎IE11加入WebGL大家庭！