2011年5月1日 星期日

BitmapData應用: Text轉換

BitmapData應用,Text或是任何DisplayObject皆可轉換

BitmapData and Text - wonderfl build flash online


點擊click me之後會將text欄中的文字轉換。
要點在於,將displayObject元件轉成BitmapData,然後再解析bitmapData資料的每一點像素,再用繪圖一個圓或其他圖形來代替像素位置。

繪圖API + GlowFilter + BitmapData運用

繪圖API + GlowFilter + BitmapData運用

Circle and GlowFilter - wonderfl build flash online

BitmapData pixelDissolve使用



點擊連結可以直接看程式碼,這個日本的網站很好,你可以把程式碼輸入他會幫你編譯成SWF,並且提供HTML的Embed code可以讓你把swf貼在blog,像我這種沒有空間可用的人覺得好方便。

這個例子你只要用loader取回圖片,將loader轉成bitmapData就可以使用兩張圖片互換

//用這取得BitmapData
public function cloneBitmapData(loader:Loader):BitmapData
{
 var bd:BitmapData = new BitmapData(loader.content.width , loader.height);
 bd.draw(loader.content);
 return bd;
}

這個應用要注意的是,pixelDissolve()執行完會傳回一個新的seed,記得把這seed存下來,下次會用到。