phaser-framework - 在移相器上制作一个 TilesMap 适合 Canvas

Question

我正在尝试 Phaser，我创建了一个带有 Tiled 的 Tiles Map，我在 Phaser 上“导入”了它。

一切正常，唯一的问题是我没有找到如何将 TilesMap(比 Canvas 大 60 像素)适合 Canvas 。我查看了所有示例，但一无所获。

不就是这个函数的工作吗？ layer.resizeWorld()

var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create, update: update, render: render });
var map;
var tileset;
var layer;
var player;
var cursors; 



function preload() {
    game.load.tilemap('map', 'assets/maps/map.json', null, Phaser.Tilemap.TILED_JSON);
    game.load.image('tiles', 'assets/tiles/tilesSheet.png');
}

function loadUpdate(){
}

function create() {
    map = game.add.tilemap('map');
    map.addTilesetImage('tilesSheet','tiles');
    layerGround = map.createLayer("Ground");
    layerObstacle = map.createLayer("Obstacle");     
    //  Un-comment this on to see the collision tiles
    // layer.debug = true;
    layerGround.resizeWorld();
}

function update() {
}

function render() {
}

Answer 1

layer.resizeWorld() 将调整 Game World 的大小以匹配您的 tilemap 的大小。它不会对 Canvas 对象做任何事情。无论您在游戏构造函数中为游戏指定的大小是创建和显示 Canvas 的大小。因此，在您上面的示例中，它将制作一个 800x600 大小的 Canvas 。