JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/phaser/2.6.0/phaser.js"></script>
<script>console.log(Phaser);</script>
:(

JavaScript

var width = 300;
var height = 300;
var game = new Phaser.Game(width, height, Phaser.AUTO, null, { create: create }, true, true);

function degreesToRadians(degrees) {
    return (degrees * Math.PI)/180;
}

function create() {
	var total = 3;

  for (var i = 0; i < total; i++) {
    var centerX = Math.floor(width / 2);
    var centerY = Math.floor(height / 2);
    var radius = Math.floor(width / 2);

    var deg = 360 / total;
    var start = degreesToRadians(i * deg);
    var end = degreesToRadians((i + 1) * deg);

    graphics = game.add.graphics()
    graphics.beginFill(0xFF0000 >> i*1000);
    graphics.lineStyle(2, 0x000000)
    graphics.arc(centerX, centerY, radius, start, end, true);
    graphics.endFill()
    game.stage.addChild(graphics);
  }
}