Lights——惊人的WebGL显示技术

新用户2038447162·2011年11月28日 09:50
如果你不知道WebGL是什么和能做哪些东西,先来和<a href="http://lights.elliegoulding.com/">Lights</a>来一段互动体验吧,相信你会知道WebGL技术是多么强大。 <a href="http://lights.elliegoulding.com/">点击这里进行互动</a>,<a href="http://lights.elliegoulding.com/">Lights</a>看起来像是一段Flash视频,但实际上并不是,它无需插件就能在你的浏览器上顺利运行(需支持WebGL,Chrome、Safari、Firefox都可以),甚至可以在手机上运行。

如果你不知道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的3D小游戏:

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

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

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

小提示:对于Safari用户来说,WebGL默认状态下是关闭的,你可以通过设置里面的高级选项来开启开发者选项。开启之后,在菜单栏就会多出一个开发者菜单,选中它即可。

+1
0

好文章,需要你的鼓励

参与评论
评论千万条,友善第一条
后参与讨论
提交评论0/1000

下一篇

努力工作就是构成初创企业的东西。 假如你在一家初创企业工作,认为工作太累、牺牲太多,你大可到别家找一份能满足你需求的工作。但是,如果你在内心深处知道你是历史的一部分,你所做的东西会永远被记录被想起,那么,在你躲在桌子底下短暂睡眠以后,你可以放声大哭,然后拾掇一番,记住:你身在竞技场,你是一个海盗,你来这里是要改变世界。你可能会觉得自己可怜:工作时间太长、气氛紧张起来你老板有时还会对你大呼小叫。但是你也知道世界上没有第二个硅谷了。没有任何别的地方像硅谷那样在结构上就设计好了要帮你把想象变成现实。没有任何别的地方像这里有那么多志同道合的人一起作出牺牲、努力工作、创造新的东西。

2011-11-28

36氪APP让一部分人先看到未来
36氪
鲸准
氪空间

推送和解读前沿、有料的科技创投资讯

一级市场金融信息和系统服务提供商

聚焦全球优秀创业者,项目融资率接近97%,领跑行业