只要安裝這個google Swiffy
https://www.google.com/doubleclick/studio/swiffy/extension.html
在上方選單的command就會發現 “Export as HTML5(Swiffy)" ,
fla完成就能直接點擊進行轉檔,轉檔完該檔附檔名變成XXX.swf.html。
小紅球. swf
fla | swf | svg |
5.24k | 807個位元 | 2.36k |
動畫過於簡單,swf反而比svg小,複雜些的結果就顛倒了。
<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Swiffy output</title> <script src="https://www.gstatic.com/swiffy/v5.3/runtime.js"></script> <script> swiffyobject = {"tags":[{"frames":[],"scenes":[{"name":"場景 1","offset":0}],"type":23},{"bounds":[{"ymin":-660,"ymax":660,"xmin":-660,"xmax":660}],"id":1,"fillstyles":[{"color":[-43202],"type":1}],"paths":[{"fill":0,"data":["::60Fb73B:67D3sb3S4s3S67db:73b3s66db4s4s67d4sb73b:66d4Sb4s3S4s66Db:73B4S67Db3S3S66D3Sc"]}],"flat":true,"type":1},{"tags":[{"id":1,"matrix":0,"type":3,"depth":1},{"type":2}],"id":2,"frameCount":1,"type":7},{"id":2,"matrix":"::::00t00t","type":3,"depth":1},{"type":2},{"replace":true,"matrix":":::972C00t89u","type":3,"depth":1},{"type":2},{"replace":true,"matrix":":::944G00t78w","type":3,"depth":1},{"type":2},{"replace":true,"matrix":":::915K00t67y","type":3,"depth":1},{"type":2},{"replace":true,"matrix":":::887O00t756b","type":3,"depth":1},{"type":2},{"replace":true,"matrix":":::860S00t944b","type":3,"depth":1},{"type":2},{"replace":true,"matrix":":::832W00t133c","type":3,"depth":1},{"type":2},{"replace":true,"matrix":":::7803B00t322c","type":3,"depth":1},{"type":2},{"replace":true,"matrix":":::1775C00t511c","type":3,"depth":1},{"type":2},{"replace":true,"matrix":":::5747C00t700c","type":3,"depth":1},{"type":2},{"replace":true,"matrix":":::9789B02t417c","type":3,"depth":1},{"type":2},{"replace":true,"matrix":":::832W03t133c","type":3,"depth":1},{"type":2},{"replace":true,"matrix":":::873Q05t850b","type":3,"depth":1},{"type":2},{"replace":true,"matrix":":::915K07t67y","type":3,"depth":1},{"type":2},{"replace":true,"matrix":":::958E08t83v","type":3,"depth":1},{"type":2},{"replace":true,"matrix":"::::10t00t","type":3,"depth":1},{"type":2}],"fileSize":807,"v":"5.3.0","backgroundColor":-1,"frameSize":{"ymin":0,"ymax":4000,"xmin":0,"xmax":4000},"frameCount":16,"frameRate":24,"version":15}; </script> <style>html, body {width: 100%; height: 100%}</style> </head> <body style="margin: 0; overflow: hidden"> <div id="swiffycontainer" style="width: 200px; height: 200px"> </div> <script> var stage = new swiffy.Stage(document.getElementById('swiffycontainer'), swiffyobject); stage.start(); </script> </body> </html>
大部分都是js、css,很少的html,ie9支援,有趣的是他們的某些教學,只能ie看,
而這邊的善良神教學分享我還沒研究。