`
java-mans
  • 浏览: 11444074 次
文章分类
社区版块
存档分类
最新评论

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

分享到:
评论

相关推荐

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

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

    基于js判断浏览器是否支持webGL

    起因是我之前开发的网页,用到了three.js制作了一个3d的...一定是xp上安装的低版本chrome而那时候的chrome还不支持webGL。这个坑啊。 于是机智的我打算获取谷歌版本,低版本的话不执行那段js。于是如下代码: functi

    slip-flap:虚拟拆分显示,可以添加到网页中并显示在支持webgl的浏览器中

    裂口描述该项目包括开发一个虚拟的拆分显示,可以将其添加到网页中并显示在启用了webgl的浏览器中。 这种显示可以在火车站和机场看到。 这是一个完全个人化的项目,用于实践和应用我从Webgl和D. Crockford的书《 ...

    grasky:使用WebGL的3D图形库

    Grasky是一个用于在浏览器中显示三维图形(带有节点和边的图形)的库。 在在线尝试一下。 使用WebGL将图形绘制到canvas元素上,并支持以下操作: 添加或删除节点或边 设置节点或边的文本 用鼠标选择节点。 按住...

    vts-browser-js:JavaScript WebGL 3D地图渲染引擎

    它几乎提供了您想要的基于Web的3D映射的所有功能。 VTS浏览器JS是独立可用部分:这是用于3D地理空间应用程序开发的最先进的全堆栈开源平台。 使用VTS浏览器JS,您可以在单个在线地图中组合和呈现各种地理空间数据...

    wrld.js:精美的3D地图JavaScript API

    WRLD JavaScript API使您可以轻松地将嵌入到任何支持WebGL的现代浏览器的任何网页中。 有关运行中的3D地图的示例,请参见 。 它基于 ,提供了用于在网页中嵌入3D地图的熟悉的API。 例子 您可以在我们的网站上找到...

    OSM2WorldWebGLPrototype:OSM2World 的 WebGL 前端原型

    OSM2WorldWebGLPrototype OSM2World 的 WebGL 前端原型。 预览链接: : ##当前版本 0.2 ####... ####版本0.4 从 OSM 获取 2D 地图并以 2D 模式显示,当缩放级别足够时切换到 3D 模式。 添加自定义纹理支持。 ##旧版本#

    nine-mens-morris:一个用three.js构建的3D磨坊游戏

    请确保您的浏览器支持 WebGL。 如果您不确定您的浏览器是否支持 WebGL,您可以在这里查看: : 还要考虑,当您通过“localhost/...”或“file:///”打开应用程序时,某些浏览器可能会阻止游戏板的纹理。 (Chrome ...

    Iris 3D Viewer-crx插件

    它通过Javascript和WebGL运行,因此是跨平台的,可以通过许多不同的浏览器使用。 导入虹膜可以导入以下任何一种模型格式。 如果您看不到,请随时在“问题”中提出要求。 * stl(ASCII和二进制)* obj(尚不支持的...

    CityIO:以 3D 形式呈现的 City's-Hertogenbosch

    技术City I/O 完全用 JavaScript(服务器端和客户端)构建,并使用一些最新的 Web 技术: (NodeJS、MongoDB、NPM、下划线) (WebGL渲染) D3.js LESS (CSS 预编译器) 浏览器支持谷歌浏览器 (≥ v31) (Mac/...

    augmented-reality

    WebGL 允许您在网页上显示硬件加速的 3D 图形 (GPU),而无需在任何支持 OpenGL 2.0 或 OpenGL ES 2.0 的平台上安装插件。 从技术上讲,它是 javascript 的 API,允许使用 OpenGL ES 2.0 的本机实现,该实现将被合并...

    libmol:单页Web应用程序,用于显示和研究分子模型

    :利用WebGL浏览器功能并针对性能进行了调整的Javascript分子可视化库 AS Rose,AR Bradley,Y Valasatava,JM Duarte,APrlić和PW Rose。 大型配合物的基于Web的分子图形。 第21届Web3D技术国际会议(Web3D '16)...

    支持3D头像观看的效果

    支持3D头像观看的效果,该源码Ejecta能够让开发者用JavaScript写应用,运行用Ejecta写的应用,就像运行一个浏览器,实质上这里没有浏览器,可以在上面运行任意的JavaScript代码,可以实现丰富的动画、音频效果,甚至...

    med3web:Med3Web是用于高级2-D和3-D医学可视化的高性能Web工具

    最新版本可与支持WebGL的桌面浏览器(Chrome,Firefox,Opera)一起使用,并允许与移动浏览器(Android Chrome)一起使用。 Safari的版本(macOS,iOS)计划在将来发布。市场评估Med3Web可以在带有诊断设备的医疗...

    【Egret Engine v5.4.0】HTML5开源免费游戏框架+极强的跨平台运行能力

    浏览器运行经由它构造的游戏不需要任何第三方的运行时插件的支持,简洁优雅,是Egret 的最终目标。 Adobe Flash拥有完整的Web游戏工作流程,具有深度的开发者社区,一个出色的ActionScript语言和大量卓越的第三方...

    Repost-of-brianchirls-for-experiments

    Web VR 入门套件Web VR Starter Kit 是一个 Javascript 库,用于轻松... WebVR 需要支持 WebGL 的浏览器。 显示和头部/视图跟踪支持以下设备配置: Oculus Rift - 需要或 Google Cardboard - 设备方向跟踪; 分屏为每只

    gravity-simulator-go:go语言并行模拟万有引力天体运行

    服务端使用go利用多核并行计算,支持memcache/redis/file存储计算数据,前后端使用websocket通信,前端使用ThreeJS框架,利用WebGL显示3D效果。 可模拟恒星系统,球状星团,星系,星流等 可设置中心超大质量天体...

    Cesium-1.45

    Cesium-1.44源码 。支持三维地球(3D),二维地图(2D)以及2.5D哥伦布视图(2.5D)。采用WebGL硬件加速图形,跨平台、跨浏览器,并支持动态数据的可视化,特别适用于三维技术项目。

Global site tag (gtag.js) - Google Analytics