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;

}

}