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

系统 浏览器
早在2010年Google放弃了自己的浏览器外挂3D技术O3D,O3D是由Google公司发布的一个新的API,是一种基于网页的可控3D标准。此格式期望真正的基于浏览器,独立于操作系统之外,并且支持主流的3D显卡,希望借此在网页当中也能实现效果逼真的3D动画,这项技术被搁浅之后Google进而转向由Mozilla牵头的3D网络绘图技术WebGL,使得WebGL这项技术逐渐进入了人们的视线,WebGL技术到底是什么呢?

 早在2010年Google放弃了自己的浏览器外挂3D技术O3D,O3D是由Google公司发布的一个新的API,是一种基于网页的可控3D标准。此格式期望真正的基于浏览器,独立于操作系统之外,并且支持主流的3D显卡,希望借此在网页当中也能实现效果逼真的3D动画,这项技术被搁浅之后Google进而转向由Mozilla牵头的3D网络绘图技术WebGL,使得WebGL这项技术逐渐进入了人们的视线,WebGL技术到底是什么呢?

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

 

从视频就可以看出WebGL技术的强大,WebGL是一种3D绘图标准,该标准允许把JavaScript和OpenGL ES 2.0结合在一起,与OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canvas提供GPU 加速功能,Web开发人员就可以借助PC的显卡在浏览器中更加流畅地展示3D场景和模型,还能创建复杂的导航和数据视觉化。显然,WebGL技术标准免去了开发网页专用渲染插件的麻烦,可被用于创建具有复杂3D结构的网站页面,甚至可以用来设计3D网页游戏等等。

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

HTML5时代即将来临,WebGL技术无疑为HTML5中3D显示提供了强有力的保障,相信用不了多久就会有越来越多的浏览器3D应用乃至大型浏览器3D游戏与大家见面。朋友们,准备好迎接HTML5时代了么,赶紧升级你们的Chrome吧!

【编辑推荐】

  1. HTML5test能力测试公布:傲游3浏览器夺冠
  2. 超越Chrome!傲游浏览器HTML5测评得分***
  3. 傲游3新版全新升级 加强HTML5动画性能

 

责任编辑:Yeva 来源: leiphone
相关推荐

2010-12-20 13:53:10

GoogleWebGL

2016-09-21 14:24:37

3D全景浏览器浏览器

2023-03-03 21:42:18

鸿蒙

2012-05-28 14:30:46

浏览器苹果

2010-03-04 09:20:10

Firefox3D

2012-06-16 16:57:52

WebGL

2021-04-01 06:23:24

CSS33D3D Web 动画

2009-04-24 09:12:26

Google浏览器

2016-12-07 13:25:08

CSS33D渲染

2009-04-23 09:50:39

O3D3D插件

2012-02-14 16:16:55

天天浏览器移动浏览器

2011-12-18 20:55:48

明基投影机

2012-04-24 15:07:49

HTML5

2012-04-10 15:25:59

明基投影机

2011-12-14 14:58:48

优派投影机

2011-10-06 13:30:45

宏碁投影仪

2021-04-24 09:26:52

微软Edge浏览器

2010-10-28 16:31:10

2011-05-26 10:05:07

优派投影机

2011-10-25 10:13:42

优派投影仪
点赞
收藏

51CTO技术栈公众号