JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.jsdelivr.net/phaser/2.4.6/phaser.min.js"></script>
<div id="game">
</div>

JavaScript

var game = new Phaser.Game(400, 400, Phaser.AUTO, 'phaser-example', {create: create, update: update});
var guy;
var controls;
function create() {
	guy = game.add.graphics();
  guy.beginFill(0xFF0000,1);
  guy.drawRect(-10,-10,20,20);
  guy.x = 200; guy.y = 200;
  controls = {
    right: game.input.keyboard.addKey(Phaser.Keyboard.X),
    left: game.input.keyboard.addKey(Phaser.Keyboard.Z)
  }
}

function update() {
  if(controls.left.isDown){
    if (controls.left._justUp){
      game.add.tween(guy).to({x: '-46'}, 200, Phaser.Easing.Linear.None, true);
    }
  }
  else if(controls.right.isDown){
    if (controls.right._justUp) {
      game.add.tween(guy).to({x: '+46'}, 200, Phaser.Easing.Linear.None, true);
    }
  }
}