Main.JS

//this game will have only 1 state
var GameState = {

  //initiate game settings
  init: function() {
    //adapt to screen size, fit all the game
    this.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL;
    this.scale.pageAlignHorizontally = true;
    this.scale.pageAlignVertically = true;

    this.game.physics.startSystem(Phaser.Physics.ARCADE);
    this.game.physics.arcade.gravity.y = 1000

    this.cursors = this.game.input.keyboard.createCursorKeys();

    this.game.world.setBounds(0,0,360,700);

    this.RUNNING_SPEED = 400;
    this.JUMPING_SPEED = 550;

  },

  //load the game assets before the game starts
  preload: function() {
    this.load.image('ground', 'assets/images/ground.png');
      //changed platform============
    this.load.image('platform', 'assets/images/platform.png');
    this.load.image('goal', 'assets/images/gorilla3.png');
    this.load.image('arrowButton', 'assets/images/arrowButton.png');
    this.load.image('actionButton', 'assets/images/actionButton.png');
      //changed spritesheet=====
    this.load.spritesheet('player', 'assets/images/player_spritesheet.png', 28, 30, 5, 1, 1);
    this.load.spritesheet('fire', 'assets/images/fire_spritesheet.png', 20, 22, 4, 1, 1);
    this.load.spritesheet('barrel', 'assets/images/barrel.png', 28, 30, 8, 1, 1);
      //changed coin=====
    this.load.image('coin', 'assets/images/coin.png', 32, 32);
    this.load.text('level', 'assets/data/level.json');
      //music=========
    this.load.audio('bgMusic', 'assets/audio/mads.mp3');
  },

  //executed after everything is loaded
  create: function() {
//music=========== old code
       /*var bgMusic;
    bgMusic = this.add.audio('bgMusic');
    bgMusic.loop = true;
    bgMusic.volume = 0.5;
    bgMusic.play();
      */

      //music============= updated
      this.music = this.add.audio('bgMusic', 0.5, true);
      this.music.play();
      //=============

    this.ground = this.add.sprite(0, 638, 'ground');
    this.game.physics.arcade.enable(this.ground);
    this.ground.body.allowGravity = false;
    this.ground.body.immovable = true;

    //parse the file
    this.levelData = JSON.parse(this.game.cache.getText('level'));

    this.platforms = this.add.group();
    this.platforms.enableBody = true;

    this.levelData.platformData.forEach(function(element){
      this.platforms.create(element.x, element.y, 'platform');
    }, this);

    this.platforms.setAll('body.immovable', true);
    this.platforms.setAll('body.allowGravity', false);

    //coins=====================
    //  Here we create our coins group
      var coin
    this.coins = this.add.group();
    this.coins.enableBody = true;

    //  Now let's add 50 coins into it
    for (var i = 0; i < 50; i++)
    {
        coin = this.add.sprite(this.world.randomX, this.world.randomY - 90, 'coin', 0);
        this.coins.add(coin);
    }
//=================================
    //  Now using the power of callAll we can add the same animation to all coins in the group:
    //coins.callAll('animations.add', 'animations', 'spin', [0, 1, 2, 3, 4, 5], 10, true);

    //  And play them
    //coins.callAll('animations.play', 'animations', 'spin');



    //fires
    this.fires = this.add.group();
    this.fires.enableBody = true;

    var fire;
    this.levelData.fireData.forEach(function(element){
      fire = this.fires.create(element.x, element.y, 'fire');
      fire.animations.add('fire', [0, 1, 2, 3], 4, true);
      fire.play('fire');
    }, this);

    this.fires.setAll('body.allowGravity', false);

    //goal
    this.goal = this.add.sprite(this.levelData.goal.x, this.levelData.goal.y, 'goal');
    this.game.physics.arcade.enable(this.goal);
    this.goal.body.allowGravity = false;

    //create player

    //score=========== Help!
        this.score = 0;

      //========
    this.player = this.add.sprite(this.levelData.playerStart.x, this.levelData.playerStart.y, 'player', 3);
    this.player.anchor.setTo(0.5);
    this.player.animations.add('walking', [0, 1, 2, 1], 6, true);
    this.game.physics.arcade.enable(this.player);
    this.player.customParams = {};
    this.player.body.collideWorldBounds = true;

    this.game.camera.follow(this.player);

    this.createOnscreenControls();

    this.barrels = this.add.group();
    this.barrels.enableBody = true;
      //TRYING TO ADD SPRITESHEET to the enemies that come down usually.============
    spriteBarrel = this.add.sprite(40, 100, 'barrel');
    spriteBarrel.animations.add('walk');
    spriteBarrel.animations.play('walk', 50, true);
//==================
    this.createBarrel();
    this.barrelCreator = this.game.time.events.loop(Phaser.Timer.SECOND * this.levelData.barrelFrequency, this.createBarrel, this)
  },
  update: function() {
    this.game.physics.arcade.collide(this.player, this.ground);
    this.game.physics.arcade.collide(this.player, this.platforms);

    this.game.physics.arcade.collide(this.barrels, this.ground);
    this.game.physics.arcade.collide(this.barrels, this.platforms);

      this.game.physics.arcade.overlap(this.player, this.fires, this.killPlayer.bind(this));
    this.game.physics.arcade.overlap(this.player, this.barrels, this.killPlayer.bind(this));
    this.game.physics.arcade.overlap(this.player, this.goal, this.win);

    //coin physics======================
              //coin kill to retreive============
    function collectCoin(player, coin){
      coin.kill();
    }
    this.game.physics.arcade.overlap(this.coins, this.player, collectCoin.bind(this));
    this.game.physics.arcade.collide(this.coins, this.platforms);
    this.game.physics.arcade.collide(this.coins, this.ground);


//=========================================

    this.player.body.velocity.x = 0;

    if(this.cursors.left.isDown || this.player.customParams.isMovingLeft) {
      this.player.body.velocity.x = -this.RUNNING_SPEED;
      this.player.scale.setTo(1, 1);
      this.player.play('walking');
    }
    else if(this.cursors.right.isDown || this.player.customParams.isMovingRight) {
      this.player.body.velocity.x = this.RUNNING_SPEED;
      this.player.scale.setTo(-1, 1);
      this.player.play('walking');
    }
    else {
      this.player.animations.stop();
      this.player.frame = 3;

    }
          if (spriteBarrel.x >= 300)
    {
        spriteBarrel.scale.x += 0.01;
        spriteBarrel.scale.y += 0.01;
    }


    if((this.cursors.up.isDown || this.player.customParams.mustJump) && this.player.body.touching.down) {
      this.player.body.velocity.y = -this.JUMPING_SPEED;
      this.player.customParams.mustJump = false;
    }

    this.barrels.forEach(function(element){
      if(element.x < 10 && element.y > 600) {
        element.kill();
      }
    }, this);
  },
  createOnscreenControls: function(){
    this.leftArrow = this.add.button(20, 535, 'arrowButton');
    this.rightArrow = this.add.button(110, 535, 'arrowButton');
    this.actionButton = this.add.button(280, 535, 'actionButton');

    this.leftArrow.alpha = 0.5;
    this.rightArrow.alpha = 0.5;
    this.actionButton.alpha = 0.5;

    this.leftArrow.fixedToCamera = true;
    this.rightArrow.fixedToCamera = true;
    this.actionButton.fixedToCamera = true;

    this.actionButton.events.onInputDown.add(function(){
      this.player.customParams.mustJump = true;
    }, this);

    this.actionButton.events.onInputUp.add(function(){
      this.player.customParams.mustJump = false;
    }, this);

    //left
    this.leftArrow.events.onInputDown.add(function(){
      this.player.customParams.isMovingLeft = true;
    }, this);

    this.leftArrow.events.onInputUp.add(function(){
      this.player.customParams.isMovingLeft = false;
    }, this);

    this.leftArrow.events.onInputOver.add(function(){
      this.player.customParams.isMovingLeft = true;
    }, this);

    this.leftArrow.events.onInputOut.add(function(){
      this.player.customParams.isMovingLeft = false;
    }, this);

    //right
    this.rightArrow.events.onInputDown.add(function(){
      this.player.customParams.isMovingRight = true;
    }, this);

    this.rightArrow.events.onInputUp.add(function(){
      this.player.customParams.isMovingRight = false;
    }, this);

    this.rightArrow.events.onInputOver.add(function(){
      this.player.customParams.isMovingRight = true;
    }, this);

    this.rightArrow.events.onInputOut.add(function(){
      this.player.customParams.isMovingRight = false;
    }, this);
  },
  killPlayer: function(player, fire) {
    console.log('I died!');
    this.music.stop();
    game.state.start('GameState');
  },
  win: function(player, goal) {
    alert('You have passed the first stage!');
    this.music.stop();
    game.state.start('GameState');
  },
  createBarrel: function() {
    //give me the first dead sprite
    var barrel = this.barrels.getFirstExists(false);

    if(!barrel) {
      barrel = this.barrels.create(0, 0, 'barrel');
    }

    barrel.body.collideWorldBounds = true;
    barrel.body.bounce.set(1, 0);

    barrel.reset(this.levelData.goal.x, this.levelData.goal.y);
    barrel.body.velocity.x = this.levelData.barrelSpeed;
  }

};



//initiate the Phaser framework
var game = new Phaser.Game(360, 592, Phaser.AUTO);

game.state.add('GameState', GameState);
game.state.start('GameState');