将swf转成html5代码,一键把swf转为html5 canvas动画 Fanvas

软件介绍

Fanvas是一个把swf转为html5 canvas动画的系统，由两部分组成：Actionscript实现的解析器、js运行库。

Flash做动画是最成熟最高效的方式，但由于终端基本不支持Flash播放，这给终端的动画制作带来了不少麻烦。

Fanvas是Flash和Canvas的完美结合，可以把swf(包括矢量和位图)完美地转化为canvas动画，让美术妹子一次制作，到处运行。。。

嘿嘿~~~让美术妹子也搭上H5的快车。

技术难点：兼容swf的各种格式，主要是各种矢量命令和多种多样的图片格式；

实现高效的html5运行库，自主实现了位图缓存、自动脏区识别、脏区重绘等技术。

优势：

能转化swf为H5动画的工具，除了Fanvas还有大名鼎鼎的google和adobe的产品——swiffy和flashcc。

对比之下，Fanvas有如下优势：从swf文件直接转化为Html5动画(google的swiffy和adobe的flashcc都不支持，两个产品都需要通过fla源文件处理)；

精简编排的JSON数据，使swf转化后的js数据文件非常小，普遍比flashcc导出的要小20%到50%；

精简的运行库，混淆后只有35k，gzip后只有10k左右。而swiffy和flashcc的运行库混淆后都超过100K;

使用方法

只需要一键导入swf，转化完成后一键导出canvas动画js。

具体请参考bin目录的《使用说明》

源代码说明

exporter是as3.0实现的swf文件解析器，解析后输出json数据；

runtime是js运行库，用于解析json数据，转化为最终canvas动画。

DEMO示例

将swf转成html5代码,一键把swf转为html5 canvas动画 Fanvas相关推荐

html5 在线直播代码,用HTML5代码实现烘托直播间疯狂点赞动画氛围（附全部源码）...
用HTML5代码实现烘托直播间疯狂点赞动画氛围(附全部源码) 直播有一个很重要的互动:点赞. 为了烘托直播间的氛围,直播相对于普通视频或者文本内容,点赞通常有两个特殊需求: 点赞动作无限次,引导用户疯 ...
在html5代码中加个时间,HTML5中video标签“事件”详解（实时监测当前播放时间）代码...
1.html代码:video后边几个元素,可处理ios 系统的兼容性 2.Js代码: //获取视频DOM元素 var myVideo = document.getElementById("m ...
HTML怎么转换base64教程,html5将图片转换成base64代码
我们为什么要把图片转换成base64代码? base64是一种网络上常用的8bit字节代码的编码方式,base64可以用于http环境下传递较长的标识信息,同时可以放在url当中使用,因为base64 ...
真效率神器，UI稿智能转换成前端代码，准确率极高
大家好,我是若川.在这充满网络促销活动的几个月,倍感压力的,除了你的口袋,是否还有程序员的发量呢?每年的双十一.双十二购物狂欢节,各大电商平台都会上线让消费者充满购买欲望的活动页面,而这些活动页面大多 ...
极客无极限一行HTML5代码引发的创意大爆炸
摘要:一行HTML5代码能做什么?国外开发者Jose Jesus Perez Aguinaga写了一行HTML5代码的文本编辑器.这件事在分享到Code Wall.Hacker News之后,引起了众 ...
HTML5 代码规范
HTML5 代码规范在使用HTML5的过程中,使用规范化的代码能够更加方便你的运用与阅读,本节我们将带领你了解如何能够使得HTML5中的代码变得更加规范! HTML 代码约定很多 Web 开发人员 ...
html网页转换swf格式,[转]html网页 swf播放器使用代码
可加装广告的swf播放器JS代码加载flash动画前可以加载代码,设定广告显示秒数这些,还有些小bug,等有空了修复好法上来给大家 1. [代码][Java]代码/p> (原创)jQuer ...
html5购票代码,HTML5代码大全
<HTML5代码大全>由会员分享,可在线阅读,更多相关<HTML5代码大全(11页珍藏版)>请在人人文库网上搜索. 1.一.HTML各种命令的代码:1.文本标签(命令)创建预格 ...
将常用adb命令写成bat批处理文件一键执行
将常用adb命令写成bat批处理文件一键执行写一个用于手机截图并保存到电脑的命令运行方法与结果写一个用于手机截图并保存到电脑的命令直接上代码: @echo off set /p a=请输入: ...
python代码图片头像_60行Python代码一键拼出你的微信好友图片墙！
原标题:60行Python代码一键拼出你的微信好友图片墙! 源 /高级农民工文 /苏克1900 近 2000 位好友的头像拼图,有没有犯密集恐惧症?这并不震撼,如果你有 5000 位好友的话,做出来的 ...

将swf转成html5代码,一键把swf转为html5 canvas动画 Fanvas

将swf转成html5代码,一键把swf转为html5 canvas动画 Fanvas相关推荐

最新文章

热门文章