10个酷炫效果犹胜 Flash 的 HTML5 动画赏析

你最近可能已经听到了很多关于Flash是面临垂死挣扎的技术以及它将如何很快被HTML5的取代。就个人而言， 我认为HTML5会慢慢取代一些Flash的东西，但Flash会永远有它的一席之地，特别是开发复杂的游戏和丰 富的互联网应用。如果你还没有看到HTML5动画是怎么样做的，我这里收集了10个演示，显示了它的一些出 色的动画能力。那么，你认为——HTML5会取代Flash吗？ CanvasMinimalParticleAnimation （字体动画，可以输入文字自定义，不过就像世界上很多东西一样，这个也不支持中文。） CanvasMol （这一个真实吓我一跳，截图是著名的C60分子结构，3D动画，很多自定义选项，真的跟Flash没什么两样。 点击左边列表还可以看到更多3D动画的分子结构。） FlickrandCanvasin3D (这个cb之前新闻贴过了。点击上面的方块就显示出图片。) ClothSimulation (布料模拟动画，接触过3D的人应该知道这种效果。) etchaPhysics （一个游戏动画，用画笔一些东西，点击时钟之后这些物体会受重力掉下来，游戏我没去细看，动画亮点就是 模拟重力和刚性反弹吧。） GoogleImagesGiftBox–CSS3Dexample （可旋转的立体盒子，可以在上面输入内容然后点搜索，盒子就打开，不过好像没搜索出内容。） LiquidParticles （流体粒子动画，也是3D动画的一个手段。不过如果像那些3D软件一样粒子可以替代成物体，那真是太伟大了。） HTML5CanvasNebula （星云动画，通过静态图片实现。个人认为早前的Javascript也能实现，不过可能效果没那么好。） BallPool （弹性球动画。模拟重力和弹性。） Bomomo （几个漂浮的泡泡是画笔，可以在画布上画画。） (作为动画，有很多种形式，时间轴动画，重力模拟，软体模拟，弹性等多种动画效果。其实所看到的HTML5 动画相比以前的看到的并非有很多高明之处，最大的区别可能就是HTML5新元素画布，这个元素的动画可操作 性相比图片要好很多。不过我觉得在IT业界里，事物的新颖与否并非全在于技术的革新，而在于概念的新鲜， 就像当初的Ajax一样，技术没什么变化，但是带来了极好的用户体验。) 来源：WebDesignledger 编译：MazingTech

�