WebGL-为浏览器提供3D显示支持

Posted 2021-04-25 集团信息中心

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

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

在去年Google就已经利用WebGL开发出了一个Bookcase的3D书架网页应用，可展示超过一万本图书，有28个分类，用鼠标即可让书架一直滚动下去，找到你想要的书，整个网页的3D效果赞到爆，这应该算是Google最早的一个3D网页应用吧，大家应该也早就体验过了，一起来看一段关于这个书架的视频演示：

Google搜索于近日悄然上线了一个基于WebGL技术的全新功能，能把你的浏览器变成3D计算器，也就是说当你在搜索框中输入一段公式，Google就会为你绘制出该公式的模型来，甚至还是3D的立体模型，另外你还可以自由调整和编辑曲线以及方程，这一点对数学和物理爱好者来说是非常强大的一个功能。如果你急需画出一个方程的曲线而手头又没有称手的工具的时候，Google这项功能就可以应急一下了。不过各位需要注意的一点就是，该功能只能运行在支持WebGL 的浏览器中，例如 Chrome 和 Firefox，而不是 IE！下图就是一个方程公式的3D展示：

HTML5时代即将来临，WebGL技术无疑为HTML5中3D显示提供了强有力的保障，相信用不了多久就会有越来越多的浏览器3D应用乃至大型浏览器3D游戏与大家见面。