炫意html5
最早CSS3和HTML5移动技术网站之一

看了这10个HTML5动画就忘掉Flash了

    近来是否经常听人谈论HTML5,是否经常有人说HTML5将取Flash而代之?在我看来,HTML5会慢慢取代一些Flash的东西,HTML5将是下一代互联网技术的基石,HTML5的强大是你无法想象的。但目前而言,Flash还有它的一席之地,未来会怎么样,还要看HTML5的开发工具的发展,目前的复杂游戏和互联网应用还是要依重Flash。如果你还没有看到HTML5动画是怎么样做的,炫意html5提供了10个HTML5实例的演示,显示了HTML5的一些出色的动画能力。

那么,你认为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动画相比传统的动画并非有很多高明之处,最大的区别可能就是HTML5新元素画布,这个元素的动画可操作性相比图片要好很多。不过我觉得在IT业界里,事物的新颖与否并非全在于技术的革新,而在于概念的新鲜,就像当初的Ajax一样,技术没什么变化,但是带来了极好的用户体验。)

看来以上演示,是否有一种学生HTML5的冲动呢?如果有,就多多访问本站吧!炫意HTML5,炫技术,炫个性!

来源:WebDesignledger

炫意HTML5 » 看了这10个HTML5动画就忘掉Flash了

CSS3教程HTML5教程