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

【转载】互动中国分享: 20个惊艳的 HTML5 Canvas 应用试验_第1张图片

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

来源: 梦想天空

01.  Cloth Simulation

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

【转载】互动中国分享: 20个惊艳的 HTML5 Canvas 应用试验_第2张图片

02.  Particle System

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

【转载】互动中国分享: 20个惊艳的 HTML5 Canvas 应用试验_第3张图片

03.  Cloth Experiment

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

【转载】互动中国分享: 20个惊艳的 HTML5 Canvas 应用试验_第4张图片

04.  Strange Attractors

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

【转载】互动中国分享: 20个惊艳的 HTML5 Canvas 应用试验_第5张图片

05.  Particle Letter Animation

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

【转载】互动中国分享: 20个惊艳的 HTML5 Canvas 应用试验_第6张图片

06.  Canvas Nebula

使用 Canvas 绘制的星云图。

【转载】互动中国分享: 20个惊艳的 HTML5 Canvas 应用试验_第7张图片

07.  Bomomo

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

【转载】互动中国分享: 20个惊艳的 HTML5 Canvas 应用试验_第8张图片

08.  Liquid Particles

多彩的流动颗粒。

【转载】互动中国分享: 20个惊艳的 HTML5 Canvas 应用试验_第9张图片

09.  Fake Floor Reflections

非常立体的倒影效果。

【转载】互动中国分享: 20个惊艳的 HTML5 Canvas 应用试验_第10张图片

10.  Sinous

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

【转载】互动中国分享: 20个惊艳的 HTML5 Canvas 应用试验_第11张图片

11.  Water in HTML5

HTML5 Canvas 模拟的水!

【转载】互动中国分享: 20个惊艳的 HTML5 Canvas 应用试验_第12张图片

12.  Blob

水滴效果。

【转载】互动中国分享: 20个惊艳的 HTML5 Canvas 应用试验_第13张图片

13.  Magnetic System

模拟的磁场效果。

【转载】互动中国分享: 20个惊艳的 HTML5 Canvas 应用试验_第14张图片

14.  Trail

多彩的轨迹。

【转载】互动中国分享: 20个惊艳的 HTML5 Canvas 应用试验_第15张图片

15.  Particles

粒子系统。

【转载】互动中国分享: 20个惊艳的 HTML5 Canvas 应用试验_第16张图片

16.  Shattering Box Physics Simulation

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

【转载】互动中国分享: 20个惊艳的 HTML5 Canvas 应用试验_第17张图片

17.  Flower Power

美丽的花!

【转载】互动中国分享: 20个惊艳的 HTML5 Canvas 应用试验_第18张图片

18.  9Elements Particle Play

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

【转载】互动中国分享: 20个惊艳的 HTML5 Canvas 应用试验_第19张图片

19.  Beauty of Maths

数学之美!

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

20.  Tree

Canvas 绘制的树。

【转载】互动中国分享: 20个惊艳的 HTML5 Canvas 应用试验_第21张图片

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

你可能感兴趣的:(HTML5学习资源,HTML5热点关注)