Tilemaps examples updated

examples/tilemaps/mapcollide.js

@@ -3,12 +3,15 @@ var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload:
 
 function preload() {
 
-    game.load.tilemap('mario', 'assets/maps/mario1.png', 'assets/maps/mario1.json', null, Phaser.Tilemap.JSON);
+    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.image('player', 'assets/sprites/phaser-dude.png');
 
 }
 
 var map;
+var tileset;
+var layer;
 var p;
 var cursors;
 
@@ -16,13 +19,23 @@ function create() {
 
     game.stage.backgroundColor = '#787878';
 
-    map = game.add.tilemap(0, 0, 'mario');
+    map = game.add.tilemap('mario');
+
+    tileset = game.add.tileset('marioTiles');
 
     //  floor
-    map.setCollisionRange(80, 97, true, true, true, true);
+    tileset.setCollisionRange(80, 97, true, true, true, true);
 
     //  one-ways
-    map.setCollisionRange(15, 17, true, true, false, true);
+    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();
+
+    
 
     p = game.add.sprite(32, 32, 'player');
 
@@ -30,7 +43,7 @@ function create() {
     p.body.bounce.y = 0.4;
     p.body.collideWorldBounds = true;
 
-    game.world.setBounds(0, 0, map.width, 600);
+
 
     game.camera.follow(p);
 
@@ -40,7 +53,7 @@ function create() {
 
 function update() {
 
-    map.collide(p);
+    game.physics.collide(p,layer);
 
     p.body.velocity.x = 0;