【转载】互动中国分享: 20个惊艳的 HTML5 Canvas 应用试验

标签: HTML5学习资源 HTML5热点关注 | 发表时间:2012-08-29 14:52 | 作者:HTML5研究小组
出处:http://www.mhtml5.com

如今,HTML5 可谓如众星捧月一般,受到众多业内巨头的青睐。很多 Web 开发者也尝试着用 HTML5 来制作各种 Web 应用。HTML5 规范引进了很多新特性,其中最令人期待的之一就是 Canvas 元素,HTML5 Canvas 提供了通过 JavaScript 绘制图形的方法,非常强大。今天这篇文章收集了20个惊艳的 HTML5 Canvas 应用试验推荐给大家。

来源: 梦想天空

01.  Cloth Simulation

使用 Canvas 模仿的3D布料图案效果。

02.  Particle System

这是我最喜欢的一个,非常神奇的效果!

03.  Cloth Experiment

另外一个非常惊艳的布料模仿使用,拖动布料试试看!

04.  Strange Attractors

使用 Canvas 绘制的非常精美的分形(fractals)效果。

05.  Particle Letter Animation

动感的字母颗粒效果动画。

06.  Canvas Nebula

使用 Canvas 绘制的星云图。

07.  Bomomo

HTML5 Cavas 制作的画板,有各种各样的画刷。

08.  Liquid Particles

多彩的流动颗粒。

09.  Fake Floor Reflections

非常立体的倒影效果。

10.  Sinous

一个非常有趣的游戏,没有想象的那么容易玩。

11.  Water in HTML5

HTML5 Canvas 模拟的水!

12.  Blob

水滴效果。

13.  Magnetic System

模拟的磁场效果。

14.  Trail

多彩的轨迹。

15.  Particles

粒子系统。

16.  Shattering Box Physics Simulation

模拟现实世界的物理动作,难以置信的逼真。

17.  Flower Power

美丽的花!

18.  9Elements Particle Play

这个实验演示了 audio 和 canvas 标签的应用。

19.  Beauty of Maths

数学之美!

20.  Tree

Canvas 绘制的树。

转载自: http://www.damndigital.com/archives/60218#more-60218

相关 [互动 中国 分享] 推荐:

【转载】互动中国分享: 20个惊艳的 HTML5 Canvas 应用试验

- - HTML5研究小组
如今,HTML5 可谓如众星捧月一般,受到众多业内巨头的青睐. 很多 Web 开发者也尝试着用 HTML5 来制作各种 Web 应用. HTML5 规范引进了很多新特性,其中最令人期待的之一就是 Canvas 元素,HTML5 Canvas 提供了通过 JavaScript 绘制图形的方法,非常强大.

互动中国分享: 21款HTML5 开发框架和开发工具

- - DamnDigital
HTML5 在不同的领域让网页设计更强大的. 快速,安全,响应式,互动和美丽,这些优点吸引更多的 Web 开发人员使用 HTML5. HTML5 有许多新的特性功能,允许开发人员和设计师创建应用程序和网站,带给用户桌面应用程序的速度,性能和体验. 接下来的这些21款优秀的 HTML5 框架和开发工具可以帮助你开发项目更快,更容易.

腾讯发布Q拍 - 照片分享和互动应用

- 〄 淘 氣 - cnBeta.COM
感谢企鹅在线(QQezx.com)的投递. Q拍 分享每一刻 想拍就Q拍. Q拍是QQ好友间的照片分享和互动应用. Q拍与QQ空间、腾讯微博无缝结合,让QQ好友和微博粉丝在第一时间感受您眼前的快乐. 拍照、特效、分享,一切就是那么简单、有趣.

案例分享:蘑菇街十一的走心互动营销

- DeadPoet - 所有文章 - UCD大社区
我的域名终于回来了,本人已经无法理解为什么会出现这样的事儿了. 反正终于通过正常的渠道,重新备案成功,大家可以正常访问. 重新开通第一天,分享一个半个月前我们做的案例吧. 十一假期前一天,蘑菇街上线一个微电影-异地恋篇,开始《嘿. 十一》活动,假期里每个用户发微博只要“@蘑菇街”,就可以得到一个蘑菇体的个人专辑作为长假记录.

2015中国数据库大会Mongodb分享

- - CSDN博客推荐文章
本次分享由MongoDB大中华区技术顾问分享. “老人家”上来就问Mongo是什么意思,猜中有奖,还号称自己是最牛的MongoDB专家(在风筝冲浪圈子里…大家都懂的). 相信大家都不知道,容易理解为芒果(英文应该是mango). 实际上mongo是由这个英文humongous演变来的,表示“巨大的”的意思.

离职信: 奥美互动中国区总裁陈蓉的职场经验

- - DamnDigital
据悉,效力奥美互动13年之久的中国区总裁陈蓉已递交辞呈. 这是她在奥美工作最后一天,赠予同事、下属们的一些她自己的感悟,来与大家分享:. 来源: 微信PRView. 今天,是我在奥美工作的最后一天. 从今天以后,华丽大厦十一楼西南角的那个小小的角落将不再属于我. 我衷心的感谢你们所给予我的支持,这股巨大的力量支撑我走完充满了酸甜苦辣的十三年.

“中国版推特”多有关于笑话和时尚八卦,较少分享重要新闻

- yuanxinz - 译言-教育与学习
来源\"China\'s Twitter\" Is More About Jokes And Fashion Tips And Less About Sharing Hard News | Fast Company. 译者chunfengqiushui. “中国版推特”多有关于笑话和时尚八卦,较少分享重要新闻.

分享图片

- 糖果 - 变态辣椒的时政漫画

40套MiniIcon分享

- Newton - Booto'Blog
很精美的40套迷你MiniIcon,可能这类型的Icon更多的是运用在App设计和移动客户端上面吧,简约而不简单.