PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> HTML >> 

10个HTML5动画,让你忘掉Flash是啥

10个HTML5动画,让你忘掉Flash是啥

来源:PHP程序员站  作者:PHP程序员站  发布时间:2011-06-21
你最近可能已经听到了很多关于Flash是面临垂死挣扎的技术以及它将如何很快被HTML5的取代。就个人而言,我认为HTML5会慢慢 取代一些Flash的东西,但Flash会永远有它的一席之地,特别是开发复杂的游戏和丰富的互联网应用。如果你还没有看到HTML5 动画是怎么样做的,我这

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

Canvas Minimal Particle Animation

html5 demos
(字体动画,可以输入文字自定义,不过就像世界上很多东西一样,这个也不支持中文。)
CanvasMol
html5 demos

(这一个真实吓我一跳,截图是著名的C60分子结构,3D动画,很多自定义选项,真的跟Flash没什么两样。点击左边列表还可以看到更多3D动画的分子 结构。)
Flickr and Canvas in 3D
html5 demos

(这个cb之前新闻贴过了。点击上面的方块就显示出图片。)
Cloth Simulation
html5 demos

(布料模拟动画,接触过3D的人应该知道这种效果。)
etchaPhysics
html5 demos

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

Google Images Gift Box – CSS 3D example

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

html5 demos

(流体粒子动画,也是3D动画的一个手段。不过如果像那些3D软件一样粒子可以替代成物体,那真是太伟大了。)
HTML5 Canvas Nebula


html5 demos

(星云动画,通过静态图片实现。个人认为早前的Javascript也能实现,不过可能效果没那么好。)
Ball Pool
html5 demos
(弹性球动画。模拟重力和弹性。)
Bomomo
html5 demos

(几个漂浮的泡泡是画笔,可以在画布上画画。)


延伸阅读:
HTML5 令人期待的五项酷功能 轻松又美丽
20个使用HTML5编写的网站
你从没见过的 HTML5 动画效果
5 个不能不看的 HTML5 + JavaScript 效果
10个奇幻的HTML5和Javascript效果
10个超棒的HTML5素描及绘画设计工具
九个难以置信的HTML5和JavaScript实验
25 个强大的 HTML 5 示例
Tags: HTML5   动画   flash  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号