萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> Smokescreen計劃:用HTML5實現Flash

Smokescreen計劃:用HTML5實現Flash

一個叫Chris Smoak的程序員,最近發起一個使用JavaScript/HTML5實現Flash功能的開源項目,Smokescreen, 可以將 Flash 動畫轉換為純HTML5 + JavaScript,以便脫離Flash插件,直接在浏覽器中實現 Flash 風格的動畫。這裡有一些很漂亮的演示

關於這項技術,一個叫Simon Willison的程序員,在他的博客中做了很好的剖析:

SmokeScreen完全在浏覽器中運行,讀取SWF二進制文件,解壓縮(而且使用本地JavaScript 解壓縮!),從中抽取圖像與內嵌的音頻,將它們轉換為Base64編碼的數據,接著,將其中的矢量圖形轉換為SVG動畫。在Chrome中打開Web Inspector,在演示進行當中,你會看到SVG的實時運行。SmokeScreen甚至設計了自己的ActionScript解釋器。

Smoak表示,他會很快基於開源協議開放 SmokeScreen的源代碼,目前,他已經做了幾個非常漂亮的演示,盡管還不夠完美,但已經能看出基於HTML5的Flash 風格的動畫是個什麼樣。這些代碼並不能支持Flash視頻,不過,HTML5 已經有了自己的視頻方案。Smoak說,他的初衷是在iPhone和iPad一類的設備上實現Flash風格的廣告動畫,這項技術最可能應用在廣告中。

經過優化,該技術還可以用於游戲,Willison表示,新聞站點中的infographics也是很好用場,另外,還可以用來渲染卡通風格的動畫,比如演示中的Strongbad系列。

不過,人們擔心,SmokeScreen是否可以很好地應用到那些速度和供電能力都十分有限的移動設備,同時,我們期待代碼開源後可以得到優化。目前,只有那些最新的浏覽器才可以使用該技術,包括Firefox 3.6, Chrome 5, Safari 4 以及移動Safari。Opera 10.5系列也接近支持,但不支持IE8,不過Smoak表示,IE9很有希望。

copyright © 萬盛學電腦網 all rights reserved