JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/phaser/2.3.0/phaser.js"></script>
<!DOCTYPE html>
<html>
    
<head>
  <meta charset="utf-8" />


  <style>
    #game_div {
      width: 500px;
      margin: auto;
      margin-top: 50px;
    }
  </style>
  <script type="text/javascript" src="phaser.js"></script>
  <script type="text/javascript" src="main.js"></script>

</head>

<body>

  <div id="game_div"> </div>

</body>

</html>

JavaScript

var game = new Phaser.Game(640, 480, Phaser.AUTO, '', { preload: preload, create: create, update: update });
var x;
var y;
var oldx;
function preload() {
    x = 0;
    y = 10;
    oldx = 0;
    
}

function create() {
    
}

function update() {
    oldx = x;
    x=x+1;
    y=y+1
    var graphics = game.add.graphics(game.world.centerX, game.world.centerY);
    graphics.lineStyle(1, 0xffd900);
    graphics.arc(0, 0, 135, game.math.degToRad(x), game.math.degToRad(oldx+y), false);

}