Build games as easily as you play them — join the Phaser Beam waitlist for Early Access.
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 }); } }
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
});
}
}