phaser/Tests/cameras/scrollfactor-compare.js

/// <reference path="../../Phaser/Game.ts" />
(function () {
    var game = new Phaser.Game(this, 'game', 800, 600, init, create, update, render);
    function init() {
        game.world.setSize(1280, 600, true);
        game.load.image('ground', 'assets/tests/ground-2x.png');
        game.load.image('river', 'assets/tests/river-2x.png');
        game.load.image('sky', 'assets/tests/sky-2x.png');
        game.load.image('cloud0', 'assets/tests/cloud-big-2x.png');
        game.load.image('cloud1', 'assets/tests/cloud-narrow-2x.png');
        game.load.image('cloud2', 'assets/tests/cloud-small-2x.png');
        game.load.start();
    }
    function create() {
        // background sky, which does not move at all
        game.add.sprite(0, 0, 'sky')
            .scrollFactor.setTo(0, 0);

        // clouds with different scroll factor which moves slower than camera
        game.add.sprite(200, 120, 'cloud0')
            .scrollFactor.setTo(0.3, 0.3);
        game.add.sprite(-60, 120, 'cloud1')
            .scrollFactor.setTo(0.5, 0.3);
        game.add.sprite(900, 170, 'cloud2')
            .scrollFactor.setTo(0.7, 0.3);

        // forground objects which moves equal or faster than camera
        game.add.sprite(0, 360, 'ground')
            .scrollFactor.setTo(0.5, 0.5);
        game.add.sprite(0, 400, 'river')
            .scrollFactor.setTo(1.3, 1.3);
    }
    function update() {
        if (game.input.keyboard.isDown(Phaser.Keyboard.LEFT)) {
            game.camera.scroll.x -= 3;
        }
        else if (game.input.keyboard.isDown(Phaser.Keyboard.RIGHT)) {
            game.camera.scroll.x += 3;
        }
    }
    function render() {
        // game.camera.renderDebugInfo(32, 32);
    }
})();