var config = { type: Phaser.AUTO, width: 800, height: 600, backgroundColor: '#000000', parent: 'phaser-example', scene: { preload: preload, create: create } }; var game = new Phaser.Game(config); function preload () { this.load.setBaseURL('https://cdn.phaserfiles.com/v355'); this.load.json('waves', 'assets/paths/waves.json'); this.load.image('ship', 'assets/sprites/bsquadron1.png'); } function create () { var path = new Phaser.Curves.Path(this.cache.json.get('waves')); var graphics = this.add.graphics().lineStyle(1, 0x2d2d2d, 1); path.draw(graphics); for (var i = 0; i < 20; i++) { var follower = this.add.follower(path, 0, 0, 'ship'); follower.startFollow({ duration: 5000, positionOnPath: true, repeat: -1, ease: 'Linear', delay: i * 70 }); } }
Scan to open on your mobile device
var config = { type: Phaser.AUTO, width: 800, height: 600, backgroundColor: '#000000', parent: 'phaser-example', scene: { preload: preload, create: create } }; var game = new Phaser.Game(config); function preload () { this.load.setBaseURL('https://cdn.phaserfiles.com/v355'); this.load.json('waves', 'assets/paths/waves.json'); this.load.image('ship', 'assets/sprites/bsquadron1.png'); } function create () { var path = new Phaser.Curves.Path(this.cache.json.get('waves')); var graphics = this.add.graphics().lineStyle(1, 0x2d2d2d, 1); path.draw(graphics); for (var i = 0; i < 20; i++) { var follower = this.add.follower(path, 0, 0, 'ship'); follower.startFollow({ duration: 5000, positionOnPath: true, repeat: -1, ease: 'Linear', delay: i * 70 }); } }