惊艳！9个难以想象的 HTML5 Canvas 应用试验

1.  HTML5 Video Destruction

这是一个真正抢眼的 Canvas 演示，我必须顶礼膜拜。你会看到一个可扩展的画布视频，点击视频片爆炸，但视频爆炸过程当中继续播放，并可以自动回到其原来的位置。这是一个让咱们全部的人都振奋的演示。

效果演示

 

2.  Zen Photon Garden

这个史诗般的 Canvas 应用演示能够在画布上绘制活性光流，从而使用户可以看到他们的新线条组成的光流效果。更妙的是，这个演示可让您保存和加载输出。

效果演示

 

3.  Tear-able Cloth

这是一个流畅的模拟可撕裂布料效果的演示。你会看到，借助 Canvas 的强大绘图和动画功能，只需不多的代码就能实现让您屏息凝神的效果。

效果演示

 

4.  Particles

这是演示绚丽得难以形容。此演示的动画的颜色，位置，链接线，和不透明度，全部的动画都很光滑....这是真的很光滑。惊叹！

效果演示

 

5.  30,000 Particles

30K颗粒演示包含了一些很是可怕的东西：圆形（半径），动画爆炸和返回粒子，和鼠标监听器，容许用户控制爆炸。一个很好的交互性和逻辑的例子。

效果演示

 

6.  Motion Graphic Typeface

这个效果太惊异了，每一个字母由不一样的图像数据。我能够说的是这个动画绝对使人兴奋的，你看到文字效果取决于您的鼠标位置。

效果演示

 

7.  Motion Graphic Typeface II

若是前一个演示还不够深入，那么这个相信可以打动你。不只是文字动画，仍是一个使人难以置信的颜色模糊动画。这个演示是真正的超凡脱俗。

效果演示

 

8.  Canvas Rider

HTML5 Canvas 的应用固然少不了游戏，能够说是网页游戏的将来，火狐 OS 将很快证实。这个辉煌而又简单的自行车比赛代表，Canvas 已经准备好迎来黄金季节。

效果演示

 

9.  Gestures + Reveal.JS

这个演示使用您的设备的摄像头和麦克风实现基于手势的移动立方体的数据。若是你有一台 MacBook Pro 的，你应该尝试这一点。

效果演示