JSFiddle - React, Tailwind, and code Playground

by Ali Wains

JavaScript

var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create, update: update});

function preload() {
	game.load.image('sky', 'assets/sky.png');
	game.load.image('ground', 'assets/platform.png');
	game.load.image('star', 'assets/star.png');
	game.load.spritesheet('dude', 'assets/dude.png', 32, 48);
	game.load.image('DE', 'assets/DE.png');
	game.load.image('bullet', 'assets/bullet.png');
}

var player;
var platforms;
var cursors;
var gun;
var character;

var stars;
var score = 0;
var scoreText;
var creditText;

function create() {

	game.physics.startSystem(Phaser.Physics.ARCADE);
	
	game.add.sprite(0 ,0, 'sky');
	
	
	
	platforms = game.add.group();
	platforms.enableBody = true;

    var ground = platforms.create(0, game.world.height - 64, 'ground');
	ground.scale.setTo(2, 2);
	ground.body.immovable = true;
	
	var ledge = platforms.create(400, 400, 'ground');
	ledge.body.immovable = true;
	
	ledge = platforms.create(-150, 250, 'ground');
	ledge.body.immovable = true;
	
	player = game.add.sprite(32, game.world.height - 150, 'dude');

	
	game.physics.arcade.enable(player);

	player.body.bounce.y = 0.2;
	player.body.gravity.y = 300;
	player.body.collideWorldBounds = true;

	player.animations.add('left', [0, 1, 2, 3], 10, true);
	player.animations.add('right', [5, 6, 7, 8], 10, true);

    gun = game.add.sprite(player.x + 45, player.y + 55, 'DE');
	gun.anchor.set(0.5);
	


	stars = game.add.group();
	stars.enableBody = true;

	for (var i = 0; i < 12; i++)
	{
	var star = stars.create(i * 70, 0, 'star');
		
	star.body.gravity.y = 300;
	star.body.bounce.y = 0.7 + Math.random() * 0.2;
	}
	
	scoreText = game.add.text(16,16, 'score: 0', { fontSize: '32px', fill:'#000' });
	creditText = game.add.text(400, 16, 'A game by Ali Malik', {fontSize:'32px', fill:'#000'});
	
	cursors = game.input.keyboard.createCursorKeys();


}

function update() {

	game.physics.arcade.collide(player, platforms);
	game.physics.arcade.collide(stars,...