var config = { type: Phaser.CANVAS, width: 800, height: 600, backgroundColor: '#2d2d2d', parent: 'phaser-example', scene: { create: create, update: update } }; var text; var graphics; var hsv; var timerEvents = []; var game = new Phaser.Game(config); function create () { text = this.add.text(32, 32); for (var i = 0; i < 32; i++) { timerEvents.push(this.time.addEvent({ delay: Phaser.Math.Between(1000, 8000), loop: true })); } hsv = Phaser.Display.Color.HSVColorWheel(); graphics = this.add.graphics({ x: 240, y: 36 }); } function update () { var output = []; graphics.clear(); for (var i = 0; i < timerEvents.length; i++) { output.push('Event.progress: ' + timerEvents[i].getProgress().toString().substr(0, 4)); graphics.fillStyle(hsv[i * 8].color, 1); graphics.fillRect(0, i * 16, 500 * timerEvents[i].getProgress(), 8); } text.setText(output); }
Scan to open on your mobile device
var config = { type: Phaser.CANVAS, width: 800, height: 600, backgroundColor: '#2d2d2d', parent: 'phaser-example', scene: { create: create, update: update } }; var text; var graphics; var hsv; var timerEvents = []; var game = new Phaser.Game(config); function create () { text = this.add.text(32, 32); for (var i = 0; i < 32; i++) { timerEvents.push(this.time.addEvent({ delay: Phaser.Math.Between(1000, 8000), loop: true })); } hsv = Phaser.Display.Color.HSVColorWheel(); graphics = this.add.graphics({ x: 240, y: 36 }); } function update () { var output = []; graphics.clear(); for (var i = 0; i < timerEvents.length; i++) { output.push('Event.progress: ' + timerEvents[i].getProgress().toString().substr(0, 4)); graphics.fillStyle(hsv[i * 8].color, 1); graphics.fillRect(0, i * 16, 500 * timerEvents[i].getProgress(), 8); } text.setText(output); }