資源簡介
Fanvas是一個把swf轉(zhuǎn)為html5 canvas動畫的系統(tǒng)，由兩部分組成：Actionscript實現(xiàn)的解析器、js運行庫。Flash做動畫是最成熟最高效的方式，但由于終端基本不支持Flash播放，這給終端的動畫制作帶來了不少麻煩。Fanvas是Flash和Canvas的完美結(jié)合，可以把swf（包括矢量和位圖）完美地轉(zhuǎn)化為canvas動畫，讓美術(shù)妹子一次制作，到處運行。。。嘿嘿~~~讓美術(shù)妹子也搭上H5的快車。技術(shù)難點：兼容swf的各種格式，主要是各種矢量命令和多種多樣的圖片格式；實現(xiàn)高效的html5運行庫，自主實現(xiàn)了位圖緩存、自動臟區(qū)識別、臟區(qū)重繪等技術(shù)。優(yōu)勢：能轉(zhuǎn)化swf為H5動畫的工具，除了Fanvas還有大名鼎鼎的google和adobe的產(chǎn)品——swiffy和flashcc。
對比之下，F(xiàn)anvas有如下優(yōu)勢：從swf文件直接轉(zhuǎn)化為Html5動畫（google的swiffy和adobe的flashcc都不支持，兩個產(chǎn)品都需要通過fla源文件處理）；精簡編排的JSON數(shù)據(jù)，使swf轉(zhuǎn)化后的js數(shù)據(jù)文件非常小，普遍比flashcc導(dǎo)出的要小20%到50%；精簡的運行庫，混淆后只有35k，gzip后只有10k左右。而swiffy和flashcc的運行庫混淆后都超過100K;開源，可供使用者二次開發(fā)（請保留Fanvas字樣或版權(quán)聲明）。使用方法只需要一鍵導(dǎo)入swf，轉(zhuǎn)化完成后一鍵導(dǎo)出canvas動畫js。具體請參考bin目錄的《使用說明》源代碼說明exporter是as3.0實現(xiàn)的swf文件解析器，解析后輸出json數(shù)據(jù)；runtime是js運行庫，用于解析json數(shù)據(jù)，轉(zhuǎn)化為最終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/
標(biāo)簽：Fanvas
對比之下，F(xiàn)anvas有如下優(yōu)勢：從swf文件直接轉(zhuǎn)化為Html5動畫（google的swiffy和adobe的flashcc都不支持，兩個產(chǎn)品都需要通過fla源文件處理）；精簡編排的JSON數(shù)據(jù)，使swf轉(zhuǎn)化后的js數(shù)據(jù)文件非常小，普遍比flashcc導(dǎo)出的要小20%到50%；精簡的運行庫，混淆后只有35k，gzip后只有10k左右。而swiffy和flashcc的運行庫混淆后都超過100K;開源，可供使用者二次開發(fā)（請保留Fanvas字樣或版權(quán)聲明）。使用方法只需要一鍵導(dǎo)入swf，轉(zhuǎn)化完成后一鍵導(dǎo)出canvas動畫js。具體請參考bin目錄的《使用說明》源代碼說明exporter是as3.0實現(xiàn)的swf文件解析器，解析后輸出json數(shù)據(jù)；runtime是js運行庫，用于解析json數(shù)據(jù)，轉(zhuǎn)化為最終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/
標(biāo)簽：Fanvas
代碼片段和文件信息
?屬性????????????大小?????日期????時間???名稱
-----------?---------??----------?-----??----
?????目錄???????????0??2016-01-27?08:15??Fanvas-master\
?????文件????????2197??2016-01-27?08:15??Fanvas-master\README.md
?????目錄???????????0??2016-01-27?08:15??Fanvas-master\bin\
?????文件??????127153??2016-01-27?08:15??Fanvas-master\bin\Fanvas.swf
?????目錄???????????0??2016-01-27?08:15??Fanvas-master\bin\demo\
?????文件?????????898??2016-01-27?08:15??Fanvas-master\bin\demo\Test.html
?????文件????????2790??2016-01-27?08:15??Fanvas-master\bin\demo\img1.png
?????文件??????329779??2016-01-27?08:15??Fanvas-master\bin\demo\img59.png
?????文件????????2269??2016-01-27?08:15??Fanvas-master\bin\demo\img62.png
?????文件????????1797??2016-01-27?08:15??Fanvas-master\bin\demo\img66.png
?????文件????????1894??2016-01-27?08:15??Fanvas-master\bin\demo\img69.png
?????文件????????2337??2016-01-27?08:15??Fanvas-master\bin\demo\img71.png
?????文件????????2081??2016-01-27?08:15??Fanvas-master\bin\demo\img73.png
?????文件??????186143??2016-01-27?08:15??Fanvas-master\bin\demo\swfData.js
?????文件??????844897??2016-01-27?08:15??Fanvas-master\bin\demo\禮物.swf
?????文件??????127294??2016-01-27?08:15??Fanvas-master\bin\fanvas3-all.js
?????文件???????36367??2016-01-27?08:15??Fanvas-master\bin\fanvas3-min.js
?????文件???????26727??2016-01-27?08:15??Fanvas-master\bin\fanvas3-no-filter-min.js
?????文件???????95454??2016-01-27?08:15??Fanvas-master\bin\fanvas3-no-filter.js
?????文件????11974832??2016-01-27?08:15??Fanvas-master\bin\flashplayer_14_sa_debug.exe
?????目錄???????????0??2016-01-27?08:15??Fanvas-master\bin\二次開發(fā)或批處理\
?????文件??????480550??2016-01-27?08:15??Fanvas-master\bin\二次開發(fā)或批處理\FanvasParserLib.swc
?????文件?????????714??2016-01-27?08:15??Fanvas-master\bin\二次開發(fā)或批處理\FanvasParserLib說明.txt
?????目錄???????????0??2016-01-27?08:15??Fanvas-master\bin\二次開發(fā)或批處理\批處理\
?????文件??????115231??2016-01-27?08:15??Fanvas-master\bin\二次開發(fā)或批處理\批處理\FanvasService.swf
?????文件?????????738??2016-01-27?08:15??Fanvas-master\bin\二次開發(fā)或批處理\批處理\批處理說明.txt
?????文件????????6179??2016-01-27?08:15??Fanvas-master\bin\使用說明.html
?????文件?????????686??2016-01-27?08:15??Fanvas-master\copyright.txt
?????目錄???????????0??2016-01-27?08:15??Fanvas-master\exporter_src\
?????目錄???????????0??2016-01-27?08:15??Fanvas-master\exporter_src\lib\
?????文件???????62205??2016-01-27?08:15??Fanvas-master\exporter_src\lib\flash.swc
............此處省略367個文件信息
-----------?---------??----------?-----??----
?????目錄???????????0??2016-01-27?08:15??Fanvas-master\
?????文件????????2197??2016-01-27?08:15??Fanvas-master\README.md
?????目錄???????????0??2016-01-27?08:15??Fanvas-master\bin\
?????文件??????127153??2016-01-27?08:15??Fanvas-master\bin\Fanvas.swf
?????目錄???????????0??2016-01-27?08:15??Fanvas-master\bin\demo\
?????文件?????????898??2016-01-27?08:15??Fanvas-master\bin\demo\Test.html
?????文件????????2790??2016-01-27?08:15??Fanvas-master\bin\demo\img1.png
?????文件??????329779??2016-01-27?08:15??Fanvas-master\bin\demo\img59.png
?????文件????????2269??2016-01-27?08:15??Fanvas-master\bin\demo\img62.png
?????文件????????1797??2016-01-27?08:15??Fanvas-master\bin\demo\img66.png
?????文件????????1894??2016-01-27?08:15??Fanvas-master\bin\demo\img69.png
?????文件????????2337??2016-01-27?08:15??Fanvas-master\bin\demo\img71.png
?????文件????????2081??2016-01-27?08:15??Fanvas-master\bin\demo\img73.png
?????文件??????186143??2016-01-27?08:15??Fanvas-master\bin\demo\swfData.js
?????文件??????844897??2016-01-27?08:15??Fanvas-master\bin\demo\禮物.swf
?????文件??????127294??2016-01-27?08:15??Fanvas-master\bin\fanvas3-all.js
?????文件???????36367??2016-01-27?08:15??Fanvas-master\bin\fanvas3-min.js
?????文件???????26727??2016-01-27?08:15??Fanvas-master\bin\fanvas3-no-filter-min.js
?????文件???????95454??2016-01-27?08:15??Fanvas-master\bin\fanvas3-no-filter.js
?????文件????11974832??2016-01-27?08:15??Fanvas-master\bin\flashpla
?????目錄???????????0??2016-01-27?08:15??Fanvas-master\bin\二次開發(fā)或批處理\
?????文件??????480550??2016-01-27?08:15??Fanvas-master\bin\二次開發(fā)或批處理\FanvasParserLib.swc
?????文件?????????714??2016-01-27?08:15??Fanvas-master\bin\二次開發(fā)或批處理\FanvasParserLib說明.txt
?????目錄???????????0??2016-01-27?08:15??Fanvas-master\bin\二次開發(fā)或批處理\批處理\
?????文件??????115231??2016-01-27?08:15??Fanvas-master\bin\二次開發(fā)或批處理\批處理\FanvasService.swf
?????文件?????????738??2016-01-27?08:15??Fanvas-master\bin\二次開發(fā)或批處理\批處理\批處理說明.txt
?????文件????????6179??2016-01-27?08:15??Fanvas-master\bin\使用說明.html
?????文件?????????686??2016-01-27?08:15??Fanvas-master\copyright.txt
?????目錄???????????0??2016-01-27?08:15??Fanvas-master\exporter_src\
?????目錄???????????0??2016-01-27?08:15??Fanvas-master\exporter_src\lib\
?????文件???????62205??2016-01-27?08:15??Fanvas-master\exporter_src\lib\flash.swc
............此處省略367個文件信息
評論
共有 條評論
川公網(wǎng)安備 51152502000135號