Tilemap painting example and other smaller updates.

examples/tilemaps/paint tiles.php

@@ -0,0 +1,73 @@
+<?php
+    $title = "Painting Tiles";
+    require('../head.php');
+?>
+
+<script type="text/javascript">
+
+    var game = new Phaser.Game(800, 600, Phaser.CANVAS, '', { preload: preload, create: create, update: update, render: render });
+
+    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);
+
+    }
+
+    var map;
+    var tileset;
+    var layer;
+
+    var marker;
+    var currentTile = 0;
+
+    function create() {
+
+        map = game.add.tilemap('desert');
+
+        tileset = game.add.tileset('tiles');
+        
+        layer = game.add.tilemapLayer(0, 0, 800, 600, tileset, map, 0);
+ 
+        layer.resizeWorld();
+
+        marker = game.add.graphics();
+        marker.lineStyle(2, 0x000000, 1);
+        marker.drawRect(0, 0, 32, 32);
+
+    }
+
+    function update() {
+
+        marker.x = layer.getTileX(game.input.activePointer.worldX) * 32;
+        marker.y = layer.getTileY(game.input.activePointer.worldY) * 32;
+
+        if (game.input.mousePointer.isDown)
+        {
+            if (game.input.keyboard.isDown(Phaser.Keyboard.SHIFT))
+            {
+                currentTile = map.getTile(layer.getTileX(marker.x), layer.getTileY(marker.y));
+            }
+            else
+            {
+                if (map.getTile(layer.getTileX(marker.x), layer.getTileY(marker.y)) != currentTile)
+                {
+                    map.putTile(currentTile, layer.getTileX(marker.x), layer.getTileY(marker.y))
+                }
+            }
+        }
+
+    }
+
+    function render() {
+
+        game.debug.renderText('Left-click to paint. Shift + Left-click to select tile.', 32, 32, 'rgb(0,0,0)');
+        game.debug.renderText('Tile: ' + map.getTile(layer.getTileX(marker.x), layer.getTileY(marker.y)), 32, 48, 'rgb(0,0,0)');
+
+    }
+
+</script>
+
+<?php
+    require('../foot.php');
+?>

examples/tilemaps/randomise tiles.php

@@ -50,7 +50,7 @@
 
         //  You can also pass in x, y, width, height values to control the area in which the replace happens
 
-        map.random(layer.getTileX(sprite.x), layer.getTileY(sprite.y), 6, 6);
+        map.shuffle(layer.getTileX(sprite.x), layer.getTileY(sprite.y), 6, 6);
 
     }