diff --git a/src/game.js b/src/game.js index 3dfa8af..b0f6326 100644 --- a/src/game.js +++ b/src/game.js @@ -3,6 +3,11 @@ var player; // http://talestolduntold.blogspot.com/2015/06/tilemaps-with-invisible-collision-layer.html +var TREE_IDS = [ + 181, 182, 208, 209, 183, // Forest + 184, 185, 211, 212, 186, // Fall +]; + game.state.add('play', { preload: function(){ game.load.spritesheet('character', 'assets/arrow_tileset.png', 32, 32); @@ -17,17 +22,21 @@ game.state.add('play', { this.layers = {}; }, create: function(){ + // enable p2physics game.physics.startSystem(Phaser.Physics.P2JS); + // use cursors for movement this.cursors = this.game.input.keyboard.createCursorKeys(); + //make a layer this.createLayers('forest1'); this.createPlayer(); game.physics.p2.enable(this.player) }, update: function(){ - this.playerMovement(); + this.playerMovement(); // move player + // check for collider, how does this work, i'm not using arcade? game.physics.arcade.collide(player, this.layers['trees']); game.debug.bodyInfo(player, 32, this.game.world.height - 100); @@ -36,29 +45,26 @@ game.state.add('play', { /* CUSTOM METHODS VVVVV */ createLayers: function(map_name){ + // load the tilemap this.map = game.add.tilemap(map_name); + // apply the tileset this.map.addTilesetImage('kenney_complete', 'tiles'); - + // create all layers this.layers['water'] = this.map.createLayer('Water'); this.layers['ground'] = this.map.createLayer('Ground'); this.layers['trees'] = this.map.createLayer('Trees'); this.layers['misc'] = this.map.createLayer('Misc'); - // collisions - this.layers['trees'].enableBody = true; - this.map.collisionLayer = this.layers['trees']; - game.physics.arcade.enable(this.layers['trees'], Phaser.Physics.ARCADE, true); - game.physics.enable(this.layers['trees']); + // collisions between trees game.physics.p2.convertTilemap(this.map, "Trees"); - tree_ids = [181,182,208,209, 183]; - for (var i in tree_ids){ - this.map.setCollision(tree_ids[i], true, "Trees"); + + for (var i in TREE_IDS){ + this.map.setCollision(TREE_IDS[i], true, "Trees"); } - - }, createPlayer: function(){ + // create the character, enble physics on it, and add animations player = game.add.sprite(80, 144, 'character'); game.physics.enable(player); @@ -72,9 +78,11 @@ game.state.add('play', { }, playerMovement: function(){ + // zero out velocity player.body.velocity.y = 0; player.body.velocity.x = 0; + // standard move and animate code. if(this.cursors.up.isDown) { player.body.velocity.y -= player.speed; player.animations.play('up');