一個使用JavaScript/HTML5 實現Flash 功能的開源項目,Smokescreen,可以將Flash 動畫轉換為純HTML5 + JavaScript,以便脫離Flash 插件,直接在瀏覽器中實現Flash 風格的動畫。
下面是分享一個HTML5 + JavaScript實現Flash動畫的Smokescreen開源項目的相關內容,文章教程主要講述與HTML5 JavaScript Flash 動畫Smokescreen 開源相關的一些技術與知識,更多的內容歡迎大家訪問http://www.VeVb.com,獲取更多最新教程,下面是教程講解:
一個使用JavaScript/HTML5 實現Flash 功能的開源項目,Smokescreen,可以將Flash 動畫轉換為純HTML5 + JavaScript,以便脫離Flash 插件,直接在瀏覽器中實現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 很有希望。
關於分享一個HTML5 + JavaScript實現Flash動畫的Smokescreen開源項目的內容寫到這裡就結束啦,您可以收藏本頁網址http://www.VeVb.com/web/a/2018090560157.shtml方便下次再訪問哦。