[转]HTML5交互动画最棒了
本帖最后由 nexus1 于 2010-6-26 15:18 编辑http://cnbeta.com/articles/114849.htm
新闻来源:queness.com
HTML5 的 Canvas 对象将改变 javaxcript 的使命，使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8 个你从未见过的，基于 HTML5 Canvas 和 javaxcript 的动画，这些令人难以置信的效果将使你对 HTML5 彻底折服。需要指出的是，这些都是浏览器的原生动画，无需任何插件。
Tunnelers
http://ghost-hack.com/post/jsexperiments/tunneler/tunneler.html
纯 javaxcript + HTML5 Canvas 生成的交互动画，难以置信。
The Mesmerizer
http://danforys.com/mesmerizer/
在格子中移动鼠标，颜色随着改变并扩散到周围的格子，很迷幻。用鼠标点四角的格子，或按键盘，可以看到更奇妙的效果。
Burn
http://guciek.net/test/burn
在页面上移动鼠标，或按下鼠标，这样的效果，很难相信是浏览器原生的。
Cheloniidae Live
http://spencertipping.com/beta/cheloniidae-live-b1/
也是基于纯粹的 javaxcript，不过使用了一个 javaxcript 库。很有趣，你可以通过修改其 javaxcript 代码实现自己的效果（可惜被墙了）。
Canvas 3D engine
http://www.xs4all.nl/%7Epeterned/3d
一个基于 Canvas 的 3D 引擎。目前只支持预设的图形，纹理及基本交互功能。
Bomomo
http://bomomo.com/
很值得一试。
DDD
http://the389.com/works/three/
这个交互动画也很有趣。
Plasma Tree
http://openrise.com/lab/PlasmaTree/
非常阿凡达。
本文国际来源：queness.com 8 Simply Amazing HTML5 Canvas and javaxcript Animations （原文作者 kevin）
中文翻译来源：锐商企业CMS 网站内容管理系统 官方网站
------------bomomo非常帅 用什么浏览器可以看到这些..... 我用火狐能看
IE8貌似看不见 有什么大不了的。。。望天 火狐和CHROME OK ，IE8不行 ，据说IE9就可以、 很好很强大 中国还是IE6第一，而且很多傻逼连IE8都不肯升。 opera无压力 IE支持前都是扯淡。 其实我想问，为什么用js做这些复杂交互的cpu占用比flash还大怎没人喷还大家叫好的 cpu无压力啊 刚玩过，第1个很灵 我用手机的webkit居然可以看！！！但是不能操作交互，，，， IE9预览版能看-_,- 用IE8的表示
啊哈哈你说什么，我听不懂 IE9预览版能看-_,-
lblbzjw 发表于 2010-6-26 15:23 http://bbs.saraba1st.com/2b/images/common/back.gif
IE9完全支持HTML5和CSS3标准 用flash三两下功夫可以搞好的东西, 为啥还要用JS+HTML5.嫌自己的代码被抄袭得不够么? 本帖最后由 mewtwojge2 于 2010-6-26 15:43 编辑
CHROME能玩。为什么扯到JAVA上了？就因为比FLASH开源？
我觉得要完全兼容系统的话，WEB的前端应该允许不断扩充HTML，开发几种子集。而非搞什么JAVA或者FLASH插件。 ...
hisame 发表于 2010-6-26 15:30 http://bbs.saraba1st.com/2b/images/common/back.gif
哥，兼容性和在？当一个开放标准什么都包含的时候它还是标准吗？还有java与js除了名字有四个字母相同外其余的没什么关系
html5从来都是某些厂商用来改变生态格局的工具而已，除了个名义上的开放外没有什么比flash强，普通人民群众不用跟着围观。。 比flash要卡这一点就足够败了。。。 flash的速度没有改进空间,因为没有竞争对手
adobe:反正老子flash再慢你们也得用,浪费资源人力在速度上面干嘛
而HTML5和js的速度是浏览器本身决定的,因此有竞争,有提高,现在那么多浏览器一天到晚比谁最快不就是为了这个. 其实我想问，为什么用js做这些复杂交互的cpu占用比flash还大怎没人喷还大家叫好的
mewtwojge2 发表于 2010-6-26 15:21 http://bbs.saraba1st.com/2b/images/common/back.gif
cpu占用大？您用什么浏览器？
chrome 运行飞快，ie9相信也会很快，因为硬件加速 其实我想问，为什么用js做这些复杂交互的cpu占用比flash还大怎没人喷还大家叫好的
mewtwojge2 发表于 2010-6-26 00:21 http://bbs.saraba1st.com/2b/images/common/back.gif
大？？ 不觉得- - 本帖最后由 normanzb 于 2010-6-26 16:47 编辑
除了个名义上的开放外没有什么比flash强，普通人民群众不用跟着围观。。
mewtwojge2 发表于 2010-6-26 15:41 http://bbs.saraba1st.com/2b/images/common/back.gif
某人那行为我也看不下去，是骡子是马自少要拿出来溜溜，人家还没上场先扼杀在摇篮里等于把flash未来的进步空间都断送了。
但是flash有个最麻烦的地方就是要装插件，而且这个插件就目前的情况来看在linux的机器上兼容性不是很好，win上和ff还有chrome配合的也不是很好，chrome好几次crash都是因为flash
另外手机或者其他移动设备上装个flash确实也是负担。
但我觉得这种东西只有竞争才能进步，桌面浏览器因为有竞争我们今天才能用到先进的浏览器，flash也一样，而某牌子想尽办法干掉对手的这种做法最终很有可能会反作用到自己身上。 Win版Safari5无压力 这个……用户用什么浏览器你管得着吗
chrome在国内占有率5%都不到，ie6至少70%，前几名都是ie系列的，360和马桶还在为ie添砖呢
ff,safari，oprea在国内全都是小众
浏览器兼容是厂商要解决的问题，不是用户的问题，这几年前端工程师慢慢热起来就是因为浏览器竞争越来越激烈
flash的地位其实比想象中要更坚固，silverlight出来多少年了，有威胁到flash吗，再说flash自身也在进步，flex的RIA应用也是非常强大的，至少到目前为止我认为html5前景还不乐观 国内是ie6的天下 本帖最后由 mewtwojge2 于 2010-6-26 17:13 编辑
某人那行为我也看不下去，是骡子是马自少要拿出来溜溜，人家还没上场先扼杀在摇篮里等于把flash未来的进步空间都断送了。
但是flash有个最麻烦的地方就是要装插件，而且这个插件就目前的情况来看在linux的机器上兼 ...
normanzb 发表于 2010-6-26 16:41 http://bbs.saraba1st.com/2b/images/common/back.gif
我觉得flash要装插件从来都不是劣势而是优势。换插件和换浏览器那个量级重？用户愿意换插件还是浏览器呢？flash是可以无痛升级的，只需要同意升级可以自动升级并且不用重启。但是要换浏览器这么简单么？
所以我觉得拿html5不用装插件只需装浏览器来踩flash本身就是笑话
html5最大的优势是标准开放，某些厂商不用看adobe脸色，这点乔布斯在thought on flash那篇文章很详细的讲到了，我觉得那部分的确是真话
当然，flash最大的劣势也是插件，safari为了稳定本身禁止了插件访问很多底层api，导致mac下的flash只能靠cpu运作（最近倒允许flash解析视频访问显卡了），而safari本身却可以直接调用osx的所有资源。。。这样在html5在mac下的性能当然比flash高，flash在os运行当然慢
linux本身就缺很多必要的api，所以flash也没啥加不加速了，而且用的人不多adobe肯定也有一个优先次序。。。。
其实很多时候电脑作为一个系统，我觉得一样东西的性能并不能说是怪一个方面把，既然flash在win运行很好，为何在mac和linux运行差，肯定不单是flash的原因
还有flash终于也要加入3D了，拭目以待以后这些大公司之间的商业角力是很有趣的事。。
flash本身对我没有关系，但是我也是看不惯某些人在看到html5就乱起哄，谁灭谁还不知道。。silverlight都出来几年了，还是那个样，当初也是flash杀手来着。不过我觉得silverlight才是flash将来的真正强敌。。
乔布斯要不不骂，骂的肯定是他最害怕的东西
我觉得flash要装插件从来都不是劣势而是优势。换插件和换浏览器那个量级重？用户愿意换插件还是浏览器呢？flash是可以无痛升级的，只需要同意升级可以自动升级并且不用重启。但是要换浏览器这么简单么？
所以我觉 ...
mewtwojge2 发表于 2010-6-26 17:02 http://bbs.saraba1st.com/2b/images/common/back.gif
装浏览器不仅仅是一个 canvas vs flash的问题，带来的还有很多其他方面的提升，ie9的css3，svg，canvas，硬件加速，chrome和ff超快的速度，这些都是吸引开发人员和用户的因素。
当开发人员慢慢意识到，新浏览器能够帮助提升开发效率，能够够帮助企业减少开发成本的时候，就是新浏览器在企业内快速普及的时候。
现在国内用户迟迟不肯升级的重要原因我想一个是盗版，一个是网吧用户，还有就是企业内网应用必须使用IE6的限制了。 我只知道好好看 HTML5现在还不成熟是事实，不过HTML5明明可以和flash共存的，偏偏被乔不湿挑拨得好像势不两立似的= =
真正被HTML5挤兑的没地呆的其实是siverlight吧……
装浏览器不仅仅是一个 canvas vs flash的问题，带来的还有很多其他方面的提升，ie9的css3，svg，canvas，硬件加速，chrome和ff超快的速度，这些都是吸引开发人员和用户的因素。
当开发人员慢慢意识到，新浏览器能 ...
normanzb 发表于 2010-6-26 17:14 http://bbs.saraba1st.com/2b/images/common/back.gif
问题是，现在flash已经可以满足用户所有的需求，不仅包含html5所有的功能还包括很多没有的功能，那对用户来说升级的意义和在呢？
对于开发人员，html5有那么多浏览器支持，每种浏览器即使支持了支持程度也不同，flash像pdf最大的成功就是对于开发人员最大的吸引就是像所有平台都可以表现一致，加入越来越多东西html5在各家浏览器互相竞争下有可能约定俗称支持一致吗？当年网景搞了个js，微软搞了个activex，就是因为大家竞争为了提供更优秀的功能的产物，现在的浏览器厂商真的会提供一致的体验吗 不就浏览器内置动画脚本解释么.... 本帖最后由 normanzb 于 2010-6-26 17:58 编辑
问题是，现在flash已经可以满足用户所有的需求，不仅包含html5所有的功能还包括很多没有的功能，那对用户来说升级的意义和在呢？
对于开发人员，html5有那么多浏览器支持，每种浏览器即使支持了支持程度也不同，fla ...
mewtwojge2 发表于 2010-6-26 17:25 http://bbs.saraba1st.com/2b/images/common/back.gif
flash至少有一个非常重要的问题没法解决，就是搜索引擎的友好程度。
而且也不可能指望所有应用都用flash去开发，开发web应用，用html来表现的还是重头。毕竟html+http那一堆的协议的积累不是flash可以推翻的，很多功能和应用用html+http实现起来要比FLASH这种类似C/S的模式要更敏捷，更容易，比如爬虫，比如跨应用的交互（flash应用没有dom模型和统一的交互协议），比如快速改变网站整体外观和自动适应设备和屏幕分辨率的布局(css)，屏幕阅读器设备（残障人士），远程文件存取直接用WEBDAV，加密链接SSL等等，这些都是浏览器原生支持的东西，也是被应用的最广的，正是因为HTML的成熟度，HTML的升级版还是未来应用开发的主要方向。
想像一下对于开发人员来说，未来嵌入视频只是一个<video>标签就搞定了，这对生产环境来说吸引力还是很大的。多数flash应用目前的重点还是画面效果，而不是开发效率，运行效率和实用性。
另外canvas的出现意味着我们在web上有一个通用的类似gdi的系统，因此如果完全依靠canvas来实现一个“统一”显示效果也不是不可能的。我记得mozilla就利用canvas搞了个好像叫bespin还是什么的编辑器。
另外你上面的帖子就已经说的很清楚了，flash现在不稳定这是无法回避的问题，不管是谁的错。 对于用小众OS的用户来说, 一套开放公共的标准比起等待adobe来\"临幸\"要好得多了.