class Example extends Phaser.Scene { constructor() { super(); } preload() { this.load.image('block', 'assets/sprites/block.png'); } create() { var image = this.add.image(100, 100, 'block'); this.tweens.add({ targets: image, x: { value: 700, duration: 4000, ease: 'Power2', delay: 500 }, y: { value: 400, duration: 1500, ease: 'Bounce.easeOut' }, scaleX: { value: 1.5, duration: 2000, delay: 2000, yoyo: true }, scaleY: { value: 4, duration: 2000, delay: function (target, key, value, targetIndex) { return 1000 + Math.random() * 2000 }, yoyo: true }, delay: 1000 }); } } const config = { type: Phaser.AUTO, width: 800, height: 600, backgroundColor: '#2d2d2d', parent: 'phaser-example', scene: Example }; const game = new Phaser.Game(config);
Scan to open on your mobile device
class Example extends Phaser.Scene { constructor() { super(); } preload() { this.load.image('block', 'assets/sprites/block.png'); } create() { var image = this.add.image(100, 100, 'block'); this.tweens.add({ targets: image, x: { value: 700, duration: 4000, ease: 'Power2', delay: 500 }, y: { value: 400, duration: 1500, ease: 'Bounce.easeOut' }, scaleX: { value: 1.5, duration: 2000, delay: 2000, yoyo: true }, scaleY: { value: 4, duration: 2000, delay: function (target, key, value, targetIndex) { return 1000 + Math.random() * 2000 }, yoyo: true }, delay: 1000 }); } } const config = { type: Phaser.AUTO, width: 800, height: 600, backgroundColor: '#2d2d2d', parent: 'phaser-example', scene: Example }; const game = new Phaser.Game(config);