游手好学教程 – AS3游戏小地图的实现 MiniMap类

本帖最后由 greenidea 于 2009-12-5 23:01 编辑

来自 游手好学 的文章
上周上线的游戏返回数据表明,我的游戏做的比较难,需要加个小地图降低难度,觉得实现小地图的方法还是比较简单的,而且在游戏中比较实用,拿来和大家分享下吧,实现方法其实就是根据缩放比率刷新小地图上人物的X,Y坐标。

实现的效果演示:
[flash]http://www.8ria.com/wp-content/uploads/2009/12/miniMap.swf[/flash]

小地图类,MiniMap.as
  1. /**
  2. * 游手好学游戏 – 小地图的实现
  3. * @author Vincent
  4. * @website www.8ria.com
  5. */
  6. package 
  7. {
  8. import flash.display.MovieClip;
  9. import flash.display.Sprite;
  10. public class MiniMap extends MovieClip
  11. {
  12.   private var _rate : Number;
  13.   private var _square : Sprite;
  14.   private var _point : Sprite;
  15.   public function MiniMap()
  16.   {
  17.    
  18.   }
  19. /**
  20. * 安装小地图
  21. * con 小地图的容器
  22. * bigWidth 大地图的宽度
  23. * bigHeight 大地图的高度
  24. * rate 地图缩放比率
  25. * alp 小地图的透明度
  26. */
  27.   public function setupMiniMap(con : Object, bigWidth : Number, bigHeight : Number, rate : Number, alp : Number):void
  28.   {
  29. //画小地图
  30.     _square = new Sprite();
  31.     _square.graphics.beginFill(0×000000);
  32.     _square.graphics.drawRect(0, 0, bigWidth*rate, bigHeight*rate);
  33. _square.alpha = alp
  34. con.addChild(_square);
  35. //画点
  36.     _point = new Sprite();
  37.     _point.graphics.beginFill(0xFF0000);
  38.     _point.graphics.drawCircle(4, 4, 4);
  39. con.addChild(_point);
  40.     
  41.     _rate = rate;
  42.   }
  43. /**
  44. * 刷新玩家位置
  45. * px 玩家的X坐标
  46. * py 玩家的X/Y坐标
  47. */
  48.   public function updataMiniMap(px : Number, py : Number):void
  49.   {
  50.    _point.x = px * _rate;
  51.    _point.y = py * _rate;
  52.   }
  53. }
  54. }
复制代码
使用小地图类

第一安装MiniMap: 

_miniMap = new MiniMap();
_miniMap.setupMiniMap(this,stage.stageWidth,stage.stageHeight,0.25, 0.5);

第二,把_miniMap.updataMiniMap(_player.x,_player.y)放到游戏循环里,就是不断的刷新_player的X,Y坐标

我的文档类如下
  1. /**
  2. * 游手好学游戏 – 小地图的实现
  3. * @author Vincent
  4. * @website www.8ria.com
  5. */
  6. package{
  7. import flash.display.Sprite;
  8. import flash.display.MovieClip;
  9. import flash.events.Event;
  10. public class IndexDoc extends Sprite
  11. {
  12.     private var _miniMap : MiniMap;
  13.     private var _player : MovieClip;
  14.    
  15.     public function IndexDoc():void
  16.     {
  17.      initUI();
  18.      initEvent();
  19.     }
  20.    
  21.   private function initUI():void
  22.   {
  23.    
  24.      _miniMap = new MiniMap();
  25.      //安装小地图
  26.      _miniMap.setupMiniMap(this,stage.stageWidth,stage.stageHeight,0.25, 0.5);
  27.     
  28.    _player = fly_mc;
  29.   }
  30.   
  31.   private function initEvent():void
  32.   {
  33.      stage.addEventListener(Event.ENTER_FRAME, gameLoop);
  34.   }
  35.   
  36.   private function gameLoop(e:Event):void
  37.   {
  38.    //刷新小地图
  39.             _miniMap.updataMiniMap(_player.x,_player.y);
  40.             flyHandler();
  41.   }
  42.   
  43.   private function flyHandler():void
  44.   {
  45.       var dx : Number = mouseX – _player.x;
  46.    var dy : Number = mouseY – _player.y; 
  47.    _player.x += dx/10;
  48.    _player.y += dy/10;
  49.    
  50.    var angle : Number = Math.atan2(dy, dx) * 180 / Math.PI;
  51.    _player.rotation = angle + 90;
  52.   }
  53.   
  54. }
  55. }
复制代码
阅读更多
个人分类: MMORPG
想对作者说点什么? 我来说一句

UGUI MiniMap 1.8

2016年06月26日 2.53MB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭