flash游戏转换html5,一键转换——介绍我做的flash转html5工具LavaH

好久没更新博客了。

自从一个多月前从超闪离职,我一直在家搞flash转html5的工具,现在已经很成熟了,可以对外公布了。

我以前搞过Lava,LavaX虚拟机,所以我把这个新作品称作LavaH。

那么有人会问,市面上有好多flash转html5工具,你的有什么特色呢?

我们以pandaRun.swf为例,先测试下市面上的转换工具

1.硕思闪客精灵

用硕思闪客精灵做好的版本:企业版。

选择:导出为html5。

很快导出完毕。然后在浏览器上运行,结果屏幕一片空白,什么也没有出来。

看看导出的文件,只有一个html和一个22k的sprite.js,根本就没有导出游戏代码,当然不能运行了。

结论:硕思闪客精灵只能导出swf文件里面的资源,无法把swf文件的as代码导出并转换为html5代码。

2.google Swiffy

Swiffy服务2015年开始启动,2016年7月已经被谷歌关闭。

而且Swiffy只支持as2,不支持as3。

用下载的Swiffy插件转换panda.swf,转换失败。因为panda.swf的代码是as3的,Swiffy无法转换。

3.Egret Conversion

白鹭引擎转换需要有源代码

把源码copy到新建的转换工程里,点转换,出来一大堆警告,比如flash.display.BitmapData没有被白鹭实现的属性getPixel,clone,lock,unlock,flash.net.SharedObject没有实现的属性setProperty,构造函数super语句不在第一行等,还有3个文件语法分析错误。

结论:白鹭引擎转换flash需要提供源码,且有大量flash的api未实现,还有些flash正常的语法不被支持。转换需要手动改写源码,以适应白鹭引擎,无法做到自动转换。

总结:目前市面上的flash转html5工具,有的只能转换swf文件里面的资源,能转换代码的要么只能转换as2,要么转换as3有不支持的语法和api,需要手动改写源代码或者转换后的代码。

那么LavaH如何呢?

1.LavaH转换flash,不需要源码,只需要一个swf文件即可。

2.LavaH不仅仅可以转换swf文件里面的资源,还可以转换swf文件里面的as3字节码(目前暂不支持as2字节码转换)。

3.LavaH转换是全自动的,不需要人工干预即可一键从swf文件转换到可以直接在浏览器运行的html5文件。

4.LavaH采用了我发明的全局图像缓存技术,可以高效的支持矢量图形渲染而维持帧率不掉。

下图是用LavaH转换好的pandaRun截图,点击图片即可运行。f11238ee1ec94a49d095a06ffed449a3.pngpandaRun.swf原flash文件,有兴趣的可以试试看还有什么工具能做到一键转换这个游戏。

说了这么多,LavaH就没有缺点吗?当然有。

优点要说,缺点也不能隐瞒

1.混淆过的swf文件不支持转换。

2.目前只支持as3代码,用as2编写的swf文件无法转换。

3.由于flash API的复杂性,一些功能无法实现,比如部分混合模式如BlendMode.LAYER等,极少数API不能做到与flash完全一致。

目前我的工作兴趣已转到人工智能方面,所以有意转换flash转让html5技术。

有兴趣的可以联系我,邮箱:39065627@qq.com,非诚勿扰。

Fanvas是一个把swfhtml5 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;开源,可供使用者二次开发(请保留Fanvas字样或版权声明)。使用方法只需要一键导入swf化完成后一键导出canvas动画js。具体请参考bin目录的《使用说明》源代码说明exporter是as3.0实现的swf文件解析器,解析后输出json数据;runtime是js运行库,用于解析json数据,化为最终canvas动画。DEMO示例http://kenkozheng.github.io/fanvas/magicEmotion/demo1/http://kenkozheng.github.io/fanvas/magicEmotion/demo2/http://kenkozheng.github.io/fanvas/magicEmotion/demo3/http://kenkozheng.github.io/fanvas/magicEmotion/demo4/ 标签:Fanvas
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值