flash位图技术研究篇

续把上面的资料记录一下，像素画是对每一个像素进行操作进行重组，而这些操作可以看到位图像素操作是可以变化出很多令人意想不到的效果。今天，把在网站看到的一些文章记录一下，关于黑白画像素操作。原理很简单，从一张图片可以看到是由一个个像素组成，可以看成是一个个细小的微粒。这些微粒包含了一些值，颜色值，这些值呈现出不同的颜色，as3可以对每一个像素进行索引，通过这个索引我们就可以对画面的某一些像素进行“动手脚”，在某一些值范围内设置白色，某一些值范围内设置黑色。

黑色：0x000000；

白色：0xffffff；

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";  
        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++)  
            {  
                for (var j:int=0; j<Height; j++)  
                {  
                    var color:uint=bmpData.getPixel(i,j);  
                    if(color>0x3fffff)  
                    bmpData.setPixel(i,j,0xffffff);//设置白色  
                    else bmpData.setPixel(i,j,0x000000);//设置黑色                    
                }  
            }  
            //显示到列表菜单  
            var bitmap:Bitmap=new Bitmap(bmpData);  
            bitmap.x=Width;  
            addChild(bitmap);  
              
        }  
    }  
} 

本文来自优快云博客，转载请标明出处：http://blog.youkuaiyun.com/hero82748274/archive/2010/02/22/5316132.aspx

这样就能够实现到黑白画的效果。

 

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

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

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

通过外部加载回来的图片，获取到数据源，通过这个数据源我们可以借用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这个方法使用即可。

view plaincopy to clipboardprint?
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);  
              
        }  
    }  
} 

 

本文来自优快云博客，转载请标明出处：http://blog.youkuaiyun.com/hero82748274/archive/2010/02/21/5314532.aspx