JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://github.com/photonstorm/phaser/releases/download/v2.3.0/phaser.min.js"></script>
<div id="gameDiv"></div>

JavaScript

var mainstate = {

	preload: function() {
		game.time.advancedTiming = true;
	},
	
	create: function() {
        this.world.setBounds(0, 0, 800, 600);   
        this.camera.x = 0;
        this.camera.y = 0;
        
        this.bmd0 = this.add.bitmapData(800, 300);
	    this.bmd0.ctx.beginPath();
	    this.bmd0.ctx.rect(0, 0, 800, 300);
	    this.bmd0.ctx.fillStyle = '#B365D4';
	    this.bmd0.ctx.fill();
        this.bmd0.addToWorld(0, 0);
        
        this.bmd1 = this.add.bitmapData(800, 300);
	    this.bmd1.ctx.beginPath();
	    this.bmd1.ctx.rect(0, 0, 800, 300);
	    this.bmd1.ctx.fillStyle = '#F56E8B';
	    this.bmd1.ctx.fill();
        this.bmd1.addToWorld(0, 300);
        
        this.tt = this.add.graphics(100, 100);
        this.tt.lineStyle(1, 0xffd900);
        this.tt.drawCircle(0, 0, 10 * 2 * Math.PI);
        this.tt.fixedToCamera = true;
        this.ttt = 5;
	},

	update: function() {
        this.tt.cameraOffset.x = 100 + this.ttt++;
        this.camera.y += 1;
	},
	
	render: function() {
		game.debug.text(game.time.fps || '--', 2, 14, "#00ff00");  
	}
	
};

var game = new Phaser.Game(400, 300, Phaser.AUTO, 'gameDiv');

game.state.add('main', mainstate);
game.state.start('main');