class Example extends Phaser.Scene { preload () { this.load.setBaseURL('https://cdn.phaserfiles.com/v385'); this.load.image('metal', 'assets/textures/alien-metal.jpg'); this.load.image('bunny', 'assets/sprites/bunny.png'); } create () { const graphics = this.add.graphics(); graphics.fillStyle(0x00ff00, 1); graphics.beginPath(); graphics.arc(200, 300, 100, Phaser.Math.DegToRad(0), Phaser.Math.DegToRad(280), false, 0.01); graphics.fillPath(); graphics.closePath(); graphics.beginPath(); graphics.arc(400, 300, 100, Phaser.Math.DegToRad(0), Phaser.Math.DegToRad(280), true, 0.01); graphics.fillPath(); graphics.closePath(); } } const config = { width: 800, height: 600, type: Phaser.WEBGL, parent: 'phaser-example', scene: Example }; const game = new Phaser.Game(config);
Scan to open on your mobile device
class Example extends Phaser.Scene { preload () { this.load.setBaseURL('https://cdn.phaserfiles.com/v385'); this.load.image('metal', 'assets/textures/alien-metal.jpg'); this.load.image('bunny', 'assets/sprites/bunny.png'); } create () { const graphics = this.add.graphics(); graphics.fillStyle(0x00ff00, 1); graphics.beginPath(); graphics.arc(200, 300, 100, Phaser.Math.DegToRad(0), Phaser.Math.DegToRad(280), false, 0.01); graphics.fillPath(); graphics.closePath(); graphics.beginPath(); graphics.arc(400, 300, 100, Phaser.Math.DegToRad(0), Phaser.Math.DegToRad(280), true, 0.01); graphics.fillPath(); graphics.closePath(); } } const config = { width: 800, height: 600, type: Phaser.WEBGL, parent: 'phaser-example', scene: Example }; const game = new Phaser.Game(config);