/// /// (function () { var game = new Phaser.Game(this, 'game', 800, 600, init, create); function init() { game.load.image('starray', 'assets/pics/auto_scroll_landscape.png'); game.load.start(); } function create() { var zone = game.add.scrollZone('starray'); // Hide the default region (the full image) zone.currentRegion.visible = false; var y = 0; var speed = 16; // The image consists of 10px high scrolling layers, this creates them quickly (top = fastest, getting slower as we move down) for(var z = 0; z < 32; z++) { zone.addRegion(0, y, 640, 10, speed); if(z <= 15) { speed -= 1; } else { speed += 1; } if(z == 15) { y = 240; speed += 1; } else { y += 10; } } } })();