<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-js -->
var config = {
type: Phaser.WEBGL,
width: 400,
height: 288,
parent: 'phaser-example',
loader: {
baseURL: 'https://raw.githubusercontent.com/nazimboudeffa/assets/master/',
crossOrigin: 'anonymous'
},
physics: {
default: 'arcade',
arcade: {
gravity: { y: 10 }
}
},
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', 'maps/super-pixel-platformer-set/tileset.png');
this.load.tilemapTiledJSON('map', 'maps/super-pixel-platformer-set/level0.json');
this.load.image('alien', 'sprites/phaser-alien.png');
}
function create ()
{
map = this.make.tilemap({ key: 'map' });
var groundTiles = map.addTilesetImage('tileset');
groundLayer = map.createStaticLayer('ground', groundTiles, 0, 0);
map.createStaticLayer('jumpThrough', groundTiles, 0, 0);
//groundLayer.setCollision(7);
groundLayer.setCollisionBetween(7,9);
player = this.physics.add.sprite(100, 50, 'alien');
player.setCollideWorldBounds(true);
this.physics.add.collider(player, groundLayer);
}
<!-- language: lang-html -->
<script src="//cdn.jsdelivr.net/npm/phaser@3.17.0/dist/phaser.min.js"></script>
<!-- end snippet -->
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-js -->
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);
}
<!-- language: lang-html -->
<script src="//cdn.jsdelivr.net/npm/phaser@3.17.0/dist/phaser.min.js"></script>
<!-- end snippet -->
