
最近Google不斷的推陳出新,一下子以圖找圖、一下子又推出Google+…等,讓服務變的更多元與更人性化,礙於iPhone始終一直不支援Flash,所以有不少朋友也紛紛的轉投靠Html5,利用Html5的新增的語法來繪圖與作一些互動,但說實說話光要寫個從左跑到右的動畫,就要花不少的時間,因此Google最近推出了一個新的服務Google swiffy,可將SWF檔轉換成Html5,如此一來就可輕鬆的製作出Html5的動態效果。
Google Swiffy
Step1
進入swiffy後,先選擇檔案,再將核選框勾選起來,最後再按Upload adn convert鈕。

Step2
過一回轉換完畢,這時點下方的.html檔,那就是轉換好的html5的檔案,而下方的驚嘆號表示不支援的部分,分別是事件與音效。

結果預覽:
Google Chrome12.0.72
在Chrome下是完全正常,動畫也很順暢。

Internet Explorer9.0.8112
在IE9下時,動畫就會自動縮小,真不知是html5的關係,還是IE9支援的問題。

Safari5.05
Safari5也是正常的。

Firefox5
在Firefox下,若視窗的比例不對時,動畫會被放大。

iPad/iPhone
哈~在iPad與iPhone下看到的一切正常。

雖然說很方便,可快速將SWF轉成Html5的格式,但在檔案上也變大了不少,原來的SWF含聲音才17.8KB,轉完後在無聲的情況下變52.5KB,而在幾個瀏覽器下,卻出現了一些小狀況,而在iOS上目前還算是正常,有興趣的朋友可點下方的範例來瀏覽看看,若更有興趣的朋友,不妨也可看看裡面的原始碼。
[範例預覽] [原始swf檔]