flash位图技术研究篇(8):扫描像素点

 

 

 

 

 今晚抽了点时间写个无聊的野，这部分会涉及到位图方面的扫描操作。最近发现了通过扫描位图的像素能够做出很多意想不到效果。

 

基本原理：通过扫描像素点，并将我们所需要的像素点记录下来，我们可以以粒子的方式看待这些像素，通过粒子运动的表现，我们实现很多不错的技巧。

 

      今晚，所做一个效果就是通过输入一个文本，生成我们想要的图案。我们会预先扫描像素，并将每一个像素点位置进行放大。这样我们就可以实现一种放大的像素点效果。

 

 在实现过程当中，我们会创建一个文本输入，这个输入文本会提供我们输入的方式，同时我们通过位图对这个文本进行复制：

 

  var bmpdata:BitmapData=new BitmapData(txt.width,txt.height,false,0x0);//创建位图复制文本
   bmpdata.draw(txt);

 

 有了这个位图之后，接下来我们就可以玩很多变化了。通过两个循环结构对像素进行每一个点扫描一次。

for (var i:int=0; i<bmpdata.width; i++)

{
     for (var j:int=0; j<bmpdata.height; j++)
    {
      var color:uint=bmpdata.getPixel(i,j);//获取每一个点的值

    }

} 

 

在扫描过程当中，这个程序会扫描全部的点，不过是不是所有的点都是我们所需要的？答案是否，我们只是需要这个文本的周边的像素点的位置值。也就是说，获取的时候，还是需要加以判断。

 

    var red:uint=(color>>16 )&0xff;

     if (red>0)
     {

         //记录我们所想的值，并通过数组来保存

     }

 获取到除黑色之外的颜色值，这样我们就可以得到在范围内的预想像素点。通过保存位置，后面的事情我们就可以轻松了。

至于用什么保存？我们可以用point 类记录这些点，但是也可以使用我们自定义的模型结构来实现记录。方式很多种。记录之后，通过数组来保存下来。那么扫描之后，我们就能获取到我们所想的点了。

 

我们记录的点有几多？我们就可以使用几多个粒子来来放置到相应的位置，我们可以看待这些像素点是放大之后的效果。

 

 //扫描像素 for (var i:int=0; i<bmpdata.width; i++) { for (var j:int=0; j<bmpdata.height; j++) { var color:uint=bmpdata.getPixel(i,j); var red:uint=(color>>16 )&0xff; if (red>0) { var px:Number=i*stage_w/bmpdata.width; var py:Number=j*stage_h/bmpdata.height; var box:Box=new Box(); box.x=Math.random()*550; box.y=Math.random()<0.5?0 :stage_h; box.filters=[new GlowFilter(),new BlurFilter(1,1)]; var p:Particle=new Particle(); p.x=px; p.y=py; p.obj=box; contain.addChild(box); arrayList.push(p); } } }

 

 

好，大概就是这样。累死了

 

总的代码效果如下：

 

package { //扫描像素 import flash.display.Sprite; import flash.display.Bitmap; import flash.display.*; import flash.display.BitmapData; import flash.events.*; import flash.text.*; import flash.geom.*; import flash.filters.*; import com.greensock.TweenMax; import com.greensock.easing.*; public class Main extends Sprite { private var str:String="360"; private var arrayList:Array=[];//保存粒子 private var contain:Sprite=new Sprite();//容器 private var key:Boolean=false; private var stage_w:Number=0;//舞台宽度 private var stage_h:Number=0;//舞台高度 private var txt:TextField; private var input:TextInput; public function Main() { addChild(contain); stage_w=stage.stageWidth; stage_h=stage.stageHeight; stage.addEventListener(Event.RESIZE,onResizeHandler);//缩放监听 txt=new TextField(); txt.defaultTextFormat=new TextFormat("Arial",20,0xffff00); txt.autoSize=TextFieldAutoSize.LEFT; init(); } //初始化组件 private function init():void { //标签 var label=new Label(); label.text="输入字母:"; label.x=10; label.y=20; addChild(label); //创建按钮 var button:Button=new Button(); button.buttonMode=true; addChild(button); button.label="生 成"; button.creatButton([0x333333,0x999999],100,30); button.textPosition(26,4); button.x=300; button.y=18; button.addEventListener(MouseEvent.CLICK,onClick); //创建输入文本 input=new TextInput(160,25); input.x=100; input.y=18; input.textField.background=true; addChild(input); } //缩放的时候监听 private function onResizeHandler(event:Event):void { stage_w=stage.stageWidth; stage_h=stage.stageHeight; trace("宽："+stage.stageWidth+"高:"+stage.stageHeight); } private function onClick(event:MouseEvent):void { if(input.text!="") { clearAll(); drawSprite(input.text); } } //描绘图案 private function drawSprite(str:String):void { txt.text=str; var bmpdata:BitmapData=new BitmapData(txt.width,txt.height,false,0x0);//创建位图复制文本 bmpdata.draw(txt); //扫描像素 for (var i:int=0; i<bmpdata.width; i++) { for (var j:int=0; j<bmpdata.height; j++) { var color:uint=bmpdata.getPixel(i,j); var red:uint=(color>>16 )&0xff; if (red>0) { var px:Number=i*stage_w/bmpdata.width; var py:Number=j*stage_h/bmpdata.height; var box:Box=new Box(); box.x=Math.random()*550; box.y=Math.random()<0.5?0 :stage_h; box.filters=[new GlowFilter(),new BlurFilter(1,1)]; var p:Particle=new Particle(); p.x=px; p.y=py; p.obj=box; contain.addChild(box); arrayList.push(p); } } } bmpdata.dispose();//释放位图 bmpdata=null; render(); contain.addEventListener(MouseEvent.CLICK,onClickHandler); } //清除 private function clearAll():void { while(contain.numChildren>0)contain.removeChildAt(0); while(arrayList.length>0)arrayList.shift(); } //渲染效果 private function render( ):void { for (var i:int=0; i<arrayList.length; i++) { TweenMax.to(arrayList[i].obj,Math.random()*2+1,{x:arrayList[i].x,y:arrayList[i].y}); } // } //随机移动 private function randomMove():void { for (var i:int=0; i<arrayList.length; i++) { TweenMax.to(arrayList[i].obj,Math.random()*2+1,{x:Math.random()*550,y:Math.random()*400}); } } private function onClickHandler(event:MouseEvent):void { if (!key) { key=true; randomMove(); } else { key=false; render(); } } } } //简单的粒子模型 internal class Particle { public var x:Number; public var y:Number; public var z:Number; public var radius:Number=0;//半径 public var color:uint;//颜色 public var obj:*;//对象 public var angle:Number;//角度 public function Particle() { } } //方块的的创建 import flash.display.Sprite; import flash.text.*; internal class Box extends Sprite { public function Box(color:uint=0xffff00) { this.graphics.lineStyle(0); this.graphics.beginFill(color); this.graphics.drawRect(0,0,10,10); this.graphics.endFill(); } //设置坐标 public function move(x:Number,y:Number):void { this.x=x; this.y=y; } } //按钮的创建 import flash.display.*; import flash.events.*; import flash.filters.*; import flash.geom.*; import flash.text.*; internal class Button extends Sprite { private var _label:String="";//标签 private var _labelTextField:TextField; public function Button() { } //通过渐变效果和绘制矩形的办法，来创建按钮，同时添加发光的效果 public function creatButton(colors:Array,width:Number,height:Number,fontSize:int=15):Sprite { var shape:Sprite=new Sprite(); shape.addEventListener(MouseEvent.ROLL_OVER,onRollOverHandler); shape.addEventListener(MouseEvent.ROLL_OUT,onRollOutHandler); var colors:Array=colors; var alphas:Array=[1,1]; var ratios:Array=[0,255]; var matrix:Matrix=new Matrix(); matrix.createGradientBox(width,height,-Math.PI /2); //创建渐变填充 shape.graphics.beginGradientFill(GradientType.LINEAR,colors,alphas,ratios,matrix);//渐变按钮 shape.graphics.drawRoundRect(0,0,width,height,15,15); shape.graphics.endFill(); shape.graphics.beginFill(0xffffff,0.15); shape.graphics.drawRoundRect(0,0,width,height/2,15,15); shape.graphics.endFill(); shape.filters=[new DropShadowFilter(2,45,0,0.5,2,2)]; //创建按钮文本标签 _labelTextField=new TextField(); _labelTextField.defaultTextFormat=new TextFormat("黑体",fontSize,0xffffff,true); _labelTextField.autoSize=TextFieldAutoSize.CENTER; _labelTextField.text=this.label; _labelTextField.selectable=false; _labelTextField.mouseEnabled=false; _labelTextField.x=shape.width*0.4; _labelTextField.y=shape.height*0.2; addChild(shape); shape.addChild(_labelTextField); return shape; } private function onRollOverHandler(event:MouseEvent):void { this.filters=[new GlowFilter(0x00ff00)]; } private function onRollOutHandler(event:MouseEvent):void { this.filters=null; } //设置按钮标签 public function set label(str:String):void { _label=str; } public function get label():String { return _label; } //设置标签位置，用于微调 public function textPosition(x,y:Number):void { _labelTextField.x=x; _labelTextField.y=y; } } //文本输入创建,用于创建文本 internal class TextInput extends Sprite { private var _input:TextField; private var _width:Number;//宽度 private var _height:Number;//高度 public function TextInput(width:Number,height:Number) { this._width=width; this._height=height; addChildren(); } private function addChildren():void { _input=new TextField(); _input.defaultTextFormat=new TextFormat("Arial",15); _input.width=_width; _input.height=_height; _input.type=TextFieldType.INPUT; _input.border=true; addChild(_input); } //设置和获取文本 public function set text(value:String):void { _input.text=value; } public function get text():String { return _input.text; } //获取文本 public function get textField():TextField { return _input; } } //标签 internal class Label extends Sprite { private var _label:TextField; public function Label() { addChildren(); } private function addChildren():void { _label=new TextField(); _label.defaultTextFormat=new TextFormat("Arial",15,0x999999); _label.autoSize=TextFieldAutoSize.LEFT; _label.type=TextFieldType.DYNAMIC; addChild(_label); } //设置和获取文本 public function set text(value:String):void { _label.text=value; } public function get text():String { return _label.text; } //获取文本 public function get textField():TextField { return _label; } }