Build games as easily as you play them — join the Phaser Beam waitlist for Early Access.
class Example extends Phaser.Scene { preload () { this.load.setBaseURL('https://cdn.phaserfiles.com/v385'); this.load.image('robot', [ 'assets/pics/equality-by-ragnarok.png', 'assets/normal-maps/equality-by-ragnarok_n.png' ]); this.load.image('atari', 'assets/sprites/atari400.png'); } create () { // Enable lights and set a dark ambient color this.lights.enable().setAmbientColor(0x333333); // Add an image and set it to use Lights2D const robot = this.add.image(-100, 0, 'robot').setOrigin(0).setScale(0.7); robot.setPipeline('Light2D'); // Our spotlight. 100px radius and white in color. const light = this.lights.addLight(180, 80, 200).setColor(0xffffff).setIntensity(2); // Track the pointer this.input.on('pointermove', pointer => { light.x = pointer.x; light.y = pointer.y; }); } } const config = { type: Phaser.WEBGL, width: 800, height: 600, parent: 'phaser-example', scene: Example }; const game = new Phaser.Game(config);
class Example extends Phaser.Scene
{
preload ()
{
this.load.setBaseURL('https://cdn.phaserfiles.com/v385');
this.load.image('robot', [ 'assets/pics/equality-by-ragnarok.png', 'assets/normal-maps/equality-by-ragnarok_n.png' ]);
this.load.image('atari', 'assets/sprites/atari400.png');
}
create ()
{
// Enable lights and set a dark ambient color
this.lights.enable().setAmbientColor(0x333333);
// Add an image and set it to use Lights2D
const robot = this.add.image(-100, 0, 'robot').setOrigin(0).setScale(0.7);
robot.setPipeline('Light2D');
// Our spotlight. 100px radius and white in color.
const light = this.lights.addLight(180, 80, 200).setColor(0xffffff).setIntensity(2);
// Track the pointer
this.input.on('pointermove', pointer =>
{
light.x = pointer.x;
light.y = pointer.y;
});
}
}
const config = {
type: Phaser.WEBGL,
width: 800,
height: 600,
parent: 'phaser-example',
scene: Example
};
const game = new Phaser.Game(config);