Category Archives: Demo大赏

《EVE Online》战舰在线 3D 展示

感谢HiWebGL访客 故攻 的推荐!

推荐一个相当不错的WebGL应用,这个应用是由CCP Games官方发布的,可供用户在浏览器框架中把玩其游戏大作《星战前夜OL》游戏中各种飞行器模型。 是对HTML5、WebGL以及多种渲染技术的综合应用,呈现的效果非常棒。 另外其源代码未经过多混淆,可以拿来作技术研究借鉴之用。

Posted in Demo大赏 | Leave a comment

八大疯狂的HTML5 Canvas及WebGL动画效果

HTML5、WebGL和JavaScript改变了长久以来的动画制作行业。在过去的几年中,我们想要制作卓越的网页动画只能使用Flash和Java Applet。而现在,使用脚本语言和渲染器在浏览之中实现疯狂的动画效果已经成为可能。我们挑选了8个由WebGL、HTML5 Canvas和Javascript制作的绝妙效果。每一个都非常简单但却发人深省,疯狂并且极具创意。

Posted in Demo大赏 | 7 Comments

日本 3.11 大地震数据演示

去年3月11日,应该是像我这样的大部分的80后的年轻人第一次通过电视现场直播看到海啸带来的威力——NHK航拍的镜头里清晰可见,几百米后的就是巨浪滔天汹涌而来,见神杀神,遇佛杀佛,而几百米前还有开着车四处逃散的人。

转眼间一年过去,今天我们要看的Demo由日本雅虎制作的“复兴支援——东日本大地震”专题中的一部分,用数据可视化的形式将2011年3月11日下午2点40分开始的巨大震动展现在人们面前。

点击时间轴左边的播放按钮之后,游标会向右移动;随着时间的推移,画面正中的日本地图上会显示出各地发生的地震的强度和地点。而且是全3D的,用户可以随意改变视角。

Posted in Demo大赏 | Leave a comment

WebGL 帮助 Gameloft 进军 Google+ 平台

12月19日,Gameloft正式进军Google+游戏平台,首作即是之前风靡iOS和Android平台的3D赛车游戏《GT Racing: Motor Academy》。这次投放到Google+平台版本的GT赛车完全是由HTML5技术制作的,并且使用了WebGL。整个游戏完全实现了人们对HTML5游戏的期待,包括无端、实时更新、实时多人在线、3D化等等。游戏中包含了来自于26个品牌的111辆不同型号的赛车,包括尼桑、奥迪和法拉利等大牌热门车型。

Posted in Demo大赏, WebGL新闻 | 1 Comment

WebGL Christmas Demo

12月20日,Oak3D Team释出了他们为2011年圣诞节制作的圣诞Demo。整个Demo是基于一个无限开阔的雪地场景的,里面有圣诞树和雪人。用户可以上传5张照片,这些照片会随后显示在天空中。上传照片后会获得一个唯一的网页地址,用户可以将这个地址从浏览器地址栏拷贝出来分享给朋友;也可以通过左下的社会化分享按钮进行分享,其中包括新浪微博、腾讯微薄和人人网。

Posted in Demo大赏 | 1 Comment

2011年20大3D网站

如果要在互联网编年史上描述2011年的话,那么无需任何插件即可在浏览器中直接嵌入支持硬件加速的3D图形一定会被记上重重的一笔。

随着大部分现代浏览器都增加了对WebGL的支持(微软IE除外),以及最近发布的Flash 11,开发者终于可以开始把构建高性能互动3D体验放上议事日程。

那么让我们一起来看看2011年中的20大3D网站!

Posted in Demo大赏 | Leave a comment

CNN ECOSPHERE

1月28日至12月9日,联合国气候变化框架公约第17次全体缔约方会议(COP17)在南非德班召开,全球194个国家的代表参与讨论防止全球变暖的议题。

CNN为此制作了一个以Twitter为媒介,与众多关心绿色生活和气候变化的网友进行交互的专题站点,这个站点使用了WebGL搭建。站点会抓取所有带有#COP17标签的推特,然后图形化的转化为大树上的一个节点;并且期间还会按照不同主题将这些推特分类,组成不同的大树。

Posted in Demo大赏 | Leave a comment

时下 WebGL 的轰动作品 ——“Lights”的幕后故事

互动工作室HelloEnjoy为歌手Ellie Goulding的歌曲《Lights》制作了一个让人耳目一新的3D MV。创意总监Carlos Ulloa为我们带来了制作的幕后故事,包括团队为何选择WebGL和如何制作出这些让人沉浸其中的视觉效果。

Posted in Demo大赏 | Leave a comment

Opera 的当家演示范例 —— Odin

作为WebGL工作组成员之一的Opera最近刚刚放出了支持WebGL的Opera 12,虽然目前仍处于Next版本,但是对WebGL的支持度已经做的非常好了。虽然Opera在桌面平台上的市场占有率并不高,但是凭借在移动互联网的份额,以及前瞻性的推出Opera TV,很有可能成为未来市场上的主力军。

在之前多次的展会和新闻发布会上,Opera都将WebGL独立出来介绍给与会者,使用了一个看起来很酷的次时代游戏场景的Demo。11月2日,Opera终于在GitHub上公布了这个名字叫Odin的Demo的源代码。

Posted in Demo大赏 | Leave a comment

Google 用 WebGL 打造 Bookcase 3D 书架

Google开发了一个叫做Bookcase的3D书架网页应用,可展示超过一万本图书,被分了28个分类,用鼠标即可让书架一直滚动下去,找到你想要的书。整个网页的3D效果赞到爆。在你选择了一本书之后,该应用会直接引导你到Google Books在线阅读。选取图书时还会显示出一个二维码,利用手机扫描也可直接快速在手机上阅读。

Posted in Demo大赏 | Leave a comment