鱼C论坛

 找回密码
 立即注册
查看: 5132|回复: 11

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

[复制链接]
发表于 2012-11-1 18:11:09 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x

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

Canvas Minimal Particle Animation


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


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


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


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


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

Google Images Gift Box – CSS 3D example


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



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


(星云动画,通过静态图片实现。个人认为早前的Javascript也能实现,不过可能效果没那么好。)
   Ball Pool

(弹性球动画。模拟重力和弹性。)
Bomomo


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

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


本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
发表于 2012-11-13 00:06:24 | 显示全部楼层
你认为——HTML5会取代Flash吗?
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
 楼主| 发表于 2012-11-14 12:40:21 | 显示全部楼层
网络学习 发表于 2012-11-13 00:06
你认为——HTML5会取代Flash吗?

看见一大堆人说一定会取代,但随着Flash一代比一代好而且现在很多很酷很炫的网站都在用着Flash也证明了这一点,所以一部分人又说不会取代,我倒是希望它取代,这样就不用多学一门Flash了
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
发表于 2012-11-15 00:07:25 | 显示全部楼层
死亡请帖 发表于 2012-11-14 12:40
看见一大堆人说一定会取代,但随着Flash一代比一代好而且现在很多很酷很炫的网站都在用着Flash也证明了这 ...

我个人觉得Flash制图是一种享受!
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
 楼主| 发表于 2012-11-15 00:14:43 | 显示全部楼层
网络学习 发表于 2012-11-15 00:07
我个人觉得Flash制图是一种享受!

Flash绘制图形方便是方便,但HTML5才刚起步,连针对矢量绘图的软件都没有,但关键是性能绝对超过Flash,就像HTML5在公路跑,而Flash是在HTML5这辆车内走,速度永远比不过
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
发表于 2012-11-16 00:01:07 | 显示全部楼层
死亡请帖 发表于 2012-11-15 00:14
Flash绘制图形方便是方便,但HTML5才刚起步,连针对矢量绘图的软件都没有,但关键是性能绝对超过Flash,就 ...

向你学习  我还没有接触过HTML5。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
发表于 2012-11-16 09:53:49 | 显示全部楼层
这个是好东西,个人比较看好html5的
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
发表于 2013-3-16 21:02:28 | 显示全部楼层
这个还真是不错啊,收藏啦
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
发表于 2013-5-12 10:03:35 | 显示全部楼层
这是在扯淡啦~\(≧▽≦)/~啦啦啦
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
发表于 2013-5-12 19:51:27 | 显示全部楼层
作为一个前端开发爱好者表示压力很大......
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
发表于 2015-5-2 12:42:04 | 显示全部楼层
学习了,看看
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2016-7-10 22:18:41 | 显示全部楼层
作为一个正在学习的前端开发者   压力山大啊
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-11-21 22:11

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表