flash位图技术研究篇(3)：移动缓冲区域

地图类，我们已经初步写了一下，功能还需要扩展完善，而我们现在尝试移动我们所在的缓冲区域。

上传一张：640x480的位图：我们把这张图作为地图



我们使用这种素材作为我们地图，尝试一些移动我们的地图，如果让整张的地图移动，效率自然会低，我们采用的方式，仅仅移动矩形的方式，动态切割位图的方式。

键盘控制的方法：（这个方法类是网上一个人提供的，借用一下）

这个类写在package com.hero.ImageManager文件夹下：

package com.hero.ImageManager

{

import flash.events.Event;

import flash.events.KeyboardEvent;

import flash.display.DisplayObject;

public class KEY {

private static var keyObj:KEY = null;

private static var keys:Object;

public static function init(_stage:DisplayObject):void {

if (keyObj == null) {

keys = {};

_stage.addEventListener(KeyboardEvent.KEY_DOWN, KEY.keyDownHandler);

_stage.addEventListener(KeyboardEvent.KEY_UP, KEY.keyUpHandler);

}

}

public static function isDown( keyCode:uint ):Boolean {

return keys[keyCode];

}

private static function keyDownHandler( e:KeyboardEvent ):void {

keys[e.keyCode] = true;

trace( keys[e.keyCode]);

}

private static function keyUpHandler( e:KeyboardEvent ):void {

delete keys[e.keyCode];

}

}

}

键值：说明一下键值，指定这些键值。上下左右，对于的一些键值。

package com.hero.ImageManager

{

public final class KEYID

{

public static const VK_LEFT:uint = 37;

public static const VK_UP:uint = 38;

public static const VK_RIGHT:uint = 39;

public static const VK_DOWN:uint = 40;

}

}

文档类：

导入上面的两个类：

package

{

import flash.display.*;

import flash.events.*;

import flash.geom.Rectangle;

import flash.geom.Point;

import flash.ui.Keyboard;

import com.hero.ImageManager.*;

public class Main extends Sprite

{

private var map:Map;

private var mapdata:BitmapData=new map2(640,480);

public function Main()

{

map=new Map(mapdata,0,0);

map.x=0;

map.y=0;

addChildAt(map,0);

KEY.init(stage);

addEventListener(Event.ENTER_FRAME,DrawSence);

}

private function DrawSence(e:Event):void

{

map.CreateMap(300,300);

keydownhandle();

}

private function keydownhandle():void

{

if (KEY.isDown(KEYID.VK_UP))

{

map.rect.y-=5;

}

else if (KEY.isDown(KEYID.VK_DOWN))

{

map.rect.y+=5;

}

else if (KEY.isDown(KEYID.VK_LEFT))

{

map.rect.x-=5;

}

else if (KEY.isDown(KEYID.VK_RIGHT))

{

map.rect.x+=5;

}

}

}

}

创建一张位图，private var mapdata:BitmapData=new map2(640,480);外部导入我们的库里面。

实例化一个地图类对象，把这个对象mapdata作为我们所希望的对象参数

map=new Map(mapdata,0,0);

map.x=0;

map.y=0;

addChildAt(map,0);

指定地图的位置。

键盘初始化：KEY.init(stage);

绘制场景：


private function DrawSence(e:Event):void

{

map.CreateMap(300,300);

keydownhandle();

}

通过控制，上下左右键盘，使矩形移动。一边移动，而我们的地图类里面复制像素的位移也发生相应的改变。

private function keydownhandle():void

{

if (KEY.isDown(KEYID.VK_UP))

{

map.rect.y-=5;

}

else if (KEY.isDown(KEYID.VK_DOWN))

{

map.rect.y+=5;

}

else if (KEY.isDown(KEYID.VK_LEFT))

{

map.rect.x-=5;

}

else if (KEY.isDown(KEYID.VK_RIGHT))

{

map.rect.x+=5;

}

}

总体的效果图：



地图类：

package

{

import flash.display.Sprite;

import flash.display.*;

import flash.events.*;

import flash.geom.*;

public class Map extends Sprite

{

private var mapWidth:Number;//地图的宽度

private var mapHeight:Number;//地图高度

private var mapX:Number;//地图的x坐标

private var mapY:Number;//地图的y坐标

private var mapArray:Array;

private var mapdata:BitmapData;

public var sprite:Sprite=new Sprite();//做一个容器使用

public var rect:Rectangle;//地图的矩形外形

public var bitmap:Bitmap;

private var buffer:BitmapData;//缓冲区

public function Map(mapdata:BitmapData,mapX:Number,mapY:Number)

{

this.mapdata=mapdata;

//this.mapX=mapX;

//this.mapY=mapY;

this.mapWidth=mapdata.width;

this.mapHeight=mapdata.height;

bitmap=new Bitmap(mapdata);

rect=bitmap.getRect(bitmap);//获取地图的矩形

}

public function get MapInfo():BitmapData

{

return mapdata;

}

public function CreateMap(bufferwidth:Number,bufferheight:Number):void

{

buffer=new BitmapData(bufferwidth,bufferheight,false,0xFFFFFFFF);//设置缓冲区

buffer.fillRect(new Rectangle(0,0,bufferwidth,bufferheight),0x0000FF00);//填充缓冲区

trace(rect.y);

if (rect.x<0 )

{

rect.x=0;

}

trace(mapWidth);

if (rect.x+buffer.width>mapWidth)

{

rect.x=mapWidth-buffer.width;

}

if (rect.y<=0)

{

rect.y=0;

}

if (rect.y+buffer.height>mapHeight)

{

rect.y=mapHeight-buffer.height;

}

buffer.copyPixels(mapdata,new Rectangle(rect.x,rect.y,bufferwidth,bufferheight),new Point(0,0));//矩形的坐标变化,会裁剪出不同的位图数据

FillMap(buffer);//填充位图数据

}

public function FillMap(data:BitmapData):void

{

sprite.graphics.clear();

sprite.graphics.beginBitmapFill(data,null,false,false);

sprite.graphics.drawRect(0,0,data.width,data.height);

sprite.graphics.endFill();

addChild(sprite);

}

}

}