game.js

var SPEED = 180;
var GRAVITY = 1200;
var JUMP = 580;
var ASSET_VERSION = (new Date()).getTime();
var BASE_PATH = '';

var state = {
    preload: function() {
        this.load.spritesheet("player",BASE_PATH + 'assets/tile-santa.png?' + ASSET_VERSION, 48, 48);
        this.load.image("background.0", BASE_PATH + "assets/background.png?" + ASSET_VERSION, 1600, 200);
        this.load.image("background.1", BASE_PATH + "assets/background-1.png?" + ASSET_VERSION, 1600, 200);
        this.load.image("background.2", BASE_PATH + "assets/background-2.png?" + ASSET_VERSION, 1600, 200);
        this.load.image("background.3", BASE_PATH + "assets/background-3.png?" + ASSET_VERSION, 1600, 200);
        this.load.image("floor", BASE_PATH + "assets/floor.png?" + ASSET_VERSION, 800, 8);
        this.load.image("chimney", BASE_PATH + "assets/chimney.png?" + ASSET_VERSION, 24, 96);
    },
    create: function() {
        this.game.physics.startSystem(Phaser.Physics.ARCADE);

        this.background0 = this.add.tileSprite(0, 0, this.world.width, this.world.height, 'background.0');
        this.background1 = this.add.tileSprite(0, 0, this.world.width, this.world.height, 'background.1');
        this.background2 = this.add.tileSprite(0, 0, this.world.width, this.world.height, 'background.2');
        this.background3 = this.add.tileSprite(0, 0, this.world.width, this.world.height, 'background.3');

        this.floor = this.add.sprite(0, this.world.height - 8, 'floor');
        this.game.physics.enable(this.floor);
        this.floor.body.immovable = true;

        this.player = this.add.sprite(100, 0, 'player');
        this.player.animations.add('run', [0, 1, 2, 3, 4, 5, 6, 7], 20, true);
        this.player.animations.add('jump', [8], 1, false);
        this.player.animations.add('broken', [9], 1, false);

        this.player.animations.play('run');

        this.game.physics.enable(this.player);
        this.player.body.gravity.y = GRAVITY;

        this.chimneys = this.add.group();

        
        this.hints = this.add.group();

        this.scoreText = this.add.text(
            this.world.width / 2,
            this.world.height / 3,
            "",
            {
                fill: '#ffdd00',
                align: 'center'
            }
        );
        this.scoreText.anchor.setTo(0.5, 0.5);
        this.scoreText.fontSize = 20;

        this.reset();
    },
    update: function() {
        this.game.physics.arcade.collide(this.player, this.floor);
        this.game.physics.arcade.collide(this.chimneys, this.floor);
        this.game.physics.arcade.overlap(this.player, this.chimneys, this.killByChimney, null, this);

        var obj = this;
        this.chimneys.forEachAlive(function(chimney) {
            if(chimney.body.right < 0) {
              chimney.kill();
              obj.spawnChimney();
            } 
        });

        if(this.game.input.keyboard.isDown(Phaser.Keyboard.UP) 
            || this.game.input.activePointer.isDown
        ) {
            if(!this.gameStarted) {
                this.start();
            } else if(this.gameOver) {
                this.reset();
            } else {
                if(this.player.body.touching.down)
                    this.player.body.velocity.y = -650;
            }
        }

        if(this.gameStarted && !this.gameOver)
            this.addScore(Math.round(this.time.physicsElapsed * 100));

        if(!this.gameOver) {
            this.background0.tilePosition.x -= this.time.physicsElapsed * SPEED / 8;
            this.background1.tilePosition.x -= this.time.physicsElapsed * SPEED / 5;
            this.background2.tilePosition.x -= this.time.physicsElapsed * SPEED / 3;
            this.background3.tilePosition.x -= this.time.physicsElapsed * SPEED / 1;
            if(!this.player.body.touching.down)
                this.player.animations.play('jump');
            else
                this.player.animations.play('run');
        } else this.player.animations.play('broken');
    },

    start: function() {
        this.scoreText.setText("SCORE: "+this.score);
        this.gameStarted = true;
        this.spawnChimney();
    },
    reset: function() {
        this.gameStarted = false;
        this.gameOver = false;
        this.score = 0;
        this.scoreText.setText("TOUCH TO\nSTART GAME");

        this.chimneys.forEachAlive(function(chimney) {
            chimney.kill();
        });
    },

    spawnChimney: function() {
        var chimney = this.chimneys.create(
            this.game.width - 24,
            this.floor.body.top - 96,
            'chimney'
        );

        this.game.physics.arcade.enable(chimney);
        chimney.body.velocity.x = -200;
    },
    killByChimney: function(player, chimney) {
        chimney.body.velocity.x = 0;
        this.setGameOver();
    },

    addScore: function(addWhat) {
        this.score += addWhat;
        this.scoreText.setText("SCORE: " + this.score);  
    },
    showHint: function(focusOn, text) {
        var hint = this.game.add.text(
            focusOn.x,
            focusOn.y,
            text,
            {
                fill: '#ffdd00',
                align: 'center'
            }
        );
        hint.anchor.setTo(0.5, 0.5);
        hint.fontSize = 20;

        var move = this.game.add.tween(hint);
        move.to({ y: hint.y - 100, x: hint.x - 100 * Math.random() + 50}, 1000);
        move.onComplete.add(function() { hint.kill() }, this);
        move.start();

    },
    setGameOver: function() {
        this.timeOver = this.game.time.now;
        this.gameOver = true;

        this.scoreText.setText("FINAL SCORE: " + this.score +"\nTOUCH TO TRY AGAIN");
    }

};

var game = new Phaser.Game(
    800,
    200,
    Phaser.CANVAS,
    document.querySelector('#screen'),
    state
);