谷歌浏览器webGL实验

来源:互联网 发布:北京西岐网络 编辑:程序博客网 时间:2024/06/10 04:47

今天小编推荐几个好玩的谷歌webGL实验:声音转图像,水族馆鱼群测网速,3D水母(纯代码制作),Lights音乐会等。

在详细介绍这个实验之前我先向大家介绍一下webGL技术:

WebGL是一项利用JavaScript API呈现3D电脑图形的技术,有别于过往需加装浏览器插件,通过WebGL的技术,只需要编写网页代码即可实现3D图像的展示。WebGL的规格尚在发展中,由非营利的Khronos Group管理。

如果你不知道 WebGL 是什么和能做哪些东西,先来和 Lights来一段互动体验吧,相信你会知道 WebGL 技术是多么强大。

点击这里进行互动, Lights看起来像是一段 Flash 视频,但实际上并不是,它无需插件就能在你的浏览器上顺利运行(需支持 WebGL,Chrome、Safari、Firefox 都可以),甚至可以在手机上运行。
简单地说,WebGL 是一套用于渲染 2D 和 3D 图形的标准图形库,其标准是由 Khronos、AMD、爱立信、谷歌、Mozilla、Nvidia 以及 Opera 等共同制定,目前已出现在 Mozilla Firefox、Apple Safari 及 Google Chrome 等浏览器中,同时这种高质量的 3D 表现不需借助任何插件便可通过提供硬件图形加速来达到。

在 Lights 中,黄色的"闪光线"会随着鼠标的左右点击而左右摆动,当"气泡"出现时,点击它们会出现焰火般的炫丽景象。而其背景音乐是英国歌手 Ellie Goulding 制作的一个互动音乐体验,同时随着音乐节拍界面会有呼吸状的闪光。

相信你已经对webGL技术有了一定的了解,是不是很神奇呢?

下面介绍另外几个好玩的webGL游戏:

Word Problems:声音转图像,很好玩,它会把你喜欢的音乐以图像的方式展现出来。声音播放的同时,图像不断变化,图像的任何改变都是根据声音的波动以及旋律的改变而调整得来的。如果音乐是比较high的类型,那么图像看起来会很带感哦。(将音乐拖动至浏览器即可播放)

经典鱼缸测试这是一个经典的网页速度测试,电脑网速越快,鱼游的速度就越快,另外有多个场景可以切换,鱼的数量也可以设置。

Cycleblob该游戏场景类似基于贪吃蛇游戏,可以通过上下左右键移动,并有多个关卡。

3D水母该游戏有点单调,展示的是水底 3D 水母,并可以用鼠标来调整视角。

目前webGL流畅的运行还需要一些强大浏览器的支撑。chrome谷歌浏览器(下载)是最好不过的选择啦!它支持所有webGL的运行,基本没有卡顿现象。

另外为大家推荐一个非常酷的网站,chrome实验(Chrome Experiments),网站里面共有777个基于webGL和HTML5技术的网页实验和游戏。给你超棒的体验,快来试试吧!(ps:记住一点,chrome实验是要用谷歌浏览器才能打开的,记得先安装浏览器)。

0 0
原创粉丝点击