一個(gè)叫 Chris Smoak 的程序員，最近發(fā)起一個(gè)使用 JavaScript/html5 實(shí)現(xiàn) Flash 功能的開源項(xiàng)目，html5code.net' title='html5模板網(wǎng)'>Smokescreen，可以將 Flash 動(dòng)畫轉(zhuǎn)換為純 html5 + JavaScript，以便脫離 Flash 插件，直接在瀏覽器中實(shí)現(xiàn) Flash 風(fēng)格的動(dòng)畫。這里有一些html5code.net' title='html5模板網(wǎng)'>很漂亮的演示。
關(guān)于這項(xiàng)技術(shù)，一個(gè)叫 Simon Willison 的程序員，在他的html5code.net' title='html5模板網(wǎng)'>博客中做了很好的剖析：
SmokeScreen 完全在瀏覽器中運(yùn)行，讀取 SWF 二進(jìn)制文件，解壓縮（而且使用本地 JavaScript 解壓縮！），從中抽取圖像與內(nèi)嵌的音頻，將它們轉(zhuǎn)換為 Base64 編碼的數(shù)據(jù)，接著，將其中的矢量圖形轉(zhuǎn)換為 SVG 動(dòng)畫。在 Chrome 中打開 Web Inspector，在演示進(jìn)行當(dāng)中，你會(huì)看到 SVG 的實(shí)時(shí)運(yùn)行。SmokeScreen 甚至設(shè)計(jì)了自己的 ActionScript 解釋器。
Smoak 表示，他會(huì)很快基于開源協(xié)議開放 SmokeScreen 的源代碼，目前，他已經(jīng)做了幾個(gè)非常漂亮的演示，盡管還不夠完美，但已經(jīng)能看出基于 html5 的 Flash 風(fēng)格的動(dòng)畫是個(gè)什么樣。這些代碼并不能支持 Flash 視頻，不過，html5code.net' title='html5模板網(wǎng)'>html5 已經(jīng)有了自己的視頻方案。html5code.net' title='html5模板網(wǎng)'>Smoak 說，他的初衷是在 iPhone 和 iPad 一類的設(shè)備上實(shí)現(xiàn) Flash 風(fēng)格的廣告動(dòng)畫，這項(xiàng)技術(shù)最可能應(yīng)用在廣告中。
經(jīng)過優(yōu)化，該技術(shù)還可以用于游戲，Willison 表示，新聞?wù)军c(diǎn)中的 infographics 也是很好用場，另外，還可以用來渲染卡通風(fēng)格的動(dòng)畫，比如演示中的 Strongbad 系列。
不過，人們擔(dān)心，SmokeScreen 是否可以很好地應(yīng)用到那些速度和供電能力都十分有限的移動(dòng)設(shè)備，同時(shí)，我們期待代碼開源后可以得到優(yōu)化。目前，只有那些最新的瀏覽器才可以使用該技術(shù)，包括 Firefox 3.6, Chrome 5, Safari 4 以及移動(dòng) Safari。Opera 10.5 系列也接近支持，但不支持 IE8，不過 Smoak 表示，IE9 很有希望。