LayaAir引擎——（六）

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（黑色格子）