在移相器上制作TilesMap适合画布

时间:2014-03-10 20:09:34

标签: phaser-framework

我正在尝试使用移相器,我创建了一个Tiled Map with Tiled,我在移相器上“导入”。

Everythign工作得很好,唯一的问题是我没有找到我如何使TilesMap(比画布大60px)适合画布。我查看了所有例子,但我什么也没找到。

这不是这个功能的工作吗? 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() {
}

1 个答案:

答案 0 :(得分:3)

layer.resizeWorld()会调整游戏世界的大小以匹配您的tilemap的大小。它不会对Canvas对象做任何事情。无论您在游戏构造函数中为游戏提供的大小,都是画布将在其中创建和显示的大小。因此,在上面的示例中,它将生成800x600大小的画布。