FLash与HTML5

Posted in Flash, javascript, 互联网 on February 5th, 2010 by Adam

苹果新发布的平板电脑iPad不支持Flash(也不支持USB, 扩展内存和蓝牙),乔布斯做了解释(因为Flash buggy,常常和苹果的宕机有关),

Apple does not support Flash because it is so buggy. Whenever a Mac crashes more often than not it’s because of Flash. No one will be using Flash. The world is moving to HTML5.

与此同时以降低浏览器对插件的依赖程度为主要目的的HMLT5推出了大量的HTML新特性,其中用以替代Flash的CanvasSVG图形功能(通过Javascript进行二维/三维绘图,其中二维绘图已经被主流浏览器所支持)让人刮目相看。以前只能用Flash做到的效果,现在不用装插件就可以通过Javascript来实现。我们可以看看下面简单的Canvas/SVG例子

Flash未来可谓是凶多吉少。虽然目前看来,和HTML5相比,Flash确实有着明显优势

  1. 安装方便
  2. 性能流畅
  3. 巨大的用户基数
  4. 领先的视频/音频播放技术

特别是高性能三维网页动画(但是这种优势很快即将不再,OpenGL已经瞄准三维网页市场,推出WebGL):

但是Flash仍然有不少隐忧:

  1. 始终需要插件安装
  2. 三维复杂动画的性能瓶颈
  3. 众多竞争对手:苹果公司, Sliverlight, HTML5, WebGL

如果有那么一天,Flash将不再是插件,而成为主要浏览器默认的一部分,我想这才是我对Flash的期望。无论如何,对我来说Flash的确是个很棒的玩具和工具,我会继续支持和使用它!至于它能否占领市场,一统天下,乔布斯和HTML5最终能否成为Flash的终结者,我们拭目以待吧。

另外,你准备好HTML5了吗?

Tags: , , , ,

QuickBox2D

Posted in Flash on January 22nd, 2010 by Adam

QuickBox2D是AS3二维物理引擎框架Box2D的简化版。可以快速生成二维物理碰撞效果,很容易上手。

QuickBox2D sample – wonderfl build flash online

这是Wonderfl.net的在线测试,很容易把它做成一个类似于用盘子端皮球的小游戏。有空玩一玩~

Tags: , ,

Flash导入动态三维DAE文件

Posted in Flash on August 27th, 2009 by Adam

Flash导入DAE文件制作三维动画的一些参考网址:
Papervision3D GreatWhite : MD2 Animation
http://sleepydesign.blogspot.com/2008/01/papervision3d-greatwhite-md2-animation.html

DAEMC
http://tracehello.wordpress.com/2009/04/

DAE & MD2 Example
http://techblog.floorplanner.com/2009/05/

Cast3D
http://cast3d.org/demos:lwalkfig

我偏向使用Blender+DAEMC来导入dae模型,如果出现形如“Couldn’t find the joint id = Bone_…”的错误,通常都是dae文件文件的问题。特别注意骨骼(armature bones)间的父子关系。
model = new DAEMC(true, null, 0);
model.load(“soldier.dae”, new MaterialsList( { soldier_flat_png: new BitmapFileMaterial(“soldier_flat.png”,true) } ));
model.scale=250;
scene.addChild(model);
startRendering();

剩下的就是如何用Blender建模、贴图、骨骼和动画,最后输出格式标准的dae文件。
p20090827132317
p20090827133140

另外感谢http://www.tomtallian.com/提供的3D人物模型。^^骨骼和动画需要自己加。

PS: javascript控制所有iframe显示内容
window.onload=function(){
for(i = 0; i < document.all.length; i++){
if(document.all(i).tagName==”IFRAME”){
document.all(i).src=”about:blank”;
}
}
}

Tags: , , , ,
RSS Feed