你最近可能已经听到了很多关于Flash是面临垂死挣扎的技术以及它将如何很快被HTML5的取代。就个人而言,我认为HTML5会慢慢取代一些Flash的东西,但Flash会永远有它的一席之地,特别是开发复杂的游戏和丰富的互联网应用。
如果你还没有看到HTML5动画是怎么样做的,我这里收集了10个演示,显示了它的一些出色的动画能力。那么,你认为——HTML5会取代Flash吗?
Canvas Minimal Particle Animation(feedtank.com/labs/html_canvas)
(字体动画,可以输入文字自定义,不过就像世界上很多东西一样,这个也不支持中文。)
CanvasMol(alteredqualia.com/canvasmol)
(这一个真实吓我一跳,截图是著名的C60分子结构,3D动画,很多自定义选项,真的跟Flash没什么两样。点击左边列表还可以看到更多3D动画的分子结构。)
Flickr and Canvas in 3D(xs4all.nl/~peterned/3d)
(这个cb之前新闻贴过了。点击上面的方块就显示出图片。)
Cloth Simulation(andrew-hoyer.com/experiments/cloth)
(布料模拟动画,接触过3D的人应该知道这种效果。)
etchaPhysics(fokistudios.com/etchaphysics)
(一个游戏动画,用画笔一些东西,点击时钟之后这些物体会受重力掉下来,游戏我没去细看,动画亮点就是模拟重力和刚性反弹吧。)Google Images Gift Box(addyosmani.com/resources/googlebox)
(可旋转的立体盒子,可以在上面输入内容然后点搜索,盒子就打开,不过好像没搜索出内容。)Liquid Particles(spielzeugz.de/html5/liquid-particles.html)
(流体粒子动画,也是3D动画的一个手段。不过如果像那些3D软件一样粒子可以替代成物体,那真是太伟大了。)HTML5 Canvas Nebula(professorcloud.com/mainsite/canvas-nebula.htm)
(星云动画,通过静态图片实现。个人认为早前的Javascript也能实现,不过可能效果没那么好。)Ball Pool(mrdoob.com/projects/chromeexperiments/ball_pool)
(弹性球动画。模拟重力和弹性。)Bomomo(bomomo.com)
(几个漂浮的泡泡是画笔,可以在画布上画画。)
(作为动画,有很多种形式,时间轴动画,重力模拟,软体模拟,弹性等多种动画效果。其实所看到的HTML5动画相比以前的看到的并非有很多高明之处,最大的区别可能就是HTML5新元素画布,这个元素的动画可操作性相比图片要好很多。不过我觉得在IT业界里,事物的新颖与否并非全在于技术的革新,而在于概念的新鲜,就像当初的Ajax一样,技术没什么变化,但是带来了极好的用户体验。)
来源:WebDesignledger(webdesignledger.com
- 大小: 8.5 KB
- 大小: 15.7 KB
- 大小: 15.5 KB
- 大小: 22.5 KB
- 大小: 16.4 KB
- 大小: 21.7 KB
- 大小: 23.6 KB
- 大小: 7.1 KB
- 大小: 14.1 KB
- 大小: 11.7 KB
分享到:
相关推荐
flash音乐动画《下定决心忘掉你》 风景图片加音乐与歌词!
过去的存在是为了让我们忘掉过去
3. 另外打开一个命令行窗口,执行: ```sql use mysql update user set password=password("new_pass") where user="root"; flush privileges; exit ``` 4. 使用 Ctrl+Alt+Del,找到 `mysqld-nt` 的进程,杀掉它 5. ...
从中打开你编辑的网页文件,方法是打开"File"(文件)菜单,根据不同的浏览器请选择"Open Page"(打开网页)或"Open File"(打开文件),寻找到你的“订书机.html”文件并选中,这样浏览器就会打开这个文件了。文件打开后...
在中国的传统文化中,人际关系的重要性被深深地根植,尤其是在友情这一领域...在人生的道路上,朋友的支持与陪伴往往比任何物质回报更为珍贵,因此,请把别人欠你的情尽量忘掉,用一颗无私的心去经营和珍惜每一段友情。
【木小禾素材】好听唯美的语句-没忘掉为你圆的慌
记者转型产品经理:忘掉战略 返璞归真.docx
为啥我在Action中定制一个变量并编写了setter/getter方法,struts2能把参数准确为我注入,咋实现的呢?为什么需要Ioc模式,它在struts2中如何体现其价值?struts2是如何利用基本的servlet构建出来这样一个灵活的框架...
未来,每个企业都将融入智能制造的浪潮,制造业将更加科技化,科技企业也将更加智能化。企业价值的评估将更加注重数据资产和商业智慧的结合,这两者将成为企业竞争力的核心体现。工业互联网操作系统将成为这一切的...
陌陌织网谋转型:忘掉旧标签.docx
忘掉海岛,在爪哇“巴黎”游弋.pdf
"忘掉“频率”与“架构” CPU技术发展新方向"这一主题,旨在探讨在新的技术环境下,CPU技术的创新路径和未来发展趋势。 首先,我们应当理解,频率和架构是CPU性能的两大关键因素。频率,即CPU的工作速度,决定了它...
大概有多久没有更新专栏文章了。半年?下半年忙到起飞,或者毫不夸张的说是发射?仅有的一点个人时间,上半年贡献给了...这篇文章本来是写的《SVG+CSS动画》小册中的一个小节选,小册因为各种莫名的原因,搁浅了,搁浅
TWaver HTML5使用JavaScript语言开发,可运行在多种现代浏览器:IE9+, Firefox...请原谅我 没有列出具体的版本号,现在浏览器更新换代太快,而TWaver HTML5面向的是现代和未来的浏览器,所以忘掉那些落后 的老浏览器吧。
如果需要关于IT行业的详细信息,建议提供含有具体技术话题的文件内容,例如一篇关于云计算的文章、一份编程教程、一个软件开发的案例研究,或是一段关于网络安全的描述。这样,我可以根据提供的信息生成与IT领域相关...
忘掉修改注册表的那些复杂流程吧,享受Win10优化大师极简操作带来的快感! Win10优化大师(软媒Windows10优化大师)功能: 1、常用开关:显示已知文件扩展名、设置Windows窗口动画……众多易用性设置不必到处寻找,...
[忘掉防改密码--文档照样编辑]-手机文档编辑软件.docx
4. 恒等初始化:恒等初始化是一种简单的初始化方法,让各层之间的权重完全相等,并且使得上一层的输入“完整”的传入下一层,这样方差便不再成为一个需要考虑的问题。 5. 动力等距:动力等距是指当输入输出的雅可比...
这个过程旨在更新或恢复手机的固件,解决系统问题,或者获取更多自定义选项。本文将详细解释vivo手机的刷机流程,包括线刷的方法,以及如何通过官方解锁平台来解除设备的锁屏状态。 首先,刷机分为两种主要类型:卡...