学步园

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

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

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

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

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

package com.hero.ImageManager<br /> {<br /> import flash.events.Event;<br /> import flash.events.KeyboardEvent;<br /> import flash.display.DisplayObject;<br /> public class KEY {<br /> private static var keyObj:KEY = null;<br /> private static var keys:Object;<br /> public static function init(_stage:DisplayObject):void {<br /> if (keyObj == null) {<br /> keys = {};<br /> _stage.addEventListener(KeyboardEvent.KEY_DOWN, KEY.keyDownHandler);<br /> _stage.addEventListener(KeyboardEvent.KEY_UP, KEY.keyUpHandler);<br /> }<br /> }<br /> public static function isDown( keyCode:uint ):Boolean {<br /> return keys[keyCode];</p> <p> }<br /> private static function keyDownHandler( e:KeyboardEvent ):void {<br /> keys[e.keyCode] = true;<br /> trace( keys[e.keyCode]);<br /> }<br /> private static function keyUpHandler( e:KeyboardEvent ):void {<br /> delete keys[e.keyCode];<br /> }<br /> }</p> <p>}

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

package com.hero.ImageManager<br /> {<br /> public final class KEYID<br /> {<br /> public static const VK_LEFT:uint = 37;<br /> public static const VK_UP:uint = 38;<br /> public static const VK_RIGHT:uint = 39;<br /> public static const VK_DOWN:uint = 40;</p> <p> }<br /> }

文档类：

导入上面的两个类：

package<br /> {<br /> import flash.display.*;<br /> import flash.events.*;<br /> import flash.geom.Rectangle;<br /> import flash.geom.Point;<br /> import flash.ui.Keyboard;<br /> import com.hero.ImageManager.*;<br /> public class Main extends Sprite<br /> {<br /> private var map:Map;<br /> private var mapdata:BitmapData=new map2(640,480);<br /> public function Main()<br /> {<br /> map=new Map(mapdata,0,0);<br /> map.x=0;<br /> map.y=0;<br /> addChildAt(map,0);<br /> KEY.init(stage);<br /> addEventListener(Event.ENTER_FRAME,DrawSence);<br /> }<br /> private function DrawSence(e:Event):void<br /> {<br /> map.CreateMap(300,300);<br /> keydownhandle();<br /> }<br /> private function keydownhandle():void<br /> {<br /> if (KEY.isDown(KEYID.VK_UP))<br /> {<br /> map.rect.y-=5;<br /> }<br /> else if (KEY.isDown(KEYID.VK_DOWN))<br /> {<br /> map.rect.y+=5;<br /> }<br /> else if (KEY.isDown(KEYID.VK_LEFT))<br /> {<br /> map.rect.x-=5;<br /> }<br /> else if (KEY.isDown(KEYID.VK_RIGHT))<br /> {<br /> map.rect.x+=5;<br /> }<br /> }<br /> }<br /> }

创建一张位图，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<br /> {<br /> if (KEY.isDown(KEYID.VK_UP))<br /> {<br /> map.rect.y-=5;<br /> }<br /> else if (KEY.isDown(KEYID.VK_DOWN))<br /> {<br /> map.rect.y+=5;<br /> }<br /> else if (KEY.isDown(KEYID.VK_LEFT))<br /> {<br /> map.rect.x-=5;<br /> }<br /> else if (KEY.isDown(KEYID.VK_RIGHT))<br /> {<br /> map.rect.x+=5;<br /> }<br /> }

总体的效果图：

地图类：

package<br /> {</p> <p> import flash.display.Sprite;<br /> import flash.display.*;<br /> import flash.events.*;<br /> import flash.geom.*;</p> <p> public class Map extends Sprite<br /> {<br /> private var mapWidth:Number;//地图的宽度<br /> private var mapHeight:Number;//地图高度<br /> private var mapX:Number;//地图的x坐标<br /> private var mapY:Number;//地图的y坐标</p> <p> private var mapArray:Array;<br /> private var mapdata:BitmapData;<br /> public var sprite:Sprite=new Sprite();//做一个容器使用<br /> public var rect:Rectangle;//地图的矩形外形<br /> public var bitmap:Bitmap;<br /> private var buffer:BitmapData;//缓冲区</p> <p> public function Map(mapdata:BitmapData,mapX:Number,mapY:Number)<br /> {<br /> this.mapdata=mapdata;<br /> //this.mapX=mapX;<br /> //this.mapY=mapY;<br /> this.mapWidth=mapdata.width;<br /> this.mapHeight=mapdata.height;<br /> bitmap=new Bitmap(mapdata);<br /> rect=bitmap.getRect(bitmap);//获取地图的矩形<br /> }<br /> public function get MapInfo():BitmapData<br /> {<br /> return mapdata;<br /> }<br /> public function CreateMap(bufferwidth:Number,bufferheight:Number):void<br /> {<br /> buffer=new BitmapData(bufferwidth,bufferheight,false,0xFFFFFFFF);//设置缓冲区<br /> buffer.fillRect(new Rectangle(0,0,bufferwidth,bufferheight),0x0000FF00);//填充缓冲区<br /> trace(rect.y);</p> <p> if (rect.x<0 )<br /> {<br /> rect.x=0;<br /> }<br /> trace(mapWidth);<br /> if (rect.x+buffer.width>mapWidth)<br /> {<br /> rect.x=mapWidth-buffer.width;<br /> }<br /> if (rect.y<=0)<br /> {<br /> rect.y=0;<br /> }<br /> if (rect.y+buffer.height>mapHeight)<br /> {<br /> rect.y=mapHeight-buffer.height;<br /> }<br /> buffer.copyPixels(mapdata,new Rectangle(rect.x,rect.y,bufferwidth,bufferheight),new Point(0,0));//矩形的坐标变化,会裁剪出不同的位图数据<br /> FillMap(buffer);//填充位图数据</p> <p> }<br /> public function FillMap(data:BitmapData):void<br /> {<br /> sprite.graphics.clear();<br /> sprite.graphics.beginBitmapFill(data,null,false,false);<br /> sprite.graphics.drawRect(0,0,data.width,data.height);<br /> sprite.graphics.endFill();<br /> addChild(sprite);</p> <p> }<br /> }<br /> }