flash位图技术研究篇(5)：像素画

   今天光顾了外国的某一些博客对位图的应用，发现对位图的操作会变化出很多很多效果，其中一篇是像素画的实现，借助这种对位图的像素操作应用，重新组合成新的图片，然后拼合成一张新的图片。

 

  思路很简单。借用这种手法应用对一些效果会很大帮助。如聚合与分散的像素动画。

 

 

左边是一张正常的，而右边是一张经过像素处理的灰太狼的图片。

 

 

通过外部加载回来的图片，获取到数据源，通过这个数据源我们可以借用bitmapdata 类的获取像素的值的操作，每一个像素包含RBG的值，通过getPixel（x,y）能够对位图进行像素获取。然后进行填充使用。最后产生出右边像素的画面的效果。主要涉及的方法应用是

两个循环获取像素的的值。

 

//进行像素获取，重组像素
   for (var i:int=0; i<Width; i+=step)
   {
    for (var j:int=0; j<Height; j+=step)
    {
     var color:uint=bmpData.getPixel(i,j);
     var rect:Rectangle=new Rectangle(i,j,step,step);
     bmpData.fillRect(rect,color);//填充像素
    }
   }

 

 

下面是实现过程，最主要了解到getPixel这个方法使用即可。

package {import flash.display.Sprite;import flash.display.Loader;import flash.display.Bitmap;import flash.display.BitmapData;import flash.events.*;import flash.net.*;import flash.geom.Rectangle;public class Main extends Sprite{private var loader:Loader;private var url:String="3.jpg";private var step:int=5;public function Main(){init();}//初始化private function init():void{loader=new Loader();//外部加载一张图片loader.load(new URLRequest(url));loader.contentLoaderInfo.addEventListener(Event.COMPLETE,onComplete);}private function onComplete(event:Event):void{ var Width:Number=loader.content.width;var Height:Number=loader.content.height;addChild(new Bitmap(Bitmap(loader.content).bitmapData));var bmpData:BitmapData=new BitmapData(Width,Height,false,0xffffff);//新建一个空白的位图数据bmpData.draw(loader);//获取影像//进行像素获取，重组像素for (var i:int=0; i<Width; i+=step){for (var j:int=0; j<Height; j+=step){var color:uint=bmpData.getPixel(i,j);var rect:Rectangle=new Rectangle(i,j,step,step);bmpData.fillRect(rect,color);//填充像素}}//显示到列表菜单var bitmap:Bitmap=new Bitmap(bmpData);bitmap.x=Width;addChild(bitmap);}}}