Fanvas:把 swf 转为 HTML5 canvas 动画的系统
嘿,大家有没有遇到过这种情况:辛辛苦苦用 Flash 做好了一个炫酷的动画,结果发现终端设备根本不支持播放,简直让人抓狂!不过呢,别担心,有一个叫 Fanvas 的工具可以帮你解决这个问题。Fanvas 是一个可以把 swf 文件一键转为 HTML5 canvas 动画的系统,简直就是拯救美术妹子(当然还有小哥哥们)的福音啊!
Fanvas 是由两部分组成的:一个是用 ActionScript 实现的解析器,另一个是 JavaScript 运行库。它的强大之处在于,能够兼容 swf 的各种格式,包括矢量命令和多种图片格式。这样一来,你的动画就能在各种终端上流畅播放了。
那么,Fanvas 的优势在哪里呢?首先,它可以直接从 swf 文件转化为 HTML5 动画,而不像其他工具需要通过 fla 源文件处理。其次,Fanvas 转化后的 JSON 数据文件非常小,比其他工具导出的要小 20% 到 50%。另外,它的运行库经过混淆后只有 35k,gzip 压缩后更是只有 10k 左右,简直轻量到飞起!
使用 Fanvas 也非常简单,只需要一键导入 swf 文件,转化完成后一键导出 canvas 动画的 JS 文件。具体的使用说明可以参考 bin 目录下的文档。
如果你对技术细节感兴趣,Fanvas 的源代码也很值得一看。它的 exporter 是用 AS3.0 实现的 swf 文件解析器,解析后输出 JSON 数据;而 runtime 则是用 JS 实现的运行库,用于解析 JSON 数据并转化为最终的 canvas 动画。
最后嘛,我的感觉是,Fanvas 真的是一个非常实用的工具,尤其是对于那些需要将 Flash 动画转化为 HTML5 的开发者来说。它不仅功能强大,而且开源,可以供大家二次开发。嘿嘿,赶紧去试试看吧!