Build games as easily as you play them — join the Phaser Beam waitlist for Early Access.
class Example extends Phaser.Scene { create () { const startPoint = new Phaser.Math.Vector2(0, 300); const controlPoint1 = new Phaser.Math.Vector2(100, 100); const controlPoint2 = new Phaser.Math.Vector2(200, 100); const endPoint = new Phaser.Math.Vector2(300, 300); const curve = new Phaser.Curves.CubicBezier(startPoint, controlPoint1, controlPoint2, endPoint); const r = this.add.curve(400, 300, curve, 0x00aa00); r.setStrokeStyle(4, 0xff0000); // r.setAlpha(0.5); // r.setAngle(20); // r.setOrigin(1); this.input.on('pointermove', pointer => { r.x = pointer.x; r.y = pointer.y; }); } } const config = { type: Phaser.WEBGL, parent: 'phaser-example', width: 800, height: 600, scene: Example }; const game = new Phaser.Game(config);
class Example extends Phaser.Scene
{
create ()
{
const startPoint = new Phaser.Math.Vector2(0, 300);
const controlPoint1 = new Phaser.Math.Vector2(100, 100);
const controlPoint2 = new Phaser.Math.Vector2(200, 100);
const endPoint = new Phaser.Math.Vector2(300, 300);
const curve = new Phaser.Curves.CubicBezier(startPoint, controlPoint1, controlPoint2, endPoint);
const r = this.add.curve(400, 300, curve, 0x00aa00);
r.setStrokeStyle(4, 0xff0000);
// r.setAlpha(0.5);
// r.setAngle(20);
// r.setOrigin(1);
this.input.on('pointermove', pointer =>
{
r.x = pointer.x;
r.y = pointer.y;
});
}
}
const config = {
type: Phaser.WEBGL,
parent: 'phaser-example',
width: 800,
height: 600,
scene: Example
};
const game = new Phaser.Game(config);