2011 Mozilla Demoparty赏析

标签: Mozilla 谋智网络 | 发表时间:2011-09-10 14:30 | 作者:(author unknown) Kavin
出处:http://pipes.yahoo.com/pipes/pipe.info?_id=5OVll5Fs3hGCc1KftJCjyQ
Mozilla 谋智网络

感谢HiWebGL的投递
Mozilla Demoparty是由Mozilla Labs发起的一项旨在启发人们将艺术与web技术相结合的活动,参与者可以自由提交他们的Demo。大部分的Demo都是基于HTML5、WebGL和CSS3等新技术构建的,并巧妙的融入了艺术元素,提高了Demo的内涵和观赏度。

第一名 Akemi

作为一个概念验证,Akemi在技术上实现了WebGL与HaXe的完美结合,并且用艺术性的视觉手段展示了著名的奇怪吸引子。 在WebGL与HaXe结合的环境中,不管是视觉效果还是技术开发,都很容易达到作者想要完成的效果。比起其他的web交互技术,作者认为HaXe和 WebGL的结合是最好的选择方案,但是像FLASH IDE这种开发环境的迟缓显然给工作流程带来很多不便(FLASH无辜中枪!),而另一方面FDT用来作为HaXe的集成开发环境是相当不错的,在里面编 写HaXe代码就像是在写Java或AS3一样。

说句题外话,大家有没有发现这个Demo和FDT5的网站非常像呢?

第二名 Azathioprine

由Alcatraz团队制作的这个Demo无论是在视觉效果上还是在技术的应用上都应该算是一个重量级的作品了。制作人员为此专门编写了一个 Maya的导出插件,在实现上使用了clang作为编译器前端,使用LLVM作为后端。没啥好说的,直接欣赏这一代表着最新技术与理念的Web体验的巨作 吧!

目前在线Demo显示403 Forbidden,不过幸好团队还在Youtube上传了视频,下面就是我们搬运回来的视频。

第三名 The Self-Explanatory Demo

这个Demo将流行的视觉效果,如正弦波等离子体效果(Sine Wave Plasma)、水纹效果、通道效果等,和基本的数学原理结合在一起,从视觉上展现了传统几何、解析几何等门类的数学之美。

创意不错,效果一般,如果拿来做成在线教育课件,小孩子应该挺喜欢的。(玩笑)

单体效果DEMO TOP 5 第一名 WebGL Water

没错,这就是我们之前为您介绍过的那个由Evan同学制作的水体渲染的Demo。果然是不负重望,居然在评委那里得到了4.75分的高分,而且也是最终得分唯一超过4分的作品,把主题DEMO都抛在了身后!

不需要过多的介绍了吧……

第二名 Demojs-fff

这个Demo使了用粒子系统配合音乐节奏完成视觉化效果,虽然很短,但看起来非常酷。由于使用了顶点纹理拾取技术(Vertex Texture Fetching),所以浏览器需要进行特殊设置。不过HiWebGL认为这种技术短期内在WebGL中并不会大规模应用,而且手机和老式显卡也并不支持这种技术。

第三名 Breaking wave

这个Demo使用了3Ds MAX制作模型,导出后用three.js构建,模拟了一个摩托艇在海中冲浪的效果。

第四名 Lights & Shadows

Demo中使用了一个点光源、一个平行光源和一个聚光灯来照亮一个茶壶,并设置了一个背景荧幕用来投射阴影,通过每个光源对茶壶产生的不同阴影,展示了阴影映射技术。

另外该Demo是使用Jax构建的,Jax是一个WebGL开发工具,可以自动完成大部分设置,甚至包括场景管理,从而让开发者可以专注于应用的特殊需求。

第五名 WebGL Path Tracing

不用多说了,这也是我们之前介绍过的、在Twitter上传的非常火的用WebGL实现光线追踪的Demo。制作者还是第一名的那个Evan同学。

世界已经阻止不了他了。

音频DEMO TOP 3 第一名 Flares

这是一个用WebGL技术实现音频播放视觉化效果的Demo,作者只花了不到24小时就完成了制作。

第二名 Duper Mario Synth
  • 网友投票得分:2.83分
  • 评委投票得分:3.25分
  • 最终得分:3.04分
  • Demo地址:http://jams.no.de/

这其实是HiWebGL编辑团队最喜欢的一个Demo,它用电子合成器演奏了超级玛丽的主题曲的旋律,并且在canvas中搭建了一个简单的互动场 景来让观看者用类似游戏的方式改变音频的合成效果。整个Demo中没有用到任何音频剪辑,所有的声音和效果都是由浏览器生成的!你可以在这里找到他们使用的JSON音频模型。另外,该DEMO要求使用Firefox 4+版本,或者是开启了实验性API的Chrome(在浏览器地址栏中输入“about:flags”,回车,然后找到“实验性扩展程序 API”,选择“启用”)。

第三名 Beatdetektor 3

这个Demo中使用了法线贴图和平行贴图,并且增加了阴影。你可以拖拽任何一个你本地的ogg文件到浏览器中替代默认的音频文件。另外,除了天空,Demo中所有的动画和纹理都是用程序实时生成的。

制作团队使用了Mozilla Audio API,BeatDetektor.js,CubicVR.js以及Processing.js。

CSS3 DEMO WINNER 第一名 CSS Nyan Cat

CSS3的Demo中,只评选了一个第一名,这就是那个之前给无数人洗脑的Nyan Cat!如果你还没听说过,那实在也太火星了吧!哥们,你不能总是coding,也要生活啊!赶紧来看看这个风靡世界的猫吧!

相关 [mozilla demoparty] 推荐:

2011 Mozilla Demoparty赏析

- Kavin - cnBeta全文版
Mozilla Demoparty是由Mozilla Labs发起的一项旨在启发人们将艺术与web技术相结合的活动,参与者可以自由提交他们的Demo. 大部分的Demo都是基于HTML5、WebGL和CSS3等新技术构建的,并巧妙的融入了艺术元素,提高了Demo的内涵和观赏度. 第一名 Akemi 网友投票得分:3.67分.

Mozilla宣布WebAPI

- Amom - Solidot
Mozilla提议标准化HTML5 API,它宣布了WebAPI,致力于在原生应用和Web应用之间架起桥梁. WebAPI将可以工作在任何操作系统和任何浏览器上,Mozilla计划尽快公布规格草案和实现原型,并递交到W3C以成为新的Web标准. WebAPI将提供一致的、基于Web的应用程序接口,可以通过任何支持HTML5的设备尤其是智能手机访问.

Mozilla将拥抱H.264

- - 脚本爱好者
Mozilla 上周 开始内部讨论是否支持H.264视频编解码器,现在 Mozilla 高层公开 表达了对私有编解码器的支持.   Mozilla 对H.264的讨论一开始主要集中在 Boot2Gecko 移动平台和 Android 版 Firefox,但随着讨论的深入,桌面版本也纳入了考虑范围.

Mozilla下周发布Firefox 6

- ttfioc - cnBeta.COM
面对Google Chrome的V14,Mozilla在飚版本号的时代走得毫不畏惧,最新路线图显示,Mozilla将在下周公布一个新的大版本:Firefox 6,这离上个一个版本Firefox 5的发布仅2个月时间,而Firefox 4也是在今年的3月21日发布的,三个大版本之间间隔不到半年. 开发的方法变了,用户也需要习惯快速的更新节奏,但对于企业部署来说,如此快速的大版本升级始终会是一个麻烦.

Mozilla正式发布Firefox 5.0

- 王者自由 - cnBeta.COM
Mozilla又可以骗到一个来自IE团队的蛋糕了,今天他们公布了Firefox 5的PC版和Android版,这是Firefox 4发布3个月后的又一个大版本更新,从Chrome、Firefox和IE最近的动向来看,互飚版本号的时代已经到来. 新版Firefox 5带来了CSS动画支持,do-not-track反跟踪技术,Canvas绘图技术和更高的性能.

Mozilla Firefox 7.0 Beta 2 发布

- 洞箫 - cnBeta.COM
全平台全语种的Mozilla Firefox 7.0 Beta 2版本已经在Mozilla FTP出现了,目前官方没有给出该版本的改进信息,但习惯上若一个版本在releases目录出现代表其进入了一个较为稳定的状态,只需要经过候选即可发布,7.0版本带来了性能上的改进,减少了内存消耗号称50%,有兴趣的朋友可以一试.

Mozilla Firefox 8.0 Beta 3 发布

- 洞箫 - cnBeta.COM
Mozilla今天在FTP公布了Firefox 8.0 Beta 3版,该版本的出现也意味着RC版的临近,目前Firefox每一个半月就会提供一个新的版本,以至于官方开始考虑为软件设置静默自动升级的功能. Firefox 8.0的最大变化则是用户可以选择Twitter为默认搜索引擎,允许用户根据需要恢复标签页,增强对扩展管理,标签动画、HTML5原生右键菜单等.

Mozilla宣布淘汰HTTP

- - Solidot
Mozilla正式宣布了淘汰HTTP的方案,其中包括:设定一个日期,所有的新特性将只提供给HTTPS网站;HTTP网站将逐步被禁止访问浏览器功能,尤其是那些与用户安全和隐私相关的功能. Mozilla此举是向Web开发者社区发出一条信息,他们需要确保网站的安全性,而只有整个Web社区和浏览器开发商联合起来,淘汰HTTP才能真正实现.

Mozilla的Do Not Track获行业支持

- Ra白菜 - Solidot
Mozilla在Firefox 4中引入了Do Not Track隐私功能,用户可以在“选项”-“高级”-“常规”中启用这项功能,它会向网站服务器发送一个定制的HTTP头文件,表示你不希望被跟踪. 但这项功能需要服务器端配合客户端才能起作用. 美联社AP News Registry现在宣布支持Firefox 4和IE9的Do Not Track(DNT)功能,它旗下的800个新闻网站,每月独立访问用户1.75亿.

Mozilla将开发独立操作系统

- ccyuling - Solidot
Mozilla宣布了一个新项目“Boot to Gecko”,旨在为开放互联网开发一种完整独立的操作系统,成为ChromeOS或Android的某种竞争对手. 源代码将发布在Github上(暂时只有README). Mozilla此举是为了推广开放Web技术,Boot to Gecko针对的不是笔记本,而是智能手机,为Android兼容设备提供基质.