Skip to content

Commit e3f76ce

Browse files
author
Webeled
committed
Tilemaps examples updated
1 parent 787abc1 commit e3f76ce

5 files changed

Lines changed: 179 additions & 53 deletions

File tree

‎examples/tilemaps/mapcollide.js‎

Lines changed: 19 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,34 +3,47 @@ var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload:
33

44
function preload() {
55

6-
game.load.tilemap('mario', 'assets/maps/mario1.png', 'assets/maps/mario1.json', null, Phaser.Tilemap.JSON);
6+
game.load.tilemap('mario', 'assets/maps/mario1.json', null, Phaser.Tilemap.TILED_JSON);
7+
game.load.tileset('marioTiles', 'assets/maps/mario1.png',16,16);
78
game.load.image('player', 'assets/sprites/phaser-dude.png');
89

910
}
1011

1112
var map;
13+
var tileset;
14+
var layer;
1215
var p;
1316
var cursors;
1417

1518
function create() {
1619

1720
game.stage.backgroundColor = '#787878';
1821

19-
map = game.add.tilemap(0, 0, 'mario');
22+
map = game.add.tilemap('mario');
23+
24+
tileset = game.add.tileset('marioTiles');
2025

2126
// floor
22-
map.setCollisionRange(80, 97, true, true, true, true);
27+
tileset.setCollisionRange(80, 97, true, true, true, true);
2328

2429
// one-ways
25-
map.setCollisionRange(15, 17, true, true, false, true);
30+
tileset.setCollisionRange(15, 17, true, true, false, true);
31+
32+
layer = game.add.tilemapLayer(0, 0, map.layers[0].width*tileset.tileWidth, 600, tileset, map, 0);
33+
34+
layer.fixedToCamera=false;
35+
36+
layer.resizeWorld();
37+
38+
2639

2740
p = game.add.sprite(32, 32, 'player');
2841

2942
p.body.gravity.y = 10;
3043
p.body.bounce.y = 0.4;
3144
p.body.collideWorldBounds = true;
3245

33-
game.world.setBounds(0, 0, map.width, 600);
46+
3447

3548
game.camera.follow(p);
3649

@@ -40,7 +53,7 @@ function create() {
4053

4154
function update() {
4255

43-
map.collide(p);
56+
game.physics.collide(p,layer);
4457

4558
p.body.velocity.x = 0;
4659

‎examples/tilemaps/mario.js‎

Lines changed: 29 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,41 +1,59 @@
11

2-
var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update, render: render });
2+
var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
33

44
function preload() {
55

6-
game.load.tilemap('mario', 'assets/maps/mario1.png', 'assets/maps/mario1.json', null, Phaser.Tilemap.JSON);
6+
game.load.tilemap('mario', 'assets/maps/mario1.json', null, Phaser.Tilemap.TILED_JSON);
7+
game.load.tileset('tiles', 'assets/maps/mario1.png',16,16);
8+
game.load.image('player', 'assets/sprites/phaser-dude.png');
79

810
}
911

12+
var map;
13+
var tileset;
14+
var layer;
15+
var p;
16+
var cursors;
17+
1018
function create() {
1119

1220
game.stage.backgroundColor = '#787878';
1321

14-
game.add.tilemap(0, 0, 'mario');
22+
map = game.add.tilemap('mario');
23+
24+
25+
26+
tileset = game.add.tileset('tiles');
27+
28+
29+
layer = game.add.tilemapLayer(0, 0, map.layers[0].width*tileset.tileWidth, 600, tileset, map, 0);
30+
31+
layer.fixedToCamera=false;
32+
33+
layer.resizeWorld();
34+
35+
cursors=game.input.keyboard.createCursorKeys();
1536

1637
}
1738

1839
function update() {
1940

20-
if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT))
41+
if (cursors.left.isDown)
2142
{
2243
game.camera.x -= 8;
2344
}
24-
else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT))
45+
else if (cursors.right.isDown)
2546
{
2647
game.camera.x += 8;
2748
}
2849

29-
if (game.input.keyboard.isDown(Phaser.Keyboard.UP))
50+
if (cursors.up.isDown)
3051
{
3152
game.camera.y -= 8;
3253
}
33-
else if (game.input.keyboard.isDown(Phaser.Keyboard.DOWN))
54+
else if (cursors.down.isDown)
3455
{
3556
game.camera.y += 8;
3657
}
3758

38-
}
39-
40-
function render() {
41-
}
59+
}

‎examples/tilemaps/mariotogether.js‎

Lines changed: 24 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,17 +3,37 @@ var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: p
33

44
function preload() {
55

6-
game.load.tilemap('nes', 'assets/maps/mario1.png', 'assets/maps/mario1.json', null, Phaser.Tilemap.JSON);
7-
game.load.tilemap('snes', 'assets/maps/smb_tiles.png', 'assets/maps/smb_level1.json', null, Phaser.Tilemap.JSON);
6+
game.load.tilemap('nes', 'assets/maps/mario1.json', null, Phaser.Tilemap.TILED_JSON);
7+
game.load.tileset('tilesNes', 'assets/maps/mario1.png',16,16);
88

9+
game.load.tilemap('snes', 'assets/maps/smb_level1.json', null, Phaser.Tilemap.TILED_JSON);
10+
game.load.tileset('tilesSnes', 'assets/maps/smb_tiles.png',16,16);
911
}
1012

1113
function create() {
1214

1315
game.stage.backgroundColor = '#5c94fc';
1416

15-
game.add.tilemap(0, 0, 'nes');
16-
game.add.tilemap(0, 168, 'snes');
17+
mapNes = game.add.tilemap('nes');
18+
19+
tilesetNes = game.add.tileset('tilesNes');
20+
21+
22+
layerNes = game.add.tilemapLayer(0, 0, mapNes.layers[0].width*tilesetNes.tileWidth, 600, tilesetNes, mapNes, 0);
23+
24+
layerNes.fixedToCamera=false;
25+
26+
layerNes.resizeWorld();
27+
28+
29+
mapSnes = game.add.tilemap('snes');
30+
31+
tilesetSnes = game.add.tileset('tilesSnes');
32+
33+
34+
layerSnes = game.add.tilemapLayer(0, 168, mapSnes.layers[0].width*tilesetSnes.tileWidth, 600, tilesetSnes, mapSnes, 0);
35+
36+
layerSnes.fixedToCamera=false;
1737

1838
game.add.tween(game.camera).to( { x: 5120-800 }, 30000, Phaser.Easing.Linear.None, true, 0, 1000, true);
1939

‎examples/tilemaps/supermario.js‎

Lines changed: 54 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,81 @@
11

2-
var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update, render: render });
2+
var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update});
33

44
function preload() {
55

6-
game.load.tilemap('background', 'assets/maps/smb_bg.png', 'assets/maps/smb_bg.json', null, Phaser.Tilemap.JSON);
7-
game.load.tilemap('level1', 'assets/maps/smb_tiles.png', 'assets/maps/smb_level1.json', null, Phaser.Tilemap.JSON);
6+
game.load.tilemap('background', 'assets/maps/smb_bg.json', null, Phaser.Tilemap.TILED_JSON);
7+
game.load.tileset('tilesBackground', 'assets/maps/smb_bg.png',16,16);
8+
9+
game.load.tilemap('level1', 'assets/maps/smb_level1.json', null, Phaser.Tilemap.TILED_JSON);
10+
game.load.tileset('tilesLevel1', 'assets/maps/smb_tiles.png',16,16);
811

912
}
1013

14+
var mapBg;
15+
var tilesetBg;
16+
var layerBg;
17+
var mapLevel1;
18+
var tilesetLevel1;
19+
var layerLevel1;
20+
var cursors;
21+
1122
function create() {
1223

1324
game.stage.backgroundColor = '#787878';
1425

15-
game.add.tilemap(0, 0, 'background');
16-
game.add.tilemap(0, 0, 'level1');
26+
mapBg = game.add.tilemap('background');
27+
28+
tilesetBg = game.add.tileset('tilesBackground');
29+
30+
31+
layerBg = game.add.tilemapLayer(0, 0, mapBg.layers[0].width*tilesetBg.tileWidth, 600, tilesetBg, mapBg, 0);
32+
33+
layerBg.fixedToCamera=false;
34+
35+
layerBg.resizeWorld();
36+
37+
38+
mapLevel1 = game.add.tilemap('level1');
39+
40+
tilesetLevel1 = game.add.tileset('tilesLevel1');
41+
42+
43+
layerLevel1 = game.add.tilemapLayer(0, 0, mapLevel1.layers[0].width*tilesetLevel1.tileWidth, 600, tilesetLevel1, mapLevel1, 0);
44+
45+
layerLevel1.fixedToCamera=false;
46+
47+
cursors=game.input.keyboard.createCursorKeys();
48+
49+
balls = game.add.emitter(300, 50, 500);
50+
balls.bounce = 0.5;
51+
balls.makeParticles('balls', [0,1,2,3,4,5], 500, 1);
52+
balls.minParticleSpeed.setTo(-150, 150);
53+
balls.maxParticleSpeed.setTo(100, 100);
54+
balls.gravity = 8;
55+
balls.start(false, 5000, 50);
56+
57+
game.add.tween(balls).to({ x: 4000 }, 7500, Phaser.Easing.Sinusoidal.InOut, true, 0, 1000, true);
1758

1859
}
1960

2061
function update() {
2162

22-
if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT))
63+
if (cursors.left.isDown)
2364
{
24-
game.camera.x -= 8;
65+
game.camera.x -= 18;
2566
}
26-
else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT))
67+
else if (cursors.right.isDown)
2768
{
28-
game.camera.x += 8;
69+
game.camera.x += 18;
2970
}
3071

31-
if (game.input.keyboard.isDown(Phaser.Keyboard.UP))
72+
if (cursors.up.isDown)
3273
{
33-
game.camera.y -= 8;
74+
game.camera.y -= 18;
3475
}
35-
else if (game.input.keyboard.isDown(Phaser.Keyboard.DOWN))
76+
else if (cursors.down.isDown)
3677
{
37-
game.camera.y += 8;
78+
game.camera.y += 18;
3879
}
3980

4081
}
41-
42-
function render() {
43-
}

‎examples/tilemaps/supermario2.js‎

Lines changed: 53 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,62 @@
11

2-
var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
2+
var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update});
33

44
function preload() {
55

6-
game.load.tilemap('background', 'assets/maps/smb_bg.png', 'assets/maps/smb_bg.json', null, Phaser.Tilemap.JSON);
7-
game.load.tilemap('level1', 'assets/maps/smb_tiles.png', 'assets/maps/smb_level1.json', null, Phaser.Tilemap.JSON);
6+
game.load.tilemap('background', 'assets/maps/smb_bg.json', null, Phaser.Tilemap.TILED_JSON);
7+
game.load.tileset('tilesBackground', 'assets/maps/smb_bg.png',16,16);
8+
9+
game.load.tilemap('level1', 'assets/maps/smb_level1.json', null, Phaser.Tilemap.TILED_JSON);
10+
game.load.tileset('tilesLevel1', 'assets/maps/smb_tiles.png',16,16);
11+
812
game.load.spritesheet('balls', 'assets/sprites/balls.png', 17, 17);
913

1014
}
1115

16+
var mapBg;
17+
var tilesetBg;
18+
var layerBg;
19+
var mapLevel1;
20+
var tilesetLevel1;
21+
var layerLevel1;
22+
var cursors;
1223
var balls;
13-
var map;
1424

1525
function create() {
1626

1727
game.stage.backgroundColor = '#787878';
1828

19-
game.add.tilemap(0, 0, 'background');
29+
mapBg = game.add.tilemap('background');
30+
31+
tilesetBg = game.add.tileset('tilesBackground');
32+
33+
34+
layerBg = game.add.tilemapLayer(0, 0, mapBg.layers[0].width*tilesetBg.tileWidth, 600, tilesetBg, mapBg, 0);
35+
36+
layerBg.fixedToCamera=false;
37+
38+
layerBg.resizeWorld();
39+
40+
41+
mapLevel1 = game.add.tilemap('level1');
42+
43+
tilesetLevel1 = game.add.tileset('tilesLevel1');
44+
45+
tilesetLevel1.setCollisionRange(9,11,true,true,true,true);
46+
tilesetLevel1.setCollisionRange(14,19,true,true,true,true);
47+
tilesetLevel1.setCollisionRange(22,24,true,true,true,true);
48+
tilesetLevel1.setCollisionRange(37,38,true,true,true,true);
49+
50+
tilesetLevel1.setCollision(32,true,true,true,true);
51+
52+
53+
layerLevel1 = game.add.tilemapLayer(0, 0, mapLevel1.layers[0].width*tilesetLevel1.tileWidth, 600, tilesetLevel1, mapLevel1, 0);
54+
55+
layerLevel1.fixedToCamera=false;
56+
57+
layerLevel1.resizeWorld();
2058

21-
map = game.add.tilemap(0, 0, 'level1');
22-
map.setCollisionByIndex([9,10,11,14,15,16,18,19,22,23,24,32,37,38], true, true, true, true);
59+
cursors=game.input.keyboard.createCursorKeys();
2360

2461
balls = game.add.emitter(300, 50, 500);
2562
balls.bounce = 0.5;
@@ -35,24 +72,24 @@ function create() {
3572

3673
function update() {
3774

38-
game.physics.collide(balls, map);
75+
game.physics.collide(balls,layerLevel1);
3976

40-
if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT))
77+
if (cursors.left.isDown)
4178
{
42-
game.camera.x -= 8;
79+
game.camera.x -= 18;
4380
}
44-
else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT))
81+
else if (cursors.right.isDown)
4582
{
46-
game.camera.x += 8;
83+
game.camera.x += 18;
4784
}
4885

49-
if (game.input.keyboard.isDown(Phaser.Keyboard.UP))
86+
if (cursors.up.isDown)
5087
{
51-
game.camera.y -= 8;
88+
game.camera.y -= 18;
5289
}
53-
else if (game.input.keyboard.isDown(Phaser.Keyboard.DOWN))
90+
else if (cursors.down.isDown)
5491
{
55-
game.camera.y += 8;
92+
game.camera.y += 18;
5693
}
5794

5895
}

0 commit comments

Comments
 (0)