LayaAir引擎——TiledMap地图图块属性获取和进行墙壁碰撞检测

 

需要的软件:

TiledMap

LayaAir IDE 1.0.2版本

 

所画的地图:

pass层:

floor层:

 

pass层格子属性:

白色格子: id:48,自定义属性 isCanPass:true

黑色格子:id:44,自定义属性 isCanPass:false

floor层格子属性

五芒星格子:id:0

石头格子:id:27

矿车格子:id:22

 

1.前提代码

Laya.init(576, 576);
	
var player;
var obj;
var floor;
var pass;

var map1 = new TiledMap();
map1.createMap("map/map1/town1.json",new Rectangle(0,0,576, 576),Handler.create(this,onMapLoaded));

function onMapLoaded(){
     pass = map1.getLayerByIndex(0);//获取通行层
 
     player = new Sprite();
     player.loadImage("map/map1/player.png",0,0,48,48);
     Laya.stage.addChild(player);

     Laya.stage.on(laya.events.Event.KEY_DOWN,this,onKeyDown);//设置键盘监听事件
}

2.重点代码

function onKeyDown(e) {
  switch (e.keyCode) {
    case 38:{
      if ( (player.y - 48) <= 0) {
        player.y = 0;
      }else{
             var a = pass.getTileData(player.x / 48, (player.y - 48)/ 48);
             var b = map1.getTileProperties(0, a-1, "isCanPass");
             if(b){
          player.y -= 48;
        }
          }
      break;
      }
      case 40:{
          if ( (player.y + 48) >= (576- 48)){
        player.y = 576 - 48;
          }else{
             var a = pass.getTileData(player.x / 48, (player.y + 48)/ 48);
             var b = map1.getTileProperties(0, a-1, "isCanPass");
             if(b){
          player.y += 48;
        }
          }
          break;
      }   
      case 37:{
      if ( (player.x - 48) <= 0) {
        player.x = 0;
      }else{
        var a = pass.getTileData( (player.x - 48)/ 48,player.y/ 48);
        var b = map1.getTileProperties(0, a-1, "isCanPass");
        if(b){
           player.x -= 48;
        }
      }
      break;
      }
      case 39:{
      if ( (player.x + 48) >= (576 - 48)) {
        player.x = 576 - 48;       }else{         var a = pass.getTileData( (player.x + 48)/ 48,player.y/ 48);         var b = map1.getTileProperties(0, a-1, "isCanPass");         if(b){           player.x += 48;         }       }
    break;
    }  
  } }

 

3.其中代码重点

MapLayer.getTileData(x,y)

参数:

x:格子在地图上的x坐标,等同于屏幕坐标/格子的宽度

y:格子在地图上的y坐标,等同于屏幕坐标/格子的高度

返回:格子在纹理图块上的id值+1

 

例子:

 var a = pass.getTileData( 0, 0);
 console.log(a);//49(白色格子ID:48)

 

TiledMap.getTileProperties(textureIndex,tileIndex,propertyName);

参数:

textureIndex:格子所在的纹理图块的索引

tileIndex:格子在纹理图块上的索引

propertyName:自定义属性的名称

返回:属性内容

 

例子:

var b = map1.getTileProperties(0, 44, "isCanPass");
console.log(b);//false(黑色格子)