возникли проблемы с загрузкой тайлакарты в Phaser 3 - PullRequest
Новая
       26

возникли проблемы с загрузкой тайлакарты в Phaser 3

0 голосов
/ 26 мая 2019

У меня возникла проблема с загрузкой карты тайлов, которую я создал с помощью "tiled", я посмотрел примеры Phaser 3, даже скопировал, вставил их файл и изображение png плитки в папку моего проекта, и это сработало, так что довольноЯ уверен, что причина в том, что я неправильно использую «плиточное» программное обеспечение и не знаю, как правильно обрабатывать файл json, я добавлю изображения полученных ошибок и файл json.Примечание: я получаю черный экран.https://i.stack.imgur.com/dF8ee.png / https://i.stack.imgur.com/E04ng.png

function preload ()
{
this.load.image('tilesplatform', 'ground_1x1.png'); this.load.tilemapTiledJSON('map', 'scene.json'); 
}

function create ()
{

var map = this.make.tilemap({ key: 'map' });
var Ground = map.addTilesetImage('ground_1x1', 'tilesplatform');
map.createStaticLayer(0, ground_1x1, 0, 0);
}

1 Ответ

1 голос
/ 26 мая 2019 

var config = {
    type: Phaser.WEBGL,
    width: 400,
    height: 288,
    parent: 'phaser-example',
    loader: {
      baseURL: 'https://raw.githubusercontent.com/nazimboudeffa/assets/master/maps/',
      crossOrigin: 'anonymous'
    },
    scene: {
        preload: preload,
        create: create
    }
};

var game = new Phaser.Game(config);
var map;
var cursors;
var player;
var groundLayer;

function preload ()
{
    this.load.image('tileset', 'super-pixel-platformer-set/tileset.png');
    this.load.tilemapTiledJSON('map', 'super-pixel-platformer-set/level0.json');
}

function create ()
{
  map = this.make.tilemap({ key: 'map' });
  var groundTiles = map.addTilesetImage('tileset');

  map.createStaticLayer('ground', groundTiles, 0, 0);
  //map.createStaticLayer('jumpThrough', groundTiles, 0, 0);

}
<script src="//cdn.jsdelivr.net/npm/phaser@3.17.0/dist/phaser.min.js"></script>
...