swf to svg converter / 幫flash安裝google Swiffy

只要安裝這個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看,
而這邊的善良神教學分享我還沒研究。

發表留言