WEBGL

Posted 2021-04-25 电力前线

WebGL

源自权威科学传播者

WebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把javascript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为html5 Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。显然，WebGL技术标准免去了开发网页专用渲染插件的麻烦，可被用于创建具有复杂3D结构的网站页面，甚至可以用来设计3D网页游戏等等。

01

设计

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

02

历史

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中。

03

开发状况

    WebGL和3D图形规范OpenGL、通用计算规范OpenCL一样来自Khronos Group，而且免费开放，并于2010年上半年完成并公开发布。Adobe Flash Player 11、微软Silverlight 3.0也都已经支持GPU加速，但它们都是私有的、不透明的。WebGL标准工作组的成员包括AMD，爱立信，谷歌，Mozilla，Nvidia以及Opera等，这些成员会与Khronos公司通力合作，创建一种多平台环境可用的WebGL标准，WebGL标准在2011年上半年首度公开发布，该标准完全免费对外提供。

04

作用

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

05

最新情况

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

    据国外媒体报道，在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大家庭！

图文：网络

欢迎关注