Problem between state with button and state with tilemap

[Rslnautic]

Could you help me out with a problem that I have with the game im making. Between the menu and game state (witch has a button

 that sends me to the gam menu) and game state with tilemap (in witch if you press the enter key it sends me back to the menu).

My problem consists in the fact that when I press the enter key in the game state to go back to the menu, the menu button disappears, I've tried to do it from the menu with a game state without tilemap and the button doesn't disappear.

As a possible solution Ive thought about if while pressing the enter key apart from redirecting the user to the menu, it destroys the map with the method destroy(), which supposedly  eliminates the map and its corresponding layers.

As a conclusion, I think that the object map ends up getting deleted, but not its layers.

 

Game Link: http://button.ramonserrano.info

Github Assets Link: https://github.com/rslnautic/Problem-Button-Phaser

[stasuss]

if you output your button into the console with console.info(this.playbutton); you'll notice that its inCamera property = false.

 

this.layer.resizeWorld(); -- this is the cause of the problem. have not used tilemaps, so can't advice what to do.

[Rslnautic]

Full game: https://googledrive.com/host/0B-H_bvkGwa17bkZIRGlWeUNCd0E/index.html

[Rslnautic]

State Menu

(function() {

  'use strict';

 

  function Menu() {

    this.titleTxt = null;

    this.startTxt = null;

  }

 

  Menu.prototype = {

 

    create: function () {

      var x = this.game.width / 2

        , y = this.game.height / 2;

 

      this.add.sprite(0, 0, 'menufondo');

      this.text = this.add.text(this.world.centerX-650, 500, "PRESS BUTTON PLAY TO GO TO THE GAME", {

        font: "65px Arial",

        fill: "#ff0044",

        align: "center"

    });

 

      this.playbutton=this.add.button(this.world.centerX - 90, 700, 'play',

        function () {

          this.game.state.start('game');

        }, this, 2, 1, 0);

 

 

      console.log(this.playbutton);

    },

 

    update: function () {

    }

  };

 

  window['button-problem'] = window['button-problem'] || {};

  window['button-problem'].Menu = Menu;

 

}());

 

 

 

State Game

(function() {

  'use strict';

 

  function Game() {

    this.player = null;

    this.map;

    this.layer;

    this.cursors;

    this.music;

    this.moneytext;

    this.sounddeath;

    this.soundcoin;

  }

 

  Game.prototype = {

 

    create: function () {

      var x = this.game.width / 2

        , y = this.game.height / 2;

 

      this.map = this.game.add.tilemap('estomago');

      this.map.addTilesetImage('tiles');

      this.layer = this.map.createLayer('layer1');

      this.layer.resizeWorld();

 

      this.camera.x=3600;

      this.camera.y=4800;

      

      this.text = this.add.text(4200, 4800, "PRESS ENTER to return to menu", {

        font: "65px Arial",

        fill: "#ff0044",

        align: "center"

    });

 

    this.text.anchor.setTo(0.5, 0.5);

    },

 

    update: function () {

        if (this.input.keyboard.isDown(Phaser.Keyboard.ENTER)) {

          this.game.state.start('menu');

        }

    },

 

  };

 

  window['button-problem'] = window['button-problem'] || {};

  window['button-problem'].Game = Game;

 

}());