class StartScreen extends Phaser.Scene { constructor() { super({ key: 'StartScreen' }); } preload() { this.load.image('background', 'https://play.rosebud.ai/assets/simple outer space background.png?tnth'); this.load.image('player', 'https://play.rosebud.ai/assets/ufo space pod.png?nG3t'); } create() { // Add background this.add.image(this.sys.game.config.width / 2, this.sys.game.config.height / 2, 'background').setDisplaySize(this.sys.game.config.width, this.sys.game.config.height); // Add game title const titleText = this.add.text(this.sys.game.config.width / 2, 200, 'Planetary Defense', { fontFamily: 'Arial', fontSize: '64px', fill: '#ffffff' }).setOrigin(0.5); // Add start button const startButton = this.add.text(this.sys.game.config.width / 2, 400, 'Start Game', { fontFamily: 'Arial', fontSize: '32px', fill: '#ffffff' }).setOrigin(0.5); startButton.setInteractive({ useHandCursor: true }); startButton.on('pointerover', () => startButton.setStyle({ fill: '#ff0' })); startButton.on('pointerout', () => startButton.setStyle({ fill: '#ffffff' })); startButton.on('pointerdown', () => this.scene.start('Main')); // Add player sprite this.add.image(this.sys.game.config.width / 2, 600, 'player').setDisplaySize(128, 64); } } class Asteroid { constructor(scene, x, y, texture) { this.scene = scene; this.sprite = scene.physics.add.sprite(x, y, texture).setDisplaySize(32, 32); this.sprite.body.setImmovable(true); this.angle = 0; this.speed = 160; this.isDeflected = false; this.isAffectedByGravity = false; this.turnRate = 0.02; this.turnDirection = 1; this.hasEnteredScreen = false; this.hasExitedScreen = false; this.scene.asteroids.forEach(otherAsteroid => { if (otherAsteroid !== this) { this.scene.physics.add.overlap(this.sprite, otherAsteroid.sprite, this.handleAsteroidCollision, null, this); } }); this.scene.planets.forEach(planet => { this.scene.physics.add.overlap(this.sprite, planet.sprite, this.handlePlanetCollision, null, this); }); } update() { if (this.isDeflected) return; this.checkGravityEffect(); this.checkEnterScreen(); this.checkExitScreen(); if (this.isAffectedByGravity) { this.angle += this.turnRate * this.turnDirection; } this.move(); } handleAsteroidCollision(asteroidSprite, otherAsteroidSprite) { if (this.isDeflected) return; const otherAsteroid = this.scene.asteroids.find(asteroid => asteroid.sprite === otherAsteroidSprite); if (otherAsteroid && !otherAsteroid.isDeflected) { this.isDeflected = true; otherAsteroid.isDeflected = true; console.log('Asteroid collision detected: Both asteroids are deflected'); this.scene.createExplosion(this.sprite.x, this.sprite.y); } } handlePlanetCollision(asteroidSprite, planetSprite) { if (this.isDeflected) return; this.isDeflected = true; const planet = this.scene.planets.find(p => p.sprite === planetSprite); if (planet) { planet.takeDamage(1); } console.log('Planet collision detected: Asteroid is deflected'); this.scene.createExplosion(this.sprite.x, this.sprite.y); } move() { this.sprite.setVelocity( Math.cos(this.angle) * this.speed, Math.sin(this.angle) * this.speed ); } checkGravityEffect() { if (this.isDeflected) return; const player = this.scene.player; const distance = Phaser.Math.Distance.Between( this.sprite.x, this.sprite.y, player.sprite.x, player.sprite.y ); const isInRange = distance <= player.gravityRange / 2; if (isInRange && player.isEmittingGravity) { if (!this.isAffectedByGravity) { this.isAffectedByGravity = true; const targetAngle = Phaser.Math.Angle.Between( this.sprite.x, this.sprite.y, player.sprite.x, player.sprite.y ); const deltaAngle = Phaser.Math.Angle.Wrap(targetAngle - this.angle); this.turnDirection = deltaAngle >= 0 ? 1 : -1; console.log('Asteroid is affected by gravity'); } } else { if (this.isAffectedByGravity) { this.isAffectedByGravity = false; console.log('Asteroid is not affected by gravity'); } } } checkEnterScreen() { const halfWidth = this.sprite.displayWidth / 2; const halfHeight = this.sprite.displayHeight / 2; if (!this.hasEnteredScreen) { if (this.sprite.x > halfWidth && this.sprite.x < this.scene.sys.game.config.width - halfWidth && this.sprite.y > halfHeight && this.sprite.y < this.scene.sys.game.config.height - halfHeight) { this.hasEnteredScreen = true; console.log('Asteroid has entered the screen'); } } } checkExitScreen() { const halfWidth = this.sprite.displayWidth / 2; const halfHeight = this.sprite.displayHeight / 2; if (this.hasEnteredScreen && !this.hasExitedScreen) { if (this.sprite.x < -halfWidth || this.sprite.x > this.scene.sys.game.config.width + halfWidth || this.sprite.y < -halfHeight || this.sprite.y > this.scene.sys.game.config.height + halfHeight) { this.hasExitedScreen = true; this.isDeflected = true; this.scene.player.score += 1; console.log(`Asteroid count: ${this.scene.asteroids.length}`); } } } } class Player { constructor(scene, x, y, texture) { this.scene = scene; this.sprite = scene.add.sprite(x, y, texture).setDisplaySize(64, 32).setDepth(1); this.speed = 220; this.isEmittingGravity = false; this.gravityRange = 250; this.lives = 5; this.outOfLives = false; this.score = 0; this.gravityField = scene.add.sprite(x, y, 'gravity').setDisplaySize(this.gravityRange, this.gravityRange); this.gravityField.setAlpha(0.7); this.gravityField.setVisible(false); scene.input.on('pointermove', this.handleMouseMove, this); scene.input.on('pointerdown', this.handleMouseDown, this); scene.input.on('pointerup', this.handleMouseUp, this); } handleMouseMove(pointer) { const targetX = Phaser.Math.Clamp(pointer.x, 16, this.scene.sys.game.config.width - 16); const targetY = Phaser.Math.Clamp(pointer.y, 16, this.scene.sys.game.config.height - 16); this.sprite.setPosition(targetX, targetY); this.gravityField.setPosition(targetX, targetY); } handleMouseDown() { this.isEmittingGravity = true; this.gravityField.setVisible(true); console.log("Gravity field activated"); } handleMouseUp() { this.isEmittingGravity = false; this.gravityField.setVisible(false); console.log("Gravity field deactivated"); } reduceLife() { if(this.outOfLives) return; if (this.lives > 0) { this.lives -= 1; console.log(`Player lives: ${this.lives}`); } if (this.lives === 0) { this.outOfLives = true; console.log("Player is out of lives"); } } update() { // No need for move() method as movement is handled by mouse } reset() { this.sprite.setPosition(this.scene.sys.game.config.width / 2, this.scene.sys.game.config.height / 2); this.lives = 5; this.score = 0; this.outOfLives = false; this.isEmittingGravity = false; console.log('Player reset to center with full lives'); } } class Planet { constructor(scene, x, y, texture) { this.scene = scene; this.sprite = scene.physics.add.sprite(x, y, texture).setDisplaySize(64, 64); this.sprite.body.setImmovable(true); this.maxHealth = 5; this.health = this.maxHealth; this.healthCircle = scene.add.graphics(); this.updateHealthCircle(); this.isDestroyed = false; this.shieldActive = false; this.shieldSprite = scene.add.sprite(x, y, 'shield').setDisplaySize(80, 80); this.shieldSprite.setVisible(false); this.shieldSprite.setAlpha(0.5); // Set shield transparency to 50% // Create healing particle emitter this.healingEmitter = scene.add.particles(0, 0, 'sparkle').createEmitter({ lifespan: 1000, speed: { min: 50, max: 100 }, scale: { start: 0.5, end: 0 }, blendMode: 'ADD', on: false }); } takeDamage(amount) { if (this.shieldActive) { console.log('Shield absorbed damage'); this.deactivateShield(); return; } this.health = Math.max(0, this.health - amount); this.updateHealthCircle(); if (this.health <= 0 && !this.isDestroyed) { this.isDestroyed = true; this.sprite.setTexture('destroyedPlanet'); this.healthCircle.setVisible(false); this.scene.createMultipleExplosions(this.sprite.x, this.sprite.y, 5); this.scene.checkGameOver(); console.log('Planet destroyed'); } } heal(amount) { if (this.isDestroyed) return; this.health = Math.min(this.maxHealth, this.health + amount); this.updateHealthCircle(); this.createHealingEffect(); console.log(`Planet healed. New health: ${this.health}`); } createHealingEffect() { this.healingEmitter.setPosition(this.sprite.x, this.sprite.y); this.healingEmitter.explode(20); // Set a timer to stop the emitter after 1 second this.scene.time.delayedCall(1000, () => { this.healingEmitter.on = false; }); } activateShield() { if (this.isDestroyed) return; this.shieldActive = true; this.shieldSprite.setVisible(true); this.scene.shieldSound.play(); console.log('Shield activated'); } deactivateShield() { this.shieldActive = false; this.shieldSprite.setVisible(false); console.log('Shield deactivated'); } updateHealthCircle() { this.healthCircle.clear(); const x = this.sprite.x; const y = this.sprite.y; const radius = this.sprite.displayWidth / 2 + 5; const thickness = 3; const alpha = 0.8; const startAngle = 0; const endAngle = (this.health / this.maxHealth) * Math.PI * 2; // Determine color based on health percentage let color; const healthPercentage = this.health / this.maxHealth; if (healthPercentage > 0.6) { color = 0x00ff00; // Green } else if (healthPercentage > 0.3) { color = 0xffff00; // Yellow } else { color = 0xff0000; // Red } this.healthCircle.lineStyle(thickness, color, alpha); this.healthCircle.beginPath(); this.healthCircle.arc(x, y, radius, startAngle, endAngle, false); this.healthCircle.strokePath(); } reset() { this.health = this.maxHealth; this.isDestroyed = false; this.sprite.setTexture('planet'); this.sprite.setVisible(true); this.healthCircle.setVisible(true); this.updateHealthCircle(); this.deactivateShield(); this.healingEmitter.on = false; } } class Item { constructor(scene, x, y, texture, type) { this.scene = scene; this.sprite = scene.physics.add.sprite(x, y, texture).setDisplaySize(24, 24); this.type = type; // 'health' or 'shield' this.speed = 100; this.angle = 0; this.isDeflected = false; this.isAffectedByGravity = false; this.turnRate = 0.02; this.turnDirection = 1; this.hasEnteredScreen = false; this.hasExitedScreen = false; this.isDestroyed = false; this.scene.physics.add.overlap(this.sprite, this.scene.player.sprite, this.handlePlayerCollision, null, this); this.scene.planets.forEach(planet => { this.scene.physics.add.overlap(this.sprite, planet.sprite, this.handlePlanetCollision, null, this); }); } update() { if (this.isDestroyed) return; this.checkGravityEffect(); this.checkEnterScreen(); this.checkExitScreen(); if (this.isAffectedByGravity) { this.angle += this.turnRate * this.turnDirection; } this.move(); } move() { if (this.isDestroyed) return; this.sprite.setVelocity( Math.cos(this.angle) * this.speed, Math.sin(this.angle) * this.speed ); } handlePlayerCollision(itemSprite, playerSprite) { if (this.isDeflected || this.isDestroyed) return; this.isDeflected = true; this.angle = Phaser.Math.Angle.Between( this.sprite.x, this.sprite.y, playerSprite.x, playerSprite.y ) + Math.PI; console.log(`Player deflected ${this.type} item`); } handlePlanetCollision(itemSprite, planetSprite) { if (this.isDestroyed) return; const planet = this.scene.planets.find(p => p.sprite === planetSprite); if (planet) { if (this.type === 'health') { planet.heal(1); this.scene.healingSound.play(); } else if (this.type === 'shield') { planet.activateShield(); } } this.destroy(); console.log(`Item ${this.type} applied to planet`); } checkGravityEffect() { if (this.isDestroyed) return; const player = this.scene.player; const distance = Phaser.Math.Distance.Between( this.sprite.x, this.sprite.y, player.sprite.x, player.sprite.y ); const isInRange = distance <= player.gravityRange / 2; if (isInRange && player.isEmittingGravity) { if (!this.isAffectedByGravity) { this.isAffectedByGravity = true; const targetAngle = Phaser.Math.Angle.Between( this.sprite.x, this.sprite.y, player.sprite.x, player.sprite.y ); const deltaAngle = Phaser.Math.Angle.Wrap(targetAngle - this.angle); this.turnDirection = deltaAngle >= 0 ? 1 : -1; console.log('Item is affected by gravity'); } } else { if (this.isAffectedByGravity) { this.isAffectedByGravity = false; console.log('Item is not affected by gravity'); } } } checkEnterScreen() { if (this.isDestroyed) return; const halfWidth = this.sprite.displayWidth / 2; const halfHeight = this.sprite.displayHeight / 2; if (!this.hasEnteredScreen) { if (this.sprite.x > halfWidth && this.sprite.x < this.scene.sys.game.config.width - halfWidth && this.sprite.y > halfHeight && this.sprite.y < this.scene.sys.game.config.height - halfHeight) { this.hasEnteredScreen = true; console.log('Item has entered the screen'); } } } checkExitScreen() { if (this.isDestroyed) return; const halfWidth = this.sprite.displayWidth / 2; const halfHeight = this.sprite.displayHeight / 2; if (this.hasEnteredScreen && !this.hasExitedScreen) { if (this.sprite.x < -halfWidth || this.sprite.x > this.scene.sys.game.config.width + halfWidth || this.sprite.y < -halfHeight || this.sprite.y > this.scene.sys.game.config.height + halfHeight) { this.hasExitedScreen = true; this.destroy(); console.log(`Item exited the screen`); } } } destroy() { if (this.isDestroyed) return; this.isDestroyed = true; if (this.sprite) { this.sprite.destroy(); } const index = this.scene.items.indexOf(this); if (index > -1) { this.scene.items.splice(index, 1); } console.log(`Item destroyed`); } } class Main extends Phaser.Scene { constructor () { super({ key: 'Main' }); this.asteroidSpawnInterval = 4500; this.itemSpawnInterval = 10000; this.asteroidSpawnEvent = null; this.itemSpawnEvent = null; this.asteroids = []; this.planets = []; this.items = []; this.livesText = null; this.scoreText = null; this.restartText = null; this.blackScreen = null; this.pendingRestart = false; this.gameTime = 0; this.difficultyIncreaseInterval = 30000; // 30 seconds this.minAsteroidSpawnInterval = 1000; // Minimum spawn interval } preload () { this.load.image('background', 'https://play.rosebud.ai/assets/simple outer space background.png?tnth'); this.load.image('planet', 'https://play.rosebud.ai/assets/earth-like planet.png?ApaV'); this.load.image('destroyedPlanet', 'https://play.rosebud.ai/assets/destroyed earth-like planet.png?2dzr'); this.load.image('asteroid', 'https://play.rosebud.ai/assets/a rocky asteroid.png?M5iz'); this.load.image('player', 'https://play.rosebud.ai/assets/ufo space pod.png?nG3t'); this.load.image('gravity', 'https://play.rosebud.ai/assets/eclipse black hole.png?D1Ms'); this.load.image('healthItem', 'https://play.rosebud.ai/assets/A glowing health pack with a red cross symbol.png?lDjP'); this.load.image('shieldItem', 'https://play.rosebud.ai/assets/A shimmering blue shield power-up.png?6uqZ'); this.load.image('shield', 'https://play.rosebud.ai/assets/plasma sphere.png?Jy3L'); this.load.image('explosion', 'https://play.rosebud.ai/assets/explosion in space.png?3rsL'); this.load.audio('explosionSound', 'https://play.rosebud.ai/assets/sfxr explosion.wav?qPq5'); this.load.audio('shieldSound', 'https://play.rosebud.ai/assets/shields.wav?2ba3'); this.load.image('sparkle', 'https://play.rosebud.ai/assets/sparkle.png?QCfd'); this.load.audio('healingSound', 'https://play.rosebud.ai/assets/sfxr health sound 2.wav?pCBB'); } create () { // Add background this.add.image(this.sys.game.config.width / 2, this.sys.game.config.height / 2, 'background').setDisplaySize(this.sys.game.config.width, this.sys.game.config.height); this.player = new Player(this, 600, 300, 'player'); this.createPlanets(); this.spawnAsteroid(); this.createAsteroidSpawnEvent(); this.createItemSpawnEvent(); this.createHUD(); this.createRestartScreen(); this.input.keyboard.on('keydown-R', () => { console.log('R key pressed'); if (this.pendingRestart) { console.log('Restarting '); this.pendingRestart = false; this.resetScene(); this.toggleRestartScreen(false); } }); // Create explosion sound this.explosionSound = this.sound.add('explosionSound'); // Create shield activation sound this.shieldSound = this.sound.add('shieldSound'); // Create healing sound this.healingSound = this.sound.add('healingSound'); // Start the game timer this.gameTime = 0; this.time.addEvent({ delay: 1000, callback: this.updateGameTime, callbackScope: this, loop: true }); } createRestartScreen() { this.blackScreen = this.add.rectangle(0, 0, this.sys.game.config.width, this.sys.game.config.height, 0x000000, 0.5); this.blackScreen.setOrigin(0, 0); this.restartText = this.add.text(this.sys.game.config.width / 2, this.sys.game.config.height / 2, 'Press R to Restart', { fontSize: '32px', fill: '#fff' }); this.restartText.setOrigin(0.5, 0.5); this.blackScreen.setVisible(false); this.restartText.setVisible(false); } toggleRestartScreen(visible) { this.blackScreen.setVisible(visible); this.restartText.setVisible(visible); this.pendingRestart = visible; } resetScene() { this.asteroids.forEach(asteroid => asteroid.sprite.destroy()); this.asteroids = []; this.items.forEach(item => item.destroy()); this.items = []; if (this.asteroidSpawnEvent) { this.asteroidSpawnEvent.remove(); this.asteroidSpawnEvent = null; } if (this.itemSpawnEvent) { this.itemSpawnEvent.remove(); this.itemSpawnEvent = null; } this.player.reset(); this.planets.forEach(planet => planet.reset()); this.createAsteroidSpawnEvent(); this.createItemSpawnEvent(); this.gameTime = 0; this.asteroidSpawnInterval = 4500; console.log('Scene reset'); } createHUD() { this.livesText = this.add.text(10, 10, `Lives: ${this.player.lives}`, { fontFamily: 'Arial', fontSize: '18px', fill: '#fff', align: 'left' }); this.scoreText = this.add.text(this.sys.game.config.width - 130, 10, `Score: ${this.player.score}`, { fontFamily: 'Arial', fontSize: '18px', fill: '#fff', align: 'right' }); } updateHUD() { this.livesText.setText(`Lives: ${this.player.lives}`); this.scoreText.setText(`Score: ${this.player.score}`); } update() { if(this.pendingRestart) return; this.player.update(); this.updateHUD(); this.asteroids.forEach(asteroid => asteroid.update()); this.items.forEach(item => item.update()); this.cleanupDeflectedAsteroids(); if(this.player.outOfLives) { this.pendingRestart = true; this.toggleRestartScreen(true); } } createPlanets() { const centerX = this.sys.game.config.width / 2; const centerY = this.sys.game.config.height / 2; const spawnAreaWidth = 400; const spawnAreaHeight = 300; const minDistance = 150; const planetSize = 64; const positions = []; for (let i = 0; i < 3; i++) { let x, y; let tooClose; let attempts = 0; const maxAttempts = 50; do { x = Phaser.Math.Between(centerX - spawnAreaWidth/2 + planetSize/2, centerX + spawnAreaWidth/2 - planetSize/2); y = Phaser.Math.Between(centerY - spawnAreaHeight/2 + planetSize/2, centerY + spawnAreaHeight/2 - planetSize/2); tooClose = positions.some(pos => Phaser.Math.Distance.Between(x, y, pos.x, pos.y) < minDistance ); attempts++; } while (tooClose && attempts < maxAttempts); if (attempts === maxAttempts) { console.log(`Could not find a suitable position for planet ${i + 1}`); continue; } positions.push({x, y}); const planet = new Planet(this, x, y, 'planet'); this.planets.push(planet); } console.log('Planets created at:', positions); } createAsteroidSpawnEvent() { this.asteroidSpawnEvent = this.time.addEvent({ delay: this.asteroidSpawnInterval, callback: this.spawnAsteroid, callbackScope: this, loop: true }); } createItemSpawnEvent() { this.itemSpawnEvent = this.time.addEvent({ delay: this.itemSpawnInterval, callback: this.spawnItem, callbackScope: this, loop: true }); } spawnAsteroid() { let x, y; const border = Phaser.Math.Between(0, 3); if (border === 0) { x = Phaser.Math.Between(0, this.sys.game.config.width); y = -40; } else if (border === 1) { x = Phaser.Math.Between(0, this.sys.game.config.width); y = this.sys.game.config.height + 40; } else if (border === 2) { x = -40; y = Phaser.Math.Between(0, this.sys.game.config.height); } else { x = this.sys.game.config.width + 40; y = Phaser.Math.Between(0, this.sys.game.config.height); } const asteroid = new Asteroid(this, x, y, 'asteroid'); this.asteroids.push(asteroid); const centerX = this.sys.game.config.width / 2; const centerY = this.sys.game.config.height / 2; let angleToCenter = Phaser.Math.Angle.Between(x, y, centerX, centerY); const offset = Phaser.Math.DegToRad(20); const minAngle = angleToCenter - offset; const maxAngle = angleToCenter + offset; asteroid.angle = Phaser.Math.FloatBetween(minAngle, maxAngle); } spawnItem() { let x, y; const border = Phaser.Math.Between(0, 3); if (border === 0) { x = Phaser.Math.Between(0, this.sys.game.config.width); y = -40; } else if (border === 1) { x = Phaser.Math.Between(0, this.sys.game.config.width); y = this.sys.game.config.height + 40; } else if (border === 2) { x = -40; y = Phaser.Math.Between(0, this.sys.game.config.height); } else { x = this.sys.game.config.width + 40; y = Phaser.Math.Between(0, this.sys.game.config.height); } const itemType = Math.random() < 0.5 ? 'health' : 'shield'; const texture = itemType === 'health' ? 'healthItem' : 'shieldItem'; const item = new Item(this, x, y, texture, itemType); this.items.push(item); const centerX = this.sys.game.config.width / 2; const centerY = this.sys.game.config.height / 2; let angleToCenter = Phaser.Math.Angle.Between(x, y, centerX, centerY); const offset = Phaser.Math.DegToRad(20); const minAngle = angleToCenter - offset; const maxAngle = angleToCenter + offset; item.angle = Phaser.Math.FloatBetween(minAngle, maxAngle); } cleanupDeflectedAsteroids() { this.asteroids = this.asteroids.filter(asteroid => { if (asteroid.isDeflected) { asteroid.sprite.destroy(); return false; } return true; }); } checkGameOver() { if (this.planets.every(planet => planet.isDestroyed)) { console.log("All planets destroyed. Game Over!"); this.pendingRestart = true; this.toggleRestartScreen(true); } } createExplosion(x, y) { const explosion = this.add.image(x, y, 'explosion').setScale(0.1); this.tweens.add({ targets: explosion, scale: 0.3, alpha: 0, duration: 500, ease: 'Power2', onComplete: () => { explosion.destroy(); } }); // Play explosion sound with varied pitch const pitch = Phaser.Math.FloatBetween(0.8, 1.2); this.explosionSound.setRate(pitch); this.explosionSound.play(); } createMultipleExplosions(x, y, count) { for (let i = 0; i < count; i++) { const offsetX = Phaser.Math.Between(-40, 40); const offsetY = Phaser.Math.Between(-40, 40); const delay = Phaser.Math.Between(0, 500); this.time.delayedCall(delay, () => { this.createExplosion(x + offsetX, y + offsetY); }); } } updateGameTime() { this.gameTime += 1; if (this.gameTime % (this.difficultyIncreaseInterval / 1000) === 0) { this.increaseDifficulty(); } } increaseDifficulty() { if (this.asteroidSpawnInterval > this.minAsteroidSpawnInterval) { this.asteroidSpawnInterval = Math.max(this.asteroidSpawnInterval - 500, this.minAsteroidSpawnInterval); if (this.asteroidSpawnEvent) { this.asteroidSpawnEvent.remove(); } this.createAsteroidSpawnEvent(); console.log(`Difficulty increased. New asteroid spawn interval: ${this.asteroidSpawnInterval}ms`); } } } const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 1200, height: 800, physics: { default: 'arcade', arcade: { gravity: {y: 0} } }, scene: [StartScreen, Main] }; window.phaserGame = new Phaser.Game(config);