JSFiddle - React, Tailwind, and code Playground

by Ali Wains

JavaScript

Game.Level1 = function (game) { };

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

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

Game.Level1.prototype = {

    
    
    create: function () {
    
    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;
	
	var ledge2 = platforms.create(-150, 250, 'ground');
	ledge2.body.immovable = true;
	
	player = this.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:'16px', fill:'#000'});
	
	cursors = game.input.keyboard.createCursorKeys();
        
        
    },

    update: function () {
    
    game.physics.arcade.collide(player, platforms);
	game.physics.arcade.collide(stars, platforms);
	
	game.physics.arcade.overlap(player, stars, this.collectStars, null, this);
	
	player.body.velocity.x = 0;
	
	if (cursors.left.isDown)
	{
		player.body.velocity.x = -150;
		player.animations.play('left');
	}
	else if (cursors.right.isDown)
	{
		player.body.velocity.x =...