`
阿尔萨斯
  • 浏览: 4398517 次
社区版块
存档分类
最新评论

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

 
阅读更多

(注:本文为昨天Chrome18的技术补充文章,Chrome18中Canvas 3D 的 GPU 加速功能是通过WebGL技术来实现的,小编这篇文章主要是为大家解释一下WebGL技术。)

早在2010年Google放弃了自己的浏览器外挂3D技术O3DO3D是由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 浏览器全屏 显示模版

    Unity提供了将项目导出为WebGL格式的功能,使得这些项目可以在网页上运行,无需安装额外的插件或应用。 在Android手机上打开WebGL项目时,通常会通过内置浏览器来加载和展示内容。为了实现全屏显示,我们需要注意...

    百度个性地图3D测试(WebGL V1.0).zip

    【标题】"百度个性地图3D测试...综上所述,"百度个性地图3D测试(WebGL V1.0).zip"涵盖了WebGL技术、百度地图的3D实现、离线地图服务、Tomcat服务器部署等多个IT领域的知识点,为开发者提供了深入研究和实践的机会。

    SuperMap-webgl3D vue示例demo

    在WebGL3D技术的支持下,SuperMap能够实现高性能的三维地图渲染,让用户可以在浏览器中查看和操作三维地理信息。WebGL是一种基于OpenGL标准的JavaScript API,允许在任何兼容的Web浏览器中进行硬件加速的3D图形绘制...

    unity3d webgl播放视频 自用备份

    你需要将你的视频文件转换为OGV格式,确保它们能在WebGL支持的浏览器上播放。 3. **Unity Video Player组件**:Unity内建的Video Player组件是播放视频的核心。你可以在场景中的任何GameObject上添加这个组件,然后...

    Unity打包Webgl端进行 全屏幕自适应

    1. 请确保在不同的设备和浏览器上测试你的WebGL应用,因为不同的浏览器对WebGL和CSS的支持程度可能有所不同。 2. 针对移动设备,可能需要考虑横竖屏切换的适配。 3. 考虑性能优化,如减少不必要的渲染或使用WebGL的...

    Unity WebGL下读取Excel

    Unity WebGL 是一个强大的游戏开发平台,它允许开发者创建交互式3D和2D内容,并且可以直接在网页浏览器中运行,无需任何插件。WebGL是一种基于OpenGL标准的JavaScript API,用于在任何兼容的Web浏览器中进行3D图形...

    HTML5 WebGL 3D 仓储管理系统

    此外,ht.js可能是一个用于构建3D场景的JavaScript库,它为开发者提供了更高级的工具和函数,简化了WebGL的编程复杂性。通过这个库,开发者可以轻松地添加交互式元素,如点击某个货位获取详细信息,或者拖放货物进行...

    unity3d 打包成webgl 错误解决办法

    Unity3D是一款强大的跨平台游戏开发引擎,支持创建2D和3D游戏,以及互动式三维应用程序。在尝试将项目打包成WebGL格式时,开发者可能会...通过上述方法,你应该能够找到并修复问题,成功将Unity3D项目打包为WebGL格式。

    用于VRML文件浏览、显示,BS-Contact、cortona3d-x64浏览器插件

    它支持在Web浏览器中直接打开和渲染VRML和X3D格式的3D模型,提供高质量的图形显示效果和丰富的交互功能。BS-Contact具有以下特点: 1. **跨平台兼容性**:BS-Contact支持多种操作系统,包括Windows、Mac OS X和...

    Unity 3D Video Player WebGL

    总的来说,Unity 3D Video Player WebGL 结合了Unity的强大功能和WebGL的广泛兼容性,为开发者提供了在网页上构建沉浸式3D视频体验的工具。通过理解和掌握这个技术,开发者可以创建引人入胜的在线交互式媒体应用,...

    leaflet_webgl:用于Leaflet的快速Webgl层,支持Geojson和Shapefiles

    8. **兼容性**:虽然 WebGL 支持现代浏览器,但开发者仍需考虑旧版本浏览器的兼容性问题,可能需要提供回退方案。 9. **应用实例**:这种技术可以应用于大数据可视化的地图应用,如城市规划、环境监测、交通流量...

    Unity WebGL中文输入 支持输入法跟随 支持全屏(Dome)

    Unity WebGL 是一个强大的跨平台游戏开发工具,它允许开发者创建互动3D和2D应用程序,并在Web浏览器中直接运行,无需额外的插件。在这个Dome项目中,我们看到Unity WebGL已经实现了对中文输入的支持,这使得中国用户...

    百度地图WebGL离线版V1.0示例,包含3D地球模式

    WebGL是一种基于OpenGL标准的JavaScript API,它允许开发者在任何支持WebGL的浏览器上创建交互式的3D图形,无需插件。这使得网页应用可以呈现出更为丰富的视觉效果,包括地图服务中的3D渲染。 百度地图WebGL离线版V...

    wire-cell-viz-webgl:WebGL事件显示

    Wire-cell-viz-webgl 安装 git clone ...需要支持WebGL的现代浏览器。 有关兼容浏览器的列表,请参见。 我们发现具有最佳性能。 常见问题 如何制作自己的事件? 请按照的说明进行操作。

    WebGL 可视化3D绘图框架:Three.js 零基础上手实战.rar

    WebGL是一种基于OpenGL标准的JavaScript API,用于在任何兼容的Web浏览器中进行2D和3D图形渲染,无需插件支持。它使开发者能够在网页上创建动态、交互式的3D内容,极大地拓宽了Web开发的可能性。Three.js是建立在...

    基于WEBGL的3D试衣系统的设计与实现

    1. WebGL技术基础:WebGL是一种3D图形API,能够在不需要插件的情况下在浏览器中运行。它使用OpenGL ES的JavaScript绑定,可以调用显卡硬件加速功能来渲染2D和3D图形。这项技术为基于网页的三维图形渲染提供了基础。 ...

    使用webgl和raymarching以3d方式可视化神经网络

    WebGL是一种JavaScript API,允许在任何兼容的浏览器中进行交互式3D图形渲染,无需插件。结合raymarching算法,我们可以创建出引人入胜的3D神经网络可视化效果。 **WebGL简介** WebGL是基于OpenGL标准的JavaScript...

    Canvas 3D Javascript来在浏览器中直接显示3D场景的库

    这种技术为Web开发者提供了一种无需依赖任何插件就能构建交互式3D内容的途径,极大地丰富了网页的视觉体验。 首先,Canvas是HTML5中的一个核心元素,它允许动态、脚本化的图形绘制。开发者可以使用JavaScript或者...

    利用WebGL实现的一个矢量字段vectorfield浏览器

    这个“利用WebGL实现的一个矢量字段vectorfield浏览器”项目,旨在为用户展示和探索矢量场数据,它利用了JavaScript的强大力量以及WebGL的三维渲染能力,提供了一个交互式的可视化平台。 矢量场是由一组向量定义的...

    WebGL Overview

    6. 浏览器支持: - Chrome、Firefox、Safari和Opera等主流浏览器都支持WebGL。 - 其中,Chrome和Firefox提供了更佳的支持,尤其是Chrome在性能表现上最佳。 - 尽管如此,运行非常复杂的WebGL应用可能会导致系统资源...

Global site tag (gtag.js) - Google Analytics