使用HTML5 WebGL开发前的准备工作

2013-10-16 21:36| 发布者: admin| 查看: 1384| 评论: 0

摘要: 使用WebGL的好处在于：如果浏览器支持WebGL，就可以在不需要额外安装插件的情况下，使用JavaScript和OpenGL ES 2.0语言开发出具有3D显示效果的图形、图像、动画甚至3D游戏，同时也可以通过显卡来实现3D图形、图像或 ...

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

WebGL基本介绍

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

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

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

WebGL开发之前的准备工作

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

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

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

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

WebGL业界新闻

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

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

本文来自html5星空