死亡请帖 发表于 2012-11-1 18:11:09

【转载】10个HTML5动画，让你忘掉Flash是啥

你最近可能已经听到了很多关于Flash是面临垂死挣扎的技术以及它将如何很快被HTML5的取代。就个人而言，我认为HTML5会慢慢取代一些Flash的东西，但Flash会永远有它的一席之地，特别是开发复杂的游戏和丰富的互联网应用。如果你还没有看到HTML5动画是怎么样做的，我这里收集了10个演示，显示了它的一些出色的动画能力。 那么，你认为——HTML5会取代Flash吗？Canvas Minimal Particle Animation

http://webdesignledger.com/wp-content/uploads/2010/06/html5_demos_2.jpg
（字体动画，可以输入文字自定义，不过就像世界上很多东西一样，这个也不支持中文。）
CanvasMol
http://webdesignledger.com/wp-content/uploads/2010/06/html5_demos_6.jpg

（这一个真实吓我一跳，截图是著名的C60分子结构，3D动画，很多自定义选项，真的跟Flash没什么两样。点击左边列表还可以看到更多3D动画的分子结构。）
Flickr and Canvas in 3D
http://webdesignledger.com/wp-content/uploads/2010/06/html5_demos_3.jpg

(这个cb之前新闻贴过了。点击上面的方块就显示出图片。)
Cloth Simulation
http://webdesignledger.com/wp-content/uploads/2010/06/html5_demos_4.jpg

(布料模拟动画，接触过3D的人应该知道这种效果。)
etchaPhysics
http://webdesignledger.com/wp-content/uploads/2010/06/html5_demos_7.jpg

（一个游戏动画，用画笔一些东西，点击时钟之后这些物体会受重力掉下来，游戏我没去细看，动画亮点就是模拟重力和刚性反弹吧。）

Google Images Gift Box – CSS 3D example


（可旋转的立体盒子，可以在上面输入内容然后点搜索，盒子就打开，不过好像没搜索出内容。）
Liquid Particles

http://webdesignledger.com/wp-content/uploads/2010/06/html5_demos_1.jpg

（流体粒子动画，也是3D动画的一个手段。不过如果像那些3D软件一样粒子可以替代成物体，那真是太伟大了。）
HTML5 Canvas Nebula
http://webdesignledger.com/wp-content/uploads/2010/06/html5_demos_11.jpg

（星云动画，通过静态图片实现。个人认为早前的Javascript也能实现，不过可能效果没那么好。）
   Ball Pool
http://webdesignledger.com/wp-content/uploads/2010/06/html5_demos_9.jpg
（弹性球动画。模拟重力和弹性。）
Bomomo
http://webdesignledger.com/wp-content/uploads/2010/06/html5_demos_10.jpg

（几个漂浮的泡泡是画笔，可以在画布上画画。）

(作为动画，有很多种形式，时间轴动画，重力模拟，软体模拟，弹性等多种动画效果。其实所看到的HTML5动画相比以前的看到的并非有很多高明之处，最大的区别可能就是HTML5新元素画布，这个元素的动画可操作性相比图片要好很多。不过我觉得在IT业界里，事物的新颖与否并非全在于技术的革新，而在于概念的新鲜，就像当初的Ajax一样，技术没什么变化，但是带来了极好的用户体验。)

网络学习 发表于 2012-11-13 00:06:24

你认为——HTML5会取代Flash吗？

死亡请帖 发表于 2012-11-14 12:40:21

网络学习 发表于 2012-11-13 00:06 static/image/common/back.gif
你认为——HTML5会取代Flash吗？

看见一大堆人说一定会取代，但随着Flash一代比一代好而且现在很多很酷很炫的网站都在用着Flash也证明了这一点，所以一部分人又说不会取代，我倒是希望它取代，这样就不用多学一门Flash了

网络学习 发表于 2012-11-15 00:07:25

死亡请帖 发表于 2012-11-14 12:40 static/image/common/back.gif
看见一大堆人说一定会取代，但随着Flash一代比一代好而且现在很多很酷很炫的网站都在用着Flash也证明了这 ...

我个人觉得Flash制图是一种享受！

死亡请帖 发表于 2012-11-15 00:14:43

网络学习 发表于 2012-11-15 00:07 static/image/common/back.gif
我个人觉得Flash制图是一种享受！

Flash绘制图形方便是方便，但HTML5才刚起步，连针对矢量绘图的软件都没有，但关键是性能绝对超过Flash，就像HTML5在公路跑，而Flash是在HTML5这辆车内走，速度永远比不过

网络学习 发表于 2012-11-16 00:01:07

死亡请帖 发表于 2012-11-15 00:14 static/image/common/back.gif
Flash绘制图形方便是方便，但HTML5才刚起步，连针对矢量绘图的软件都没有，但关键是性能绝对超过Flash，就 ...

向你学习我还没有接触过HTML5。

MrXu404013092 发表于 2012-11-16 09:53:49

这个是好东西，个人比较看好html5的

bbspass 发表于 2013-3-16 21:02:28

这个还真是不错啊，收藏啦

冰绝_-諦 发表于 2013-5-12 10:03:35

这是在扯淡啦~\(≧▽≦)/~啦啦啦

情不自禁 发表于 2013-5-12 19:51:27

作为一个前端开发爱好者表示压力很大......

citian3094 发表于 2015-5-2 12:42:04

学习了，看看

肖采 发表于 2016-7-10 22:18:41

作为一个正在学习的前端开发者   压力山大啊
页: [1]
查看完整版本: 【转载】10个HTML5动画，让你忘掉Flash是啥