class TitleScene extends Phaser.Scene { constructor() { super({ key: 'TitleScene' }); } preload() { this.load.image('titleBG', 'https://play.rosebud.ai/assets/spacemastersthumbnail.png?ataX'); } create() { // Add background image const background = this.add.image(400, 300, 'titleBG'); background.setDisplaySize(800, 600); // Add title text const title = this.add.text(400, 180, 'Space Master', { fontSize: '64px', fill: '#ffffff', fontStyle: 'bold', stroke: '#4444ff', strokeThickness: 6, shadow: { offsetX: 3, offsetY: 3, color: '#00ffff', blur: 8, stroke: true, fill: true } }); title.setOrigin(0.5); // Add credits const credits = this.add.text(400, 240, 'Created by Ryan from BrainJoose', { fontSize: '24px', fill: '#ffffff', fontStyle: 'italic', stroke: '#4444ff', strokeThickness: 2, shadow: { offsetX: 2, offsetY: 2, color: '#0088ff', blur: 6, stroke: true, fill: true } }); credits.setOrigin(0.5); // Add subtitle const subtitle = this.add.text(400, 290, 'Division Practice in Space', { fontSize: '32px', fill: '#00ff00', stroke: '#003300', strokeThickness: 4, shadow: { offsetX: 2, offsetY: 2, color: '#00ff00', blur: 6, stroke: true, fill: true } }); subtitle.setOrigin(0.5); // Add start button const startButton = this.add.rectangle(400, 400, 200, 60, 0x00ff00); const startText = this.add.text(400, 400, 'Start Game', { fontSize: '32px', fill: '#000000', fontStyle: 'bold', stroke: '#006600', strokeThickness: 2 }); startText.setOrigin(0.5); // Make button interactive startButton.setInteractive(); startButton.on('pointerdown', () => { this.scene.start('GameScene'); }); // Add hover effect startButton.on('pointerover', () => { startButton.setFillStyle(0x00dd00); }); startButton.on('pointerout', () => { startButton.setFillStyle(0x00ff00); }); } } class GameScene extends Phaser.Scene { constructor() { super({ key: 'GameScene' }); // Initialize object pools this.asteroidPool = []; this.projectilePool = []; this.maxPoolSize = 20; // Maximum size for each pool // Touch control variables this.touchStartX = 0; this.isSwiping = false; this.resetGameState(); this.initializeSpaceships(); } initializeSpaceships() { // Store available spaceships and their costs this.spaceships = { 'spaceship': { unlocked: true, cost: 0, key: 'spaceship', url: 'https://play.rosebud.ai/assets/spaceship.png?G4FF' }, 'spaceship2': { unlocked: false, cost: 100, key: 'spaceship 2', url: 'https://play.rosebud.ai/assets/spaceship 2.png?2hMc' }, 'spaceship3': { unlocked: false, cost: 200, key: 'spaceship 3', url: 'https://play.rosebud.ai/assets/spaceship 3.png?iSx6' }, 'spaceship4': { unlocked: false, cost: 300, key: 'spaceship 4', url: 'https://play.rosebud.ai/assets/spaceship 4.png?aTa9' }, 'spaceship5': { unlocked: false, cost: 400, key: 'spaceship 5', url: 'https://play.rosebud.ai/assets/spaceship 5.png?4yOw' }, 'spaceship6': { unlocked: false, cost: 500, key: 'spaceship 6', url: 'https://play.rosebud.ai/assets/spaceship 6.png?izLw' } }; // Load selected spaceship and unlocked status from localStorage const savedSpaceship = localStorage.getItem('selectedSpaceship'); const unlockedShips = JSON.parse(localStorage.getItem('unlockedShips')) || {}; // Set selected spaceship this.selectedSpaceship = savedSpaceship && this.spaceships[savedSpaceship] ? savedSpaceship : 'spaceship'; // Apply unlocked status from localStorage Object.keys(unlockedShips).forEach(shipKey => { if (this.spaceships[shipKey]) { this.spaceships[shipKey].unlocked = unlockedShips[shipKey]; } }); } resetGameState() { // Reset all game state variables // Reset all game state variables this.asteroids = []; this.score = 0; this.level = 1; this.health = 100; this.baseSpeed = 40; // Reduced initial speed this.spawnDelay = 2000; this.ammoOptions = new Set([1]); this.selectedAmmo = 1; this.projectiles = []; this.ammoButtons = []; this.ammoOptions = new Set([1]); this.selectedAmmo = 1; this.projectiles = []; this.ammoButtons = []; this.speed = 400; // Spaceship movement speed } preload() { this.load.image('space', 'https://play.rosebud.ai/assets/space.jpg?SqOw'); this.load.image('asteroid', 'https://play.rosebud.ai/assets/burning space rock.png?48Mn'); this.load.image('explosion', 'https://play.rosebud.ai/assets/explosion.png?EBON'); this.load.audio('shootSound', 'https://play.rosebud.ai/assets/laser-45816.mp3?UlkG'); this.load.audio('explosionSound', 'https://play.rosebud.ai/assets/bomb-explosion-type-04-265508.mp3?kqOo'); this.load.audio('damageSound', 'https://play.rosebud.ai/assets/error-10-206498.mp3?J12W'); // Load all spaceship images Object.values(this.spaceships).forEach(ship => { this.load.image(ship.key, ship.url); }); } create() { // Add touch input handlers this.input.on('pointerdown', (pointer) => { this.touchStartX = pointer.x; this.isSwiping = true; }); this.input.on('pointermove', (pointer) => { if (this.isSwiping && this.spaceship) { const swipeDelta = pointer.x - this.touchStartX; const newX = Phaser.Math.Clamp( this.spaceship.x + swipeDelta, 50, // Left boundary 750 // Right boundary ); this.spaceship.x = newX; this.touchStartX = pointer.x; } }); this.input.on('pointerup', () => { this.isSwiping = false; }); // Add two space backgrounds for seamless scrolling this.background1 = this.add.image(400, 300, 'space'); this.background2 = this.add.image(400, -300, 'space'); this.background1.setDisplaySize(800, 600); this.background2.setDisplaySize(800, 600); // Initialize object pools this.initializeAsteroidPool(); this.initializeProjectilePool(); // Ensure game state is reset when scene starts this.resetGameState(); // Set the background color to black this.cameras.main.setBackgroundColor('#000000'); // Add spaceship at the bottom this.spaceship = this.add.sprite(400, 550, this.spaceships[this.selectedSpaceship].key); this.spaceship.setScale(0.3); // Initialize score text this.scoreText = this.add.text(16, 16, 'Score: 0', { fontSize: '32px', fill: '#fff' }); // Add health text this.healthText = this.add.text(16, 56, 'Health: 100', { fontSize: '32px', fill: '#ff0000' }); // Initial ammo buttons this.updateAmmoButtons(); // Display currently selected ammo this.selectedAmmoText = this.add.text(400, 520, 'Selected: 1', { fontSize: '24px', fill: '#fff' }); this.selectedAmmoText.setOrigin(0.5); // Add keyboard controls this.cursors = this.input.keyboard.createCursorKeys(); // Enable mouse input this.input.on('pointerdown', this.shoot, this); // Start spawning asteroids this.asteroidSpawner = this.time.addEvent({ delay: this.spawnDelay, callback: () => { // Only spawn if we have less than 2 asteroids if (this.asteroids.length < 2) { this.spawnAsteroid(); } }, callbackScope: this, loop: true }); } generateDivisionProblem() { // Start with very simple divisions in early levels let maxDivisor, minDividend, maxDividend; if (this.level <= 3) { // Early levels: simple divisions with small numbers maxDivisor = 2 + this.level; // Start with 2, then 3, then 4 minDividend = maxDivisor * 1; // Ensure at least one simple answer maxDividend = maxDivisor * 5; // Keep products small } else if (this.level <= 6) { // Medium levels: slightly larger numbers maxDivisor = 3 + this.level; minDividend = maxDivisor * 2; maxDividend = maxDivisor * 8; } else { // Higher levels: more challenging maxDivisor = 5 + Math.floor(this.level / 2); minDividend = maxDivisor * 3; maxDividend = 50 + (this.level * 10); } let divisor = Phaser.Math.Between(2, maxDivisor); let dividend = Phaser.Math.Between(minDividend, maxDividend); // Ensure dividend is divisible by divisor dividend = dividend - (dividend % divisor); let answer = dividend / divisor; // Generate two random decoy answers let decoy1 = answer; let decoy2 = answer; // Keep generating until we have unique decoys while (decoy1 === answer) { decoy1 = Phaser.Math.Between( Math.max(1, answer - 5), answer + 5 ); } while (decoy2 === answer || decoy2 === decoy1) { decoy2 = Phaser.Math.Between( Math.max(1, answer - 5), answer + 5 ); } return { question: `${dividend} ÷ ${divisor}`, answer: answer, decoys: [decoy1, decoy2] }; } initializeAsteroidPool() { // Pre-create some asteroid containers for (let i = 0; i < 10; i++) { const asteroid = this.add.sprite(0, 0, 'asteroid'); asteroid.setScale(0.12); const text = this.add.text(0, 0, '', { fontSize: '28px', fill: '#ffffff', fontStyle: 'bold', stroke: '#00ff00', strokeThickness: 3 }); text.setOrigin(0.5); const container = this.add.container(0, 0, [asteroid, text]); container.setSize(512 * 0.12 * 0.8, 512 * 0.12 * 0.8); this.physics.world.enable(container); container.body.setAllowGravity(false); container.setActive(false); container.setVisible(false); this.asteroidPool.push(container); } } getAsteroidFromPool() { // Try to get an inactive asteroid from pool let asteroid = this.asteroidPool.find(a => !a.active); if (!asteroid && this.asteroidPool.length < this.maxPoolSize) { // Create new asteroid if pool isn't at max size const asteroidSprite = this.add.sprite(0, 0, 'asteroid'); asteroidSprite.setScale(0.12); const text = this.add.text(0, 0, '', { fontSize: '28px', fill: '#ffffff', fontStyle: 'bold', stroke: '#00ff00', strokeThickness: 3 }); text.setOrigin(0.5); asteroid = this.add.container(0, 0, [asteroidSprite, text]); asteroid.setSize(512 * 0.12 * 0.8, 512 * 0.12 * 0.8); this.physics.world.enable(asteroid); asteroid.body.setAllowGravity(false); this.asteroidPool.push(asteroid); } return asteroid; } spawnAsteroid() { const problem = this.generateDivisionProblem(); // Calculate safe boundaries based on asteroid size const asteroidScale = 0.12; // Slightly smaller scale const asteroidWidth = 512 * asteroidScale; const asteroidHeight = 512 * asteroidScale; // Ensure asteroids spawn in visible area with safe margins const minX = asteroidWidth + 20; // Left margin const maxX = 800 - (asteroidWidth + 20); // Right margin const startY = 0; // Start at top of screen // Calculate random X position within safe bounds const x = Phaser.Math.Between(minX, maxX); const asteroid = this.add.sprite(0, 0, 'asteroid'); asteroid.setScale(asteroidScale); asteroid.setOrigin(0.5); const text = this.add.text(0, 0, problem.question, { fontSize: '28px', fill: '#ffffff', fontStyle: 'bold', stroke: '#00ff00', strokeThickness: 3, shadow: { offsetX: 2, offsetY: 2, color: '#000', blur: 4, stroke: true, fill: true }, backgroundColor: '#00000088' }); text.setOrigin(0.5); text.setPadding(8); // Center the text on the asteroid text.x = 0; text.y = 0; Phaser.Display.Align.In.Center(text, asteroid); // Group asteroid and its text const container = this.add.container(x, startY, [asteroid, text]); // Set container size slightly smaller than asteroid for better collision container.setSize(asteroidWidth * 0.8, asteroidHeight * 0.8); // Add physics to the container this.physics.world.enable(container); // 50% chance for zig-zag movement if (Phaser.Math.Between(0, 1) === 1) { const zigzagSpeed = 50 + (this.level * 1.5); // Further reduced base speed container.body.setVelocity(zigzagSpeed, this.baseSpeed + (this.level * 2)); // Add zigzag property and direction container.zigzag = true; container.zigzagDirection = 1; container.originalX = container.x; // Add tighter screen bounds container.leftBound = 100; // Increased left boundary container.rightBound = 700; // Reduced right boundary } else { container.body.setVelocity(0, this.baseSpeed + (this.level * 2)); container.zigzag = false; } container.body.setAllowGravity(false); container.body.moves = true; // Store the answer with the asteroid container.answer = problem.answer; // Add the correct answer and decoys to available ammo options this.ammoOptions.add(problem.answer); this.ammoOptions.add(problem.decoys[0]); this.ammoOptions.add(problem.decoys[1]); this.updateAmmoButtons(); this.asteroids.push(container); } update() { // Update background scrolling this.background1.y += 1; this.background2.y += 1; // Reset background positions when they go off screen if (this.background1.y >= 900) { this.background1.y = -300; } if (this.background2.y >= 900) { this.background2.y = -300; } // Update zigzag movement and clean up asteroids for (let i = this.asteroids.length - 1; i >= 0; i--) { const asteroid = this.asteroids[i]; // Handle zigzag movement if (asteroid.zigzag) { // Check if asteroid hits screen boundaries if (asteroid.x <= asteroid.leftBound || asteroid.x >= asteroid.rightBound) { asteroid.zigzagDirection *= -1; // Reduce horizontal velocity after each bounce const newVelocityX = asteroid.body.velocity.x * -0.8; asteroid.body.setVelocityX(newVelocityX); } } if (this.asteroids[i].y > 650) { const asteroid = this.asteroids[i]; // Return asteroid to pool instead of destroying asteroid.setActive(false); asteroid.setVisible(false); asteroid.body.setVelocity(0, 0); // Decrease health when asteroid is missed this.health = Math.max(0, this.health - 20); // Decrease by 20, min 0 this.healthText.setText('Health: ' + this.health); // Play damage sound when health decreases this.sound.play('damageSound'); // Check if game over if (this.health <= 0) { this.gameOver(); return; } // Check if this answer is still needed const answerStillNeeded = this.asteroids.some(a => a !== asteroid && a.answer === asteroid.answer); if (!answerStillNeeded) { this.ammoOptions.delete(asteroid.answer); this.updateAmmoButtons(); } asteroid.destroy(); this.asteroids.splice(i, 1); } } // Handle spaceship movement - keyboard and touch if (!this.isSwiping) { // Only use keyboard controls if not swiping if (this.cursors.left.isDown && this.spaceship.x > 50) { this.spaceship.x -= this.speed * (this.game.loop.delta / 1000); } else if (this.cursors.right.isDown && this.spaceship.x < 750) { this.spaceship.x += this.speed * (this.game.loop.delta / 1000); } } // Update projectiles and check collisions for (let i = this.projectiles.length - 1; i >= 0; i--) { const projectile = this.projectiles[i]; // Remove off-screen projectiles if (projectile.y < -10) { // Return projectile to pool instead of destroying projectile.setActive(false); projectile.setVisible(false); projectile.body.setVelocity(0, 0); this.projectiles.splice(i, 1); continue; } // Check for collisions with asteroids for (let j = this.asteroids.length - 1; j >= 0; j--) { const asteroid = this.asteroids[j]; if (Phaser.Geom.Intersects.RectangleToRectangle( projectile.getBounds(), asteroid.getBounds() )) { // Check if the answer matches if (projectile.value === asteroid.answer) { // Increase score this.score += 10; this.scoreText.setText('Score: ' + this.score); // Play explosion sound this.sound.play('explosionSound'); // Create explosion effect at asteroid position const explosion = this.add.sprite(asteroid.x, asteroid.y, 'explosion'); explosion.setScale(0.3); // Add explosion animation this.tweens.add({ targets: explosion, alpha: { from: 1, to: 0 }, scale: { from: 0.3, to: 0.6 }, duration: 500, ease: 'Power2', onComplete: () => { explosion.destroy(); } }); // Remove both projectile and asteroid projectile.destroy(); this.projectiles.splice(i, 1); // Check if this answer is still needed const answerStillNeeded = this.asteroids.some(a => a !== asteroid && a.answer === asteroid.answer); if (!answerStillNeeded) { this.ammoOptions.delete(asteroid.answer); this.updateAmmoButtons(); } asteroid.destroy(); this.asteroids.splice(j, 1); // Level up every 50 points if (this.score % 30 === 0) { this.level++; // Increase difficulty gradually this.baseSpeed = Math.min(40 + (this.level * 2), 70); // Slower progression and lower max speed // Decrease spawn delay as level increases this.spawnDelay = Math.max(3000 - (this.level * 150), 1500); // Minimum 1.5 seconds this.asteroidSpawner.delay = this.spawnDelay; // Update spawn timer this.asteroidSpawner.reset({ delay: this.spawnDelay, callback: () => { if (this.asteroids.length < 2) { this.spawnAsteroid(); } }, callbackScope: this, loop: true }); } break; } } } } } initializeProjectilePool() { // Pre-create some projectiles for (let i = 0; i < 10; i++) { const projectile = this.add.text(0, 0, '', { fontSize: '24px', fill: '#fff' }); projectile.setOrigin(0.5); this.physics.world.enable(projectile); projectile.setActive(false); projectile.setVisible(false); this.projectilePool.push(projectile); } } getProjectileFromPool() { // Try to get an inactive projectile from pool let projectile = this.projectilePool.find(p => !p.active); if (!projectile && this.projectilePool.length < this.maxPoolSize) { // Create new projectile if pool isn't at max size projectile = this.add.text(0, 0, '', { fontSize: '24px', fill: '#fff' }); projectile.setOrigin(0.5); this.physics.world.enable(projectile); this.projectilePool.push(projectile); } return projectile; } shoot() { // Check if we already have 13 projectiles if (this.projectiles.length >= 13) { return; // Don't create new projectile if at limit } // Play shoot sound this.sound.play('shootSound'); // Create projectile text const projectile = this.add.text(this.spaceship.x, this.spaceship.y - 20, this.selectedAmmo.toString(), { fontSize: '24px', fill: '#fff' }); projectile.setOrigin(0.5); // Add physics to the projectile this.physics.world.enable(projectile); projectile.body.setVelocityY(-300); // Store the value with the projectile projectile.value = this.selectedAmmo; // Add to projectiles array this.projectiles.push(projectile); } updateAmmoButtons() { // Clear existing buttons this.ammoButtons.forEach(button => { button.button.destroy(); button.text.destroy(); }); this.ammoButtons = []; const buttonWidth = 40; const spacing = 10; const sortedAmmo = Array.from(this.ammoOptions).sort((a, b) => a - b); const totalWidth = (buttonWidth + spacing) * sortedAmmo.length; const startX = 400 - (totalWidth / 2) + (buttonWidth / 2); sortedAmmo.forEach((value, index) => { const x = startX + (buttonWidth + spacing) * index; const button = this.add.rectangle(x, 580, buttonWidth, buttonWidth, 0x4a4a4a); const text = this.add.text(x, 580, value.toString(), { fontSize: '20px', fill: '#ffffff' }); text.setOrigin(0.5); button.setInteractive(); button.on('pointerdown', () => { this.selectedAmmo = value; this.selectedAmmoText.setText(`Selected: ${value}`); // Update all button colors this.ammoButtons.forEach(btn => { btn.button.setFillStyle(btn.value === value ? 0x00ff00 : 0x4a4a4a); }); }); // Store button references this.ammoButtons.push({ button: button, text: text, value: value }); // Highlight the selected button if (value === this.selectedAmmo) { button.setFillStyle(0x00ff00); } }); } gameOver() { // Stop all running sounds this.sound.stopAll(); // Create explosion at spaceship position const explosion = this.add.sprite(this.spaceship.x, this.spaceship.y, 'explosion'); explosion.setScale(0.5); // Play explosion sound this.sound.play('explosionSound', { volume: 1 }); // Hide the spaceship this.spaceship.setVisible(false); // Create explosion animation this.tweens.add({ targets: explosion, alpha: { from: 1, to: 0 }, scale: { from: 0.5, to: 1.5 }, duration: 1000, ease: 'Power2', onComplete: () => { explosion.destroy(); } }); // Stop the game this.physics.pause(); this.asteroidSpawner.remove(); // Display game over text // Add silver background const silverBackground = this.add.rectangle(400, 300, 800, 600, 0xC0C0C0); silverBackground.setAlpha(0.9); const gameOverText = this.add.text(400, 100, 'GAME OVER', { fontSize: '64px', fill: '#ff0000', fontStyle: 'bold' }); gameOverText.setOrigin(0.5); // Display final score const finalScoreText = this.add.text(400, 160, `Points Available: ${this.score}`, { fontSize: '32px', fill: '#ffffff' }); finalScoreText.setOrigin(0.5); // Create store title const storeText = this.add.text(400, 210, 'SPACESHIP STORE', { fontSize: '36px', fill: '#00ff00', fontStyle: 'bold' }); storeText.setOrigin(0.5); // Create store display let yPos = 270; const spacing = 75; Object.entries(this.spaceships).forEach(([key, ship]) => { // Create ship display container const shipSprite = this.add.sprite(200, yPos, ship.key); shipSprite.setScale(0.15); // Reduced scale from 0.2 to 0.15 // Add ship cost text const costText = this.add.text(320, yPos, `${ship.cost} points`, { fontSize: '24px', fill: '#ffffff' }); costText.setOrigin(0, 0.5); // Add buy/select button const buttonWidth = 120; const buttonX = 550; const button = this.add.rectangle(buttonX, yPos, buttonWidth, 40, ship.unlocked ? 0x00ff00 : (this.score >= ship.cost ? 0x0000ff : 0x666666)); const buttonText = this.add.text(buttonX, yPos, ship.unlocked ? (key === this.selectedSpaceship ? 'SELECTED' : 'SELECT') : 'BUY', { fontSize: '20px', fill: '#ffffff' }); buttonText.setOrigin(0.5); // Make button interactive if it's either unlocked or affordable if (ship.unlocked || this.score >= ship.cost) { button.setInteractive(); button.on('pointerdown', () => { if (ship.unlocked) { // Select this ship this.selectedSpaceship = key; localStorage.setItem('selectedSpaceship', key); // Update all buttons to show new selection Object.entries(this.spaceships).forEach(([shipKey, shipData]) => { const isCurrentButton = shipKey === key; // Find and update existing buttons instead of creating new ones const buttons = this.children.list.filter(child => child.x === 550 && child.y === (270 + (Object.keys(this.spaceships).indexOf(shipKey) * 75)) ); buttons.forEach(btn => { if (btn.type === 'Rectangle') { btn.setFillStyle(isCurrentButton ? 0x00ff00 : 0x00ff00); } else if (btn.type === 'Text') { btn.setText(isCurrentButton ? 'SELECTED' : 'SELECT'); } }); }); // Start new game with selected ship this.scene.start('TitleScene'); } else if (this.score >= ship.cost) { // Purchase and automatically equip the ship this.score -= ship.cost; ship.unlocked = true; this.selectedSpaceship = key; // Save unlocked status to localStorage const unlockedShips = JSON.parse(localStorage.getItem('unlockedShips')) || {}; unlockedShips[key] = true; localStorage.setItem('unlockedShips', JSON.stringify(unlockedShips)); localStorage.setItem('selectedSpaceship', key); // Update current button button.setFillStyle(0x00ff00); buttonText.setText('SELECTED'); finalScoreText.setText(`Points Available: ${this.score}`); // Start new game with new ship this.scene.start('TitleScene'); } }); } yPos += 60; // Reduced spacing from 75 to 60 }); // Add restart button at the bottom const restartButton = this.add.rectangle(400, 590, 200, 50, 0x00ff00); restartButton.setInteractive(); // Make interactive immediately const restartText = this.add.text(400, 590, 'Play Again', { fontSize: '24px', fill: '#000000' }); restartText.setOrigin(0.5); // Make ship buttons interactive immediately if they're unlocked or affordable Object.entries(this.spaceships).forEach(([key, ship]) => { if (ship.unlocked || this.score >= ship.cost) { const buttonX = 550; const buttonY = 270 + (Object.keys(this.spaceships).indexOf(key) * 75); const button = this.children.list.find(child => child.type === 'Rectangle' && child.x === buttonX && child.y === buttonY ); if (button) { button.setInteractive(); } } }); // Add hover effects for restart button restartButton.on('pointerover', () => { restartButton.setFillStyle(0x00dd00); }); restartButton.on('pointerout', () => { restartButton.setFillStyle(0x00ff00); }); restartButton.on('pointerdown', () => { this.scene.start('TitleScene'); }); } } const config = { type: Phaser.AUTO, parent: 'renderDiv', physics: { default: 'arcade', arcade: { gravity: { y: 0 }, debug: false } }, scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 800, height: 600, scene: [TitleScene, GameScene] }; window.phaserGame = new Phaser.Game(config);