Tilemap.putTile now correctly re-calculates the collision data based on the new collideIndexes array (fixes #371)

Tilemap.putTile can now insert a tile into a null/blank area of the map (before it could only replace existing tiles)
2026-08-11 05:49:23 +08:00 · 2014-03-04 03:08:35 +00:00
parent b5df53b4f6
commit 5a6ae5f696
6 changed files with 186 additions and 99 deletions
@@ -1,89 +0,0 @@
-
-var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-// var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update, render: render });
-
-function preload() {
-
-    game.load.tilemap('map', 'assets/tilemaps/maps/collision_test.json', null, Phaser.Tilemap.TILED_JSON);
-    game.load.image('ground_1x1', 'assets/tilemaps/tiles/ground_1x1.png');
-    game.load.image('walls_1x2', 'assets/tilemaps/tiles/walls_1x2.png');
-    game.load.image('tiles2', 'assets/tilemaps/tiles/tiles2.png');
-    game.load.image('player', 'assets/sprites/phaser-dude.png');
-    game.load.image('box', 'assets/sprites/ufo.png');
-    game.load.image('ship', 'assets/sprites/thrust_ship2.png');
-
-}
-
-var ship;
-var map;
-var tileset;
-var layer;
-var p;
-var b;
-var cursors;
-var box2;
-var dump;
-
-function create() {
-
-    game.renderer.roundPixels = true;
-
-    // game.stage.backgroundColor = '#787878';
-
-    map = game.add.tilemap('map');
-
-    map.addTilesetImage('ground_1x1');
-    map.addTilesetImage('walls_1x2');
-    map.addTilesetImage('tiles2');
-    
-    layer = map.createLayer('Tile Layer 1');
-
-    layer.resizeWorld();
-
-    map.setCollisionBetween(1, 12);
-
-    layer.debug = true;
-
-    // dump = map.generateCollisionData(layer);
-
-
-
-    box2 = game.add.sprite(200, 200, 'box');
-    box2.physicsEnabled = true;
-    box2.body.fixedRotation = true;
-
-    game.camera.follow(box2);
-
-    cursors = game.input.keyboard.createCursorKeys();
-
-}
-
-function update() {
-
-    if (cursors.left.isDown)
-    {
-        box2.body.moveLeft(200);
-    }
-    else if (cursors.right.isDown)
-    {
-        box2.body.moveRight(200);
-    }
-    else
-    {
-        box2.body.setZeroVelocity();
-    }
-
-    if (cursors.up.isDown)
-    {
-        box2.body.moveUp(200);
-    }
-    else if (cursors.down.isDown)
-    {
-        box2.body.moveDown(200);
-    }
-
-}
-
-function render() {
-
-}
@@ -0,0 +1,117 @@
+
+var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update, render: render });
+
+function preload() {
+
+    game.load.image('ground_1x1', 'assets/tilemaps/tiles/ground_1x1.png');
+
+}
+
+var map;
+var layer;
+
+var marker;
+var currentTile = 0;
+var cursors;
+
+function create() {
+
+    game.stage.backgroundColor = '#787878';
+
+    //  Creates a blank tilemap
+    map = game.add.tilemap();
+
+    //  Creates a layer and sets-up the map dimensions.
+    //  In this case the map is 30x30 tiles in size and the tiles are 32x32 pixels in size.
+    map.create('level1', 30, 30, 32, 32);
+
+    //  Add a Tileset image to the map
+    map.addTilesetImage('ground_1x1');
+    
+    //  Create a layer. This is where the map is rendered to.
+    layer = map.createLayer('level1');
+
+    //  Resize the world
+    layer.resizeWorld();
+
+    map.setCollisionBetween(0, 12);
+
+    layer.debug = true;
+
+    //  Create our tile selector at the top of the screen
+    createTileSelector();
+
+    game.input.setMoveCallback(updateMarker, this);
+
+    cursors = game.input.keyboard.createCursorKeys();
+
+}
+
+function pickTile(sprite, pointer) {
+
+    currentTile = game.math.snapToFloor(pointer.x, 32) / 32;
+
+}
+
+function updateMarker() {
+
+    marker.x = layer.getTileX(game.input.activePointer.worldX) * 32;
+    marker.y = layer.getTileY(game.input.activePointer.worldY) * 32;
+
+    if (game.input.mousePointer.isDown)
+    {
+        map.putTile(currentTile, layer.getTileX(marker.x), layer.getTileY(marker.y))
+    }
+
+}
+
+function update() {
+
+    if (cursors.left.isDown)
+    {
+        game.camera.x -= 4;
+    }
+    else if (cursors.right.isDown)
+    {
+        game.camera.x += 4;
+    }
+
+    if (cursors.up.isDown)
+    {
+        game.camera.y -= 4;
+    }
+    else if (cursors.down.isDown)
+    {
+        game.camera.y += 4;
+    }
+
+}
+
+function render() {
+
+}
+
+function createTileSelector() {
+
+    //  Our tile selection window
+    var tileSelector = game.add.group();
+
+    var tileSelectorBackground = game.make.graphics();
+    tileSelectorBackground.beginFill(0x000000, 0.5);
+    tileSelectorBackground.drawRect(0, 0, 800, 34);
+    tileSelectorBackground.endFill();
+
+    tileSelector.add(tileSelectorBackground);
+
+    var tileStrip = tileSelector.create(1, 1, 'ground_1x1');
+    tileStrip.inputEnabled = true;
+    tileStrip.events.onInputDown.add(pickTile, this);
+
+    tileSelector.fixedToCamera = true;
+
+    //  Our painting marker
+    marker = game.add.graphics();
+    marker.lineStyle(2, 0x000000, 1);
+    marker.drawRect(0, 0, 32, 32);
+
+}