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: '#2d2d2d', 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.image('lemming', 'assets/sprites/lemming.png'); } function create () { var points = []; points.push(new Phaser.Math.Vector2(50, 400)); points.push(new Phaser.Math.Vector2(200, 200)); points.push(new Phaser.Math.Vector2(350, 300)); points.push(new Phaser.Math.Vector2(500, 500)); points.push(new Phaser.Math.Vector2(700, 400)); var curve = new Phaser.Curves.Spline(points); var graphics = this.add.graphics(); graphics.lineStyle(1, 0xffffff, 1); curve.draw(graphics, 64); graphics.fillStyle(0x00ff00, 1); for (var i = 0; i < points.length; i++) { graphics.fillCircle(points[i].x, points[i].y, 4); } var lemming = this.add.follower(curve, 50, 400, 'lemming'); lemming.startFollow({ duration: 6000, yoyo: true, repeat: -1, rotateToPath: true }); this.input.on('pointerdown', function () { if (lemming.isFollowing()) { lemming.pauseFollow(); } else { lemming.resumeFollow(); } }); }
var config = {
type: Phaser.AUTO,
width: 800,
height: 600,
backgroundColor: '#2d2d2d',
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.image('lemming', 'assets/sprites/lemming.png');
}
function create ()
{
var points = [];
points.push(new Phaser.Math.Vector2(50, 400));
points.push(new Phaser.Math.Vector2(200, 200));
points.push(new Phaser.Math.Vector2(350, 300));
points.push(new Phaser.Math.Vector2(500, 500));
points.push(new Phaser.Math.Vector2(700, 400));
var curve = new Phaser.Curves.Spline(points);
var graphics = this.add.graphics();
graphics.lineStyle(1, 0xffffff, 1);
curve.draw(graphics, 64);
graphics.fillStyle(0x00ff00, 1);
for (var i = 0; i < points.length; i++)
{
graphics.fillCircle(points[i].x, points[i].y, 4);
}
var lemming = this.add.follower(curve, 50, 400, 'lemming');
lemming.startFollow({
duration: 6000,
yoyo: true,
repeat: -1,
rotateToPath: true
});
this.input.on('pointerdown', function () {
if (lemming.isFollowing())
{
lemming.pauseFollow();
}
else
{
lemming.resumeFollow();
}
});
}