New tilemap ray casting example + bounce. Also fixed sci-fly example.

examples/tilemaps/map bounce.js

@@ -0,0 +1,78 @@
+
+var game = new Phaser.Game(800, 600, Phaser.CANVAS, '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('phaser', 'assets/sprites/phaser-dude.png');
+
+}
+
+var map;
+var layer;
+var cursors;
+var sprite;
+
+function create() {
+
+    map = game.add.tilemap('map');
+
+    map.addTilesetImage('ground_1x1');
+    
+    layer = map.createLayer('Tile Layer 1');
+
+    layer.resizeWorld();
+
+    map.setCollisionBetween(1, 12);
+
+    // layer.debug = true;
+
+    sprite = game.add.sprite(260, 70, 'phaser');
+
+    game.physics.enable(sprite);
+
+    sprite.body.bounce.set(0.8);
+    sprite.body.tilePadding.set(32);
+
+    game.camera.follow(sprite);
+
+    game.physics.arcade.gravity.y = 200;
+
+    cursors = game.input.keyboard.createCursorKeys();
+
+}
+
+function update() {
+
+    game.physics.arcade.collide(sprite, layer);
+
+    //  Un-comment these to gain full control over the sprite
+    // sprite.body.velocity.x = 0;
+    // sprite.body.velocity.y = 0;
+
+    if (cursors.up.isDown)
+    {
+        sprite.body.velocity.y = -200;
+    }
+    else if (cursors.down.isDown)
+    {
+        sprite.body.velocity.y = 200;
+    }
+
+    if (cursors.left.isDown)
+    {
+        sprite.body.velocity.x = -200;
+    }
+    else if (cursors.right.isDown)
+    {
+        sprite.body.velocity.x = 200;
+    }
+
+}
+
+function render() {
+
+    // game.debug.body(sprite);
+
+}

examples/tilemaps/sci fly.js

@@ -1,5 +1,5 @@
 
-var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
+var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update, render: render });
 
 function preload() {
 
@@ -29,8 +29,6 @@ function create() {
     //  Basically this sets EVERY SINGLE tile to fully collide on all faces
     map.setCollisionByExclusion([7, 32, 35, 36, 47]);
 
-    // layer.debug = true;
-
     layer.resizeWorld();
 
     cursors = game.input.keyboard.createCursorKeys();
@@ -43,8 +41,15 @@ function create() {
     emitter.gravity = 150;
     emitter.bounce.setTo(0.5, 0.5);
 
-    sprite = game.add.sprite(200, 70, 'phaser');
-    sprite.anchor.setTo(0.5, 0.5);
+    sprite = game.add.sprite(300, 90, 'phaser');
+    sprite.anchor.set(0.5);
+
+    game.physics.enable(sprite);
+
+    //  Because both our body and our tiles are so tiny,
+    //  and the body is moving pretty fast, we need to add
+    //  some tile padding to the body. WHat this does
+    sprite.body.tilePadding.set(32, 32);
 
     game.camera.follow(sprite);
 
@@ -60,34 +65,40 @@ function particleBurst() {
 
 function update() {
 
-    game.physics.collide(sprite, layer);
-    game.physics.collide(emitter, layer);
+    game.physics.arcade.collide(sprite, layer);
+    game.physics.arcade.collide(emitter, layer);
 
     sprite.body.velocity.x = 0;
     sprite.body.velocity.y = 0;
 
     if (cursors.up.isDown)
     {
-        sprite.body.velocity.y = -150;
+        sprite.body.velocity.y = -200;
         particleBurst();
     }
     else if (cursors.down.isDown)
     {
-        sprite.body.velocity.y = 150;
+        sprite.body.velocity.y = 200;
         particleBurst();
     }
 
     if (cursors.left.isDown)
     {
-        sprite.body.velocity.x = -150;
+        sprite.body.velocity.x = -200;
         sprite.scale.x = -1;
         particleBurst();
     }
     else if (cursors.right.isDown)
     {
-        sprite.body.velocity.x = 150;
+        sprite.body.velocity.x = 200;
         sprite.scale.x = 1;
         particleBurst();
     }
 
 }
+
+function render() {
+
+    // game.debug.body(sprite);
+
+}

examples/tilemaps/tilemap ray cast.js

@@ -0,0 +1,127 @@
+
+var game = new Phaser.Game(800, 600, Phaser.CANVAS, '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('phaser', 'assets/sprites/phaser-dude.png');
+
+}
+
+var map;
+var layer;
+var cursors;
+var sprite;
+var line;
+var tileHits = [];
+var plotting = false;
+
+function create() {
+
+    line = new Phaser.Line();
+
+    map = game.add.tilemap('map');
+
+    map.addTilesetImage('ground_1x1');
+    
+    layer = map.createLayer('Tile Layer 1');
+
+    layer.resizeWorld();
+
+    map.setCollisionBetween(1, 12);
+
+    layer.debug = true;
+
+    sprite = game.add.sprite(260, 70, 'phaser');
+
+    game.physics.enable(sprite);
+
+    game.camera.follow(sprite);
+
+    cursors = game.input.keyboard.createCursorKeys();
+
+    var help = game.add.text(10, 10, 'Arrows to move, click and drag to cast a ray', { font: '16px Arial', fill: '#ffffff' });
+    help.fixedToCamera = true;
+
+    game.input.onDown.add(startLine, this);
+    game.input.onUp.add(raycast, this);
+
+}
+
+function startLine(pointer) {
+
+    if (tileHits.length > 0)
+    {
+        for (var i = 0; i < tileHits.length; i++)
+        {
+            tileHits[i].debug = false;
+        }
+
+        layer.dirty = true;
+    }
+
+    line.start.set(pointer.worldX, pointer.worldY);
+
+    plotting = true;
+
+}
+
+function raycast(pointer) {
+
+    line.end.set(pointer.worldX, pointer.worldY);
+
+    tileHits = layer.getRayCastTiles(line, 4, false, false);
+
+    if (tileHits.length > 0)
+    {
+        //  Just so we can visually see the tiles
+        for (var i = 0; i < tileHits.length; i++)
+        {
+            tileHits[i].debug = true;
+        }
+
+        layer.dirty = true;
+    }
+
+    plotting = false;
+    
+}
+
+function update() {
+
+    if (plotting)
+    {
+        line.end.set(game.input.activePointer.worldX, game.input.activePointer.worldY);
+    }
+
+    game.physics.arcade.collide(sprite, layer);
+
+    sprite.body.velocity.x = 0;
+    sprite.body.velocity.y = 0;
+
+    if (cursors.up.isDown)
+    {
+        sprite.body.velocity.y = -200;
+    }
+    else if (cursors.down.isDown)
+    {
+        sprite.body.velocity.y = 200;
+    }
+
+    if (cursors.left.isDown)
+    {
+        sprite.body.velocity.x = -200;
+    }
+    else if (cursors.right.isDown)
+    {
+        sprite.body.velocity.x = 200;
+    }
+
+}
+
+function render() {
+
+    game.debug.geom(line);
+
+}

examples/wip/tilemap new 1.js

@@ -6,7 +6,6 @@ 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('phaser', 'assets/sprites/phaser-dude.png');
-    // game.load.image('phaser', 'assets/sprites/phaser-ship.png');
 
 }
 
@@ -48,7 +47,7 @@ function update() {
 
     game.physics.arcade.collide(sprite, layer);
 
-    sprite.body.velocity.x = 0;
+    // sprite.body.velocity.x = 0;
     // sprite.body.velocity.y = 0;
 
     if (cursors.up.isDown)
@@ -73,12 +72,6 @@ function update() {
 
 function render() {
 
-    // game.debug.text(sprite.body.deltaAbsX(), 32, 32);
-    // game.debug.text(sprite.body.deltaAbsY(), 32, 64);
-
-    // game.debug.text(sprite.body.deltaX(), 400, 32);
-    // game.debug.text(sprite.body.deltaY(), 400, 64);
-
     // game.debug.body(sprite);
 
 }