class Example extends Phaser.Scene { constructor () { super(); } preload () { this.load.setBaseURL('https://cdn.phaserfiles.com/v385'); this.load.image('block', 'assets/sprites/checkerboard.png'); } create () { const blocks = this.add.group({ key: 'block', repeat: 107 }); Phaser.Actions.GridAlign(blocks.getChildren(), { width: 12, height: 9, cellWidth: 64, cellHeight: 64 }); const a = [ 0, 90, 180, 270 ]; blocks.children.iterate(child => { child.angle = Phaser.Math.RND.pick(a); this.tweens.add({ targets: child, ease: 'Power1', duration: 250, delay: (Math.random() * 6000), repeatDelay: 3000 + (Math.random() * 6000), repeat: -1, angle: { getEnd: (target, key, value) => { var a = 90; if (Math.random() > 0.5) { a = 180; } if (Math.random() > 0.5) { return target.angle + a; } else { return target.angle - a; } }, getStart: (target, key, value) => { return target.angle; } } }); }); } } 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.setBaseURL('https://cdn.phaserfiles.com/v385'); this.load.image('block', 'assets/sprites/checkerboard.png'); } create () { const blocks = this.add.group({ key: 'block', repeat: 107 }); Phaser.Actions.GridAlign(blocks.getChildren(), { width: 12, height: 9, cellWidth: 64, cellHeight: 64 }); const a = [ 0, 90, 180, 270 ]; blocks.children.iterate(child => { child.angle = Phaser.Math.RND.pick(a); this.tweens.add({ targets: child, ease: 'Power1', duration: 250, delay: (Math.random() * 6000), repeatDelay: 3000 + (Math.random() * 6000), repeat: -1, angle: { getEnd: (target, key, value) => { var a = 90; if (Math.random() > 0.5) { a = 180; } if (Math.random() > 0.5) { return target.angle + a; } else { return target.angle - a; } }, getStart: (target, key, value) => { return target.angle; } } }); }); } } const config = { type: Phaser.AUTO, width: 800, height: 600, backgroundColor: '#2d2d2d', parent: 'phaser-example', scene: Example }; const game = new Phaser.Game(config);