WebGL是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂的导航和数据视觉化。

显然,WebGL技术标准免去了开发网页专用渲染插件的麻烦,可被用于创建具有复杂3D结构的网站页面,甚至可以用来设计3D网页游戏等等。

软件名称

web图形库

外文名

WebGL

类别

3D绘图标准

结合

JavaScript和OpenGL ES 2.0

特点

供硬件3D加速渲染

设计编

WebGL 1.0基于OpenGL ES 2.0,并提供了3D图形的API。它使用HTML5Canvas并允许利用文档对象模型接口。WebGL 2.0基于OpenGL ES 3.0,确保了提供许多选择性的WebGL 1.0扩展,并引入新的API。可利用部分Javascript实现自动存储器管理。

历史

WebGL起源于Mozilla员工弗拉基米尔·弗基西维奇的一项称为Canvas 3D实验项目。2006年,弗基西维奇首次展示了Canvas 3D的原型。2007年底在Firefox和Opera被实现。

在2009年初,非营利技术联盟Khronos Group启动了WebGL的工作组,最初的工作成员包括Apple、Google、Mozilla、Opera等。2011年3月发布WebGL 1.0规范。截至2012年3月,工作组的主席由肯·罗素(Ken Russell,全名“Kenneth Bradley Russell”)担任。

WebGL的早期应用包括Zygote Body。WebGL 2规范的发展始于2013年,并于2017年1月完成。该规范基于OpenGL ES 3.0。首度实现在Firefox 51、Chrome 56和Opera 43中。

开发状况

WebGL和3D图形规范OpenGL、通用计算规范OpenCL一样来自Khronos Group,而且免费开放,预计2010年上半年完成并 公开发布。Adobe Flash Player 11、 微软Silverlight 3.0也都已经支持GPU加速,但它们都是私有的、不透明的。

WebGL标准工作组的成员包括AMD,爱立信,谷歌,Mozilla,Nvidia以及Opera等,这些成员会与Khronos公司通力合作,创建一种多平台环境可用的WebGL标准,预计WebGL标准会在2011年上半年首度公开发布,该标准将完全免费对外提供。

作用

完美地解决了现有的Web交互式三维动画的两个问题:第一,它通过 HTML脚本本身实现Web交互式三维动画的制作,无需任何 浏览器插件支持;第二,它利用底层的图形 硬件加速功能进行的图形渲染,是通过统一的、标准的、跨平台的OpenGL接口实现的。

最新情况

WebGL标准已出现在Mozilla Firefox、Apple Safari及 开发者预览版Google Chrome等 浏览器中,这项技术支持Web开发人员借助系统显示芯片在浏览器中展示各种3D模型和场景,未来有望推出3D网页游戏及复杂3D结构的网站页面。

针对基于IFC的BIM设计模型,将Revit几何体转化为参数化几何体,对参数化几何体进行三角化、轻量化处理,并对转换后以JSON格式存储的数据进行WebGL数据渲染,开发了一种基于WebGL的在线BIM可视化系统。[1]该系统解决了BIM数据的轻量化和跨平台问题,实现了模型和建筑图的在线浏览和信息交互。

据国外媒体报道,在2013年,一段 诺基亚N900手机使用移动版Firefox 软件演示WebGL标准的视频在网上流传,引起了许多手机用户的关注。

从视频中可以看到在展示网页中的3D模型及使用触控屏操作的过程非常流畅,这表示WebGL标准已经支持 手机浏览器应用。在2013年之前,手机 用户上网浏览多媒体网页仍受手机硬件、浏览器以及 网速等方面限制导致体验不佳,如果WebGL标准能在手机上普及应用,将使手机网络服务得到快速地发展。

2011年3月,多媒体技术标准化组织Khronos在美国洛杉矶举办的游戏开发大会上发布WebGL标准规范 R 1.0,支持WebGL的 浏览器不借助任何 插件便可提供 硬件图形加速从而提供高质量的3D体验。 WebGL标准已经获得了业界大佬们的支持: Apple (Mac OS Safari nightly builds),Google (Chrome9.0), Mozilla (Firefox4.0 beta)和Opera (preview build)。

2012年4月,Google搜索悄然上线了一个新的功能,那就是在搜索框里输入一个曲线方程,那么Google就会在搜索页里为你画出这个曲线!这也是WebGL第一次被应用在Google的搜索引擎中,使用者可以在搜索框里输入任意一个二元方程,Google都会将此方程绘制出来,并且是显示在全3D的空间中,另外还可以自由调整和编辑曲线以及方程。

如果想要临时查看一个方程的曲线,而周围又没有专业 软件的时候,你可以应急使用一下Google的这个贴心新功能!不过要注意的是,这个功能只能运行在支持WebGL 浏览器中,例如Chrome和Firefox,而不是IE!

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