wassname/phaser
1
0
Fork 0
mirror of https://github.com/wassname/phaser.git synced 2026-08-10 12:30:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fixed nearly all of the tilemap examples to use the new tilemap system.

Browse Source
This commit is contained in:
photonstorm
2014-01-14 00:31:58 +00:00
parent 71f82477ea
commit e7c2b6ae9c
16 changed files with 254 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/assets/sprites/budbrain_chick.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

examples/assets/sprites/exocet_spaceman.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.6 KiB

examples/assets/sprites/gameboy_seize_color_40x60.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

examples/assets/tilemaps/tmx/unsorted/desert.json → examples/assets/tilemaps/maps/desert.json
View File
examples/tilemaps/fill tiles.js
+5 -10
View File
@@ -3,15 +3,13 @@ var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload:
function preload() {
game.load.tilemap('desert', 'assets/maps/desert.json', null, Phaser.Tilemap.TILED_JSON);
// game.load.tileset('tiles', 'assets/tiles/tmw_desert_spacing.png', 32, 32, -1, 1, 1);
game.load.image('tiles', 'assets/tiles/tmw_desert_spacing.png');
game.load.tilemap('desert', 'assets/tilemaps/maps/desert.json', null, Phaser.Tilemap.TILED_JSON);
game.load.image('tiles', 'assets/tilemaps/tiles/tmw_desert_spacing.png');
game.load.image('car', 'assets/sprites/car90.png');
}
var map;
var tileset;
var layer;
var cursors;
@@ -21,12 +19,9 @@ function create() {
map = game.add.tilemap('desert');
// The two parameters are: 1) The Tiled
map.addTilesetImage('ground_1x1');
map.addTilesetImage('Desert', 'tiles');
tileset = game.add.tileset('tiles');
layer = game.add.tilemapLayer(0, 0, 800, 600, tileset, map, 0);
layer = map.createLayer('Ground');
layer.resizeWorld();
@@ -43,7 +38,7 @@ function create() {
function fillTiles() {
map.fill(31, layer.getTileX(sprite.x), layer.getTileY(sprite.y), 6, 6);
map.fill(31, layer.getTileX(sprite.x), layer.getTileY(sprite.y), 8, 8);
}
examples/tilemaps/mapcollide.js
+22 -26
View File
@@ -3,8 +3,8 @@ var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload:
function preload() {
game.load.tilemap('mario', 'assets/maps/mario1.json', null, Phaser.Tilemap.TILED_JSON);
game.load.tileset('marioTiles', 'assets/maps/mario1.png',16,16);
game.load.tilemap('mario', 'assets/tilemaps/maps/super_mario.json', null, Phaser.Tilemap.TILED_JSON);
game.load.image('tiles', 'assets/tilemaps/tiles/super_mario.png');
game.load.image('player', 'assets/sprites/phaser-dude.png');
}
@@ -21,30 +21,31 @@ function create() {
map = game.add.tilemap('mario');
tileset = game.add.tileset('marioTiles');
map.addTilesetImage('SuperMarioBros-World1-1', 'tiles');
// floor
tileset.setCollisionRange(80, 97, true, true, true, true);
// one-ways
tileset.setCollisionRange(15, 17, true, true, false, true);
layer = game.add.tilemapLayer(0, 0, map.layers[0].width*tileset.tileWidth, 600, tileset, map, 0);
layer.fixedToCamera=false;
layer.resizeWorld();
// 14 = ? block
// map.setCollisionBetween(14, 15);
map.setCollisionBetween(15, 16);
map.setCollisionBetween(20, 25);
map.setCollisionBetween(27, 29);
map.setCollision(40);
layer = map.createLayer('World1');
// Un-comment this on to see the collision tiles
// layer.debug = true;
layer.resizeWorld();
p = game.add.sprite(32, 32, 'player');
p.body.gravity.y = 10;
p.body.bounce.y = 0.4;
game.physics.gravity.y = 250;
p.body.bounce.y = 0.2;
p.body.friction = 1;
p.body.collideWorldBounds = true;
game.camera.follow(p);
cursors = game.input.keyboard.createCursorKeys();
@@ -53,7 +54,7 @@ function create() {
function update() {
game.physics.collide(p,layer);
game.physics.collide(p, layer);
p.body.velocity.x = 0;
@@ -61,13 +62,9 @@ function update() {
{
if (p.body.touching.down)
{
p.body.velocity.y = -400;
p.body.velocity.y = -200;
}
}
else if (cursors.down.isDown)
{
// game.camera.y += 4;
}
if (cursors.left.isDown)
{
@@ -82,8 +79,7 @@ function update() {
function render() {
game.debug.renderCameraInfo(game.camera, 32, 32);
// game.debug.renderSpriteCorners(p);
game.debug.renderCameraInfo(game.camera, 420, 320);
game.debug.renderSpriteCollision(p, 32, 320);
}
examples/tilemaps/paint tiles.js
+8 -7
View File
@@ -3,25 +3,26 @@ var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload:
function preload() {
game.load.tilemap('desert', 'assets/maps/desert.json', null, Phaser.Tilemap.TILED_JSON);
game.load.tileset('tiles', 'assets/tiles/tmw_desert_spacing.png', 32, 32, -1, 1, 1);
game.load.tilemap('desert', 'assets/tilemaps/maps/desert.json', null, Phaser.Tilemap.TILED_JSON);
game.load.image('tiles', 'assets/tilemaps/tiles/tmw_desert_spacing.png');
}
var map;
var tileset;
var layer;
var marker;
var currentTile = 0;
var currentTile;
function create() {
map = game.add.tilemap('desert');
tileset = game.add.tileset('tiles');
layer = game.add.tilemapLayer(0, 0, 800, 600, tileset, map, 0);
map.addTilesetImage('Desert', 'tiles');
currentTile = map.getTile(2, 3);
layer = map.createLayer('Ground');
layer.resizeWorld();
examples/tilemaps/randomise tiles.js
+14 -13
View File
@@ -3,29 +3,33 @@ var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload:
function preload() {
game.load.tilemap('desert', 'assets/maps/desert.json', null, Phaser.Tilemap.TILED_JSON);
game.load.tileset('tiles', 'assets/tiles/tmw_desert_spacing.png', 32, 32, -1, 1, 1);
game.load.tilemap('desert', 'assets/tilemaps/maps/desert.json', null, Phaser.Tilemap.TILED_JSON);
game.load.image('tiles', 'assets/tilemaps/tiles/tmw_desert_spacing.png');
game.load.image('car', 'assets/sprites/car90.png');
}
var map;
var tileset;
var layer;
var cursors;
var sprite;
var marker;
function create() {
map = game.add.tilemap('desert');
tileset = game.add.tileset('tiles');
layer = game.add.tilemapLayer(0, 0, 800, 600, tileset, map, 0);
map.addTilesetImage('Desert', 'tiles');
layer = map.createLayer('Ground');
layer.resizeWorld();
marker = game.add.graphics();
marker.lineStyle(2, 0x00bff3, 1);
marker.drawRect(0, 0, 32 * 6, 32 * 6);
sprite = game.add.sprite(450, 80, 'car');
sprite.anchor.setTo(0.5, 0.5);
@@ -33,24 +37,21 @@ function create() {
cursors = game.input.keyboard.createCursorKeys();
game.input.onDown.add(randomiseTiles, this);
}
function randomiseTiles() {
// This will replace every instance of tile 31 (cactus plant) with tile 46 (the sign post).
// It does this across the whole layer of the map unless a region is specified.
// You can also pass in x, y, width, height values to control the area in which the replace happens
map.shuffle(layer.getTileX(sprite.x), layer.getTileY(sprite.y), 6, 6);
map.random(layer.getTileX(sprite.x), layer.getTileY(sprite.y), 6, 6);
}
function update() {
game.physics.collide(sprite, layer);
marker.x = layer.getTileX(sprite.x) * 32;
marker.y = layer.getTileY(sprite.y) * 32;
sprite.body.velocity.x = 0;
sprite.body.velocity.y = 0;
examples/tilemaps/replace tiles.js
+5 -8
View File
@@ -3,14 +3,13 @@ var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload:
function preload() {
game.load.tilemap('desert', 'assets/maps/desert.json', null, Phaser.Tilemap.TILED_JSON);
game.load.tileset('tiles', 'assets/tiles/tmw_desert_spacing.png', 32, 32, -1, 1, 1);
game.load.tilemap('desert', 'assets/tilemaps/maps/desert.json', null, Phaser.Tilemap.TILED_JSON);
game.load.image('tiles', 'assets/tilemaps/tiles/tmw_desert_spacing.png');
game.load.image('car', 'assets/sprites/car90.png');
}
var map;
var tileset;
var layer;
var cursors;
@@ -20,9 +19,9 @@ function create() {
map = game.add.tilemap('desert');
tileset = game.add.tileset('tiles');
layer = game.add.tilemapLayer(0, 0, 800, 600, tileset, map, 0);
map.addTilesetImage('Desert', 'tiles');
layer = map.createLayer('Ground');
layer.resizeWorld();
@@ -50,8 +49,6 @@ function replaceTiles() {
function update() {
game.physics.collide(sprite, layer);
sprite.body.velocity.x = 0;
sprite.body.velocity.y = 0;
sprite.body.angularVelocity = 0;
examples/tilemaps/shuffle tiles.js
+82
View File
@@ -0,0 +1,82 @@
var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
function preload() {
game.load.tilemap('desert', 'assets/tilemaps/maps/desert.json', null, Phaser.Tilemap.TILED_JSON);
game.load.image('tiles', 'assets/tilemaps/tiles/tmw_desert_spacing.png');
game.load.image('car', 'assets/sprites/car90.png');
}
var map;
var layer;
var cursors;
var sprite;
var marker;
function create() {
map = game.add.tilemap('desert');
map.addTilesetImage('Desert', 'tiles');
layer = map.createLayer('Ground');
layer.resizeWorld();
marker = game.add.graphics();
marker.lineStyle(2, 0x00bff3, 1);
marker.drawRect(0, 0, 32 * 6, 32 * 6);
sprite = game.add.sprite(450, 80, 'car');
sprite.anchor.setTo(0.5, 0.5);
game.camera.follow(sprite);
cursors = game.input.keyboard.createCursorKeys();
game.input.onDown.add(randomiseTiles, this);
}
function randomiseTiles() {
map.shuffle(layer.getTileX(sprite.x), layer.getTileY(sprite.y), 6, 6);
}
function update() {
marker.x = layer.getTileX(sprite.x) * 32;
marker.y = layer.getTileY(sprite.y) * 32;
sprite.body.velocity.x = 0;
sprite.body.velocity.y = 0;
sprite.body.angularVelocity = 0;
if (cursors.left.isDown)
{
sprite.body.angularVelocity = -200;
}
else if (cursors.right.isDown)
{
sprite.body.angularVelocity = 200;
}
if (cursors.up.isDown)
{
sprite.body.velocity.copyFrom(game.physics.velocityFromAngle(sprite.angle, 300));
}
}
function render() {
game.debug.renderText('Click to randomise tiles', 32, 32, 'rgb(0,0,0)');
game.debug.renderText('Tile X: ' + layer.getTileX(sprite.x), 32, 48, 'rgb(0,0,0)');
game.debug.renderText('Tile Y: ' + layer.getTileY(sprite.y), 32, 64, 'rgb(0,0,0)');
}
examples/tilemaps/swap tiles.js
+5 -8
View File
@@ -3,14 +3,13 @@ var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload:
function preload() {
game.load.tilemap('desert', 'assets/maps/desert.json', null, Phaser.Tilemap.TILED_JSON);
game.load.tileset('tiles', 'assets/tiles/tmw_desert_spacing.png', 32, 32, -1, 1, 1);
game.load.tilemap('desert', 'assets/tilemaps/maps/desert.json', null, Phaser.Tilemap.TILED_JSON);
game.load.image('tiles', 'assets/tilemaps/tiles/tmw_desert_spacing.png');
game.load.image('car', 'assets/sprites/car90.png');
}
var map;
var tileset;
var layer;
var cursors;
@@ -20,9 +19,9 @@ function create() {
map = game.add.tilemap('desert');
tileset = game.add.tileset('tiles');
layer = game.add.tilemapLayer(0, 0, 800, 600, tileset, map, 0);
map.addTilesetImage('Desert', 'tiles');
layer = map.createLayer('Ground');
layer.resizeWorld();
@@ -50,8 +49,6 @@ function swapTiles() {
function update() {
game.physics.collide(sprite, layer);
sprite.body.velocity.x = 0;
sprite.body.velocity.y = 0;
sprite.body.angularVelocity = 0;