2013-10-7 蓝蓝设计的小编
转载蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供有效的 BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
来源：http://www.cnblogs.com/lhb25//lhb25/archive/2011/08/09/awesome-html5-and-javascript-effects.html
如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里
这篇文章向大家展示8个惊艳的 HTML5 和 JavaScript 。作为下一代网页语言，HTML5 拥有很多让人期待已久的新特性，越来越多的开发人员开始使用 HTML5 来制作各种交互性强、效果丰富的 Web 应用。下面这些惊艳的示例带您体验 Web 技术的魅力，相信你看完这些例子后会对未来的 Web 发展充满无限期待。为了有更好的效果，建议在 Chrome 浏览器中浏览。
这个示例叫疯狂的触手，移动鼠标可以进行涂鸦，点击鼠标可以清除画布。
使用HTML5 Canvas实现的文本特性，制作教程可参考：Typographic effects in canvas
WebGL Globe 是一个开放的地理数据可视化平台，我们鼓励你复制代码，添加自己的数据，创建自己的应用。
吸引眼球的粒子系统，旨在测试WebGL的性能，滑动鼠标能产生绚丽的效果（safari中浏览会导致蓝屏！）。
用鼠标和粒子进行交互，大胆一些，就能发现你第一眼发看不到的精彩。
使用 WebGL 实现的特隆坦克，灵感来源于迪斯尼1981电影《Tron》。
照片粒子实验，如果你想知道把一张照片分解成一个个粒子，并有红、绿、蓝三个中心会是什么样的，试试这个实验吧。
使用WebGL实现的水面实验，可放入一张照片，使用鼠标触动水面会有奇果。