Phaser学习笔记

显示地图

将上节课中的tile图tilemap.png和生成的地图描述文件tilemap.json拷贝到assets目录下。

var map;
var layer;

// Define our main state
var main = {
  preload: function() {
      // 加载tile图
      game.load.image('tilemap', 'assets/tilemap.png'); 
      //加载地图数据
      game.load.tilemap('map', 'assets/tilemap.json', null, Phaser.Tilemap.TILED_JSON);
  },

  create: function() { 
       //场景中增加地图
       map = game.add.tilemap('map'); 
       map.addTilesetImage('tilemap');
       //增加层
       layer = map.createLayer('Tile Layer 1');
       layer.resizeWorld();
  },

  update: function() {

  },
};

//创建游戏
var game = new Phaser.Game(400, 450, Phaser.AUTO, 'gameDiv');
//初始化状态
game.state.add('main', main);
game.state.start('main');

结果如下: