(注:本文为昨天Chrome18的技术补充文章,Chrome18中Canvas
3D 的 GPU 加速功能是通过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可以为HTML5Canvas提供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吧!(升级传送门:Chrome18)
ViaInsideSearch
分享到:
相关推荐
Unity提供了将项目导出为WebGL格式的功能,使得这些项目可以在网页上运行,无需安装额外的插件或应用。 在Android手机上打开WebGL项目时,通常会通过内置浏览器来加载和展示内容。为了实现全屏显示,我们需要注意...
【标题】"百度个性地图3D测试...综上所述,"百度个性地图3D测试(WebGL V1.0).zip"涵盖了WebGL技术、百度地图的3D实现、离线地图服务、Tomcat服务器部署等多个IT领域的知识点,为开发者提供了深入研究和实践的机会。
在WebGL3D技术的支持下,SuperMap能够实现高性能的三维地图渲染,让用户可以在浏览器中查看和操作三维地理信息。WebGL是一种基于OpenGL标准的JavaScript API,允许在任何兼容的Web浏览器中进行硬件加速的3D图形绘制...
你需要将你的视频文件转换为OGV格式,确保它们能在WebGL支持的浏览器上播放。 3. **Unity Video Player组件**:Unity内建的Video Player组件是播放视频的核心。你可以在场景中的任何GameObject上添加这个组件,然后...
Unity WebGL 是一个强大的游戏开发平台,它允许开发者创建交互式3D和2D内容,并且可以直接在网页浏览器中运行,无需任何插件。WebGL是一种基于OpenGL标准的JavaScript API,用于在任何兼容的Web浏览器中进行3D图形...
此外,ht.js可能是一个用于构建3D场景的JavaScript库,它为开发者提供了更高级的工具和函数,简化了WebGL的编程复杂性。通过这个库,开发者可以轻松地添加交互式元素,如点击某个货位获取详细信息,或者拖放货物进行...
Unity3D是一款强大的跨平台游戏开发引擎,支持创建2D和3D游戏,以及互动式三维应用程序。在尝试将项目打包成WebGL格式时,开发者可能会...通过上述方法,你应该能够找到并修复问题,成功将Unity3D项目打包为WebGL格式。
它支持在Web浏览器中直接打开和渲染VRML和X3D格式的3D模型,提供高质量的图形显示效果和丰富的交互功能。BS-Contact具有以下特点: 1. **跨平台兼容性**:BS-Contact支持多种操作系统,包括Windows、Mac OS X和...
总的来说,Unity 3D Video Player WebGL 结合了Unity的强大功能和WebGL的广泛兼容性,为开发者提供了在网页上构建沉浸式3D视频体验的工具。通过理解和掌握这个技术,开发者可以创建引人入胜的在线交互式媒体应用,...
8. **兼容性**:虽然 WebGL 支持现代浏览器,但开发者仍需考虑旧版本浏览器的兼容性问题,可能需要提供回退方案。 9. **应用实例**:这种技术可以应用于大数据可视化的地图应用,如城市规划、环境监测、交通流量...
Unity WebGL 是一个强大的跨平台游戏开发工具,它允许开发者创建互动3D和2D应用程序,并在Web浏览器中直接运行,无需额外的插件。在这个Dome项目中,我们看到Unity WebGL已经实现了对中文输入的支持,这使得中国用户...
WebGL是一种基于OpenGL标准的JavaScript API,它允许开发者在任何支持WebGL的浏览器上创建交互式的3D图形,无需插件。这使得网页应用可以呈现出更为丰富的视觉效果,包括地图服务中的3D渲染。 百度地图WebGL离线版V...
Wire-cell-viz-webgl 安装 git clone ...需要支持WebGL的现代浏览器。 有关兼容浏览器的列表,请参见。 我们发现具有最佳性能。 常见问题 如何制作自己的事件? 请按照的说明进行操作。
WebGL是一种基于OpenGL标准的JavaScript API,用于在任何兼容的Web浏览器中进行2D和3D图形渲染,无需插件支持。它使开发者能够在网页上创建动态、交互式的3D内容,极大地拓宽了Web开发的可能性。Three.js是建立在...
1. WebGL技术基础:WebGL是一种3D图形API,能够在不需要插件的情况下在浏览器中运行。它使用OpenGL ES的JavaScript绑定,可以调用显卡硬件加速功能来渲染2D和3D图形。这项技术为基于网页的三维图形渲染提供了基础。 ...
WebGL是一种JavaScript API,允许在任何兼容的浏览器中进行交互式3D图形渲染,无需插件。结合raymarching算法,我们可以创建出引人入胜的3D神经网络可视化效果。 **WebGL简介** WebGL是基于OpenGL标准的JavaScript...
这种技术为Web开发者提供了一种无需依赖任何插件就能构建交互式3D内容的途径,极大地丰富了网页的视觉体验。 首先,Canvas是HTML5中的一个核心元素,它允许动态、脚本化的图形绘制。开发者可以使用JavaScript或者...
这个“利用WebGL实现的一个矢量字段vectorfield浏览器”项目,旨在为用户展示和探索矢量场数据,它利用了JavaScript的强大力量以及WebGL的三维渲染能力,提供了一个交互式的可视化平台。 矢量场是由一组向量定义的...
6. 浏览器支持: - Chrome、Firefox、Safari和Opera等主流浏览器都支持WebGL。 - 其中,Chrome和Firefox提供了更佳的支持,尤其是Chrome在性能表现上最佳。 - 尽管如此,运行非常复杂的WebGL应用可能会导致系统资源...
**WebGL**是一种3D绘图标准,该标准将JavaScript与OpenGL ES 2.0相结合,旨在为HTML5 Canvas提供硬件3D加速渲染的能力。通过这种方式,Web开发人员能够利用系统的图形处理器在浏览器中流畅地展示3D场景和模型,同时...