JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/phaser-ce/2.10.2/phaser.js"></script>
JavaScript
var game = new Phaser.Game(800, 600, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render:render});
var player;
var platforms;
var cursors;
var jumpButton;
function preload() {
game.stage.backgroundColor = '#000000';
game.load.baseURL = 'http://examples.phaser.io/assets/';
game.load.crossOrigin = 'anonymous';
game.load.spritesheet('button', 'buttons/button_sprite_sheet.png', 193, 71);
game.load.image('background','misc/starfield.jpg');
}
var button;
var background;
function create() {
game.stage.backgroundColor = '#182d3b';
background = game.add.tileSprite(0, 0, 800, 600, 'background');
cursors = game.input.keyboard.createCursorKeys();
button1 = game.add.button(200, 300, 'button', onUp, this, 2, 1, 0);
button2 = game.add.button(400, 300, 'button', onUp, this, 2, 1, 0);
}
function update() {
}
function onUp(button, pointer, isOver) {
if (isOver)
{
background.visible =! background.visible;
}
}
function render() {
game.debug.pointer(game.input.activePointer);
}