JSFiddle - React, Tailwind, and code Playground

by adamholdenyall

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/phaser/2.0.2/phaser.min.js"></script>
<button id="pauseButton"></button>

JavaScript

var game = new Phaser.Game(480, 360, Phaser.AUTO, '', {
    preload: preload,
    create: create,
    update: update,
    render: render
});

function preload() {
    game.load.crossOrigin = true;
    game.load.image('sky', 'http://i.imgur.com/826zH6I.png');
    game.load.image('diamond', 'http://i.imgur.com/CE723hP.png');
    game.load.image('firstaid', 'http://i.imgur.com/bIgeKWU.png');
    game.load.image('platform', 'http://i.imgur.com/32sy3D0.png');
    game.load.image('star', 'http://i.imgur.com/ug1kygP.png');
    game.load.spritesheet('baddie', 'http://i.imgur.com/8R5CIO7.png', 32, 32);
    game.load.spritesheet('dude', 'http://i.imgur.com/70VF89Q.png', 32, 48);
    game.onPause.add(onPause);
    game.onResume.add(onResume);
}

function create() {
    sky = game.add.sprite(0, 0, 'sky');
    diamond = game.add.sprite(32, 32, 'diamond');
    firstaid = game.add.sprite(96, 32, 'firstaid');
    star = game.add.sprite(160, 32, 'star');
    platform = game.add.sprite(32, 96, 'platform');
    player = game.add.sprite(204, 32, 'dude');
    player.animations.add('left', [0, 1, 2, 3], 10, true);
    player.animations.add('right', [5, 6, 7, 8], 10, true);
    player.animations.currentFrame = 4;
    player.animations.play('right');
    baddie = game.add.sprite(268, 32, 'baddie');
    baddie.animations.add('left', [0, 1], 10, true);
    baddie.animations.add('right', [2, 3], 10, true);
    baddie.animations.currentFrame = 0;
    baddie.animations.play('right');
    text = game.add.text(32, 160, 'Text', { fill: '#ffffff' });        
    key1 = game.input.keyboard.addKey(Phaser.Keyboard.ONE);
    key1.onDown.add(function(){console.log("one")}, this);
}

function update() {
    
}

function render() {

}

function onPause(){
    key1.onDown.removeAll();
    key1.onDown.dispose();
    game.input.reset(true);
    game.input.keyboard.destroy();
    game.input.destroy();
    game.destroy();
}

function onResume(){
    
}

$(function () {
   ...