class Example extends Phaser.Scene { create () { const graphics = this.add.graphics(); this.tweens.addCounter({ from: 0, to: 30, duration: 200, yoyo: true, repeat: -1, onUpdate: function (tween) { const t = tween.getValue(); graphics.clear(); graphics.fillStyle(0xffff00, 1); graphics.slice(260, 300, 200, Phaser.Math.DegToRad(330 + t), Phaser.Math.DegToRad(30 - t), true); graphics.fillPath(); graphics.fillStyle(0x000000, 1); graphics.fillEllipse(260, 180, 30, 90); graphics.fillStyle(0xffffff, 1); graphics.fillCircle(580, 300, 30); graphics.fillCircle(740, 300, 30); } }); } } const config = { width: 800, height: 600, backgroundColor: '#010166', type: Phaser.AUTO, parent: 'phaser-example', scene: Example }; const game = new Phaser.Game(config);
Scan to open on your mobile device
class Example extends Phaser.Scene { create () { const graphics = this.add.graphics(); this.tweens.addCounter({ from: 0, to: 30, duration: 200, yoyo: true, repeat: -1, onUpdate: function (tween) { const t = tween.getValue(); graphics.clear(); graphics.fillStyle(0xffff00, 1); graphics.slice(260, 300, 200, Phaser.Math.DegToRad(330 + t), Phaser.Math.DegToRad(30 - t), true); graphics.fillPath(); graphics.fillStyle(0x000000, 1); graphics.fillEllipse(260, 180, 30, 90); graphics.fillStyle(0xffffff, 1); graphics.fillCircle(580, 300, 30); graphics.fillCircle(740, 300, 30); } }); } } const config = { width: 800, height: 600, backgroundColor: '#010166', type: Phaser.AUTO, parent: 'phaser-example', scene: Example }; const game = new Phaser.Game(config);