class SplashScene extends Phaser.Scene { constructor() { super('SplashScene'); } preload() { this.load.image('bg1', 'https://play.rosebud.ai/assets/blackhole.jpg?KHWQ'); this.load.image('bg2', 'https://play.rosebud.ai/assets/Default_a_rugged_barren_and_desolate_alien_moon_surface_illumi_1.jpg?QNqX'); this.load.image('bg3', 'https://play.rosebud.ai/assets/Default_Inside_a_bustling_dimly_lit_alien_bar_a_diverse_array_2.jpg?CA9M'); this.load.image('spaceship', 'https://play.rosebud.ai/assets/spaceship100px.png?IAHu'); this.load.image('alien', 'https://play.rosebud.ai/assets/alien80px.png?MHNf'); this.load.image('cantina', 'https://play.rosebud.ai/assets/cantina.png?5hXI'); // game sounds this.load.audio('matchnumber', `https://play.rosebud.ai/assets/ping-82822.mp3?hxeZ`); this.load.audio('nomatchnumber', `https://play.rosebud.ai/assets/click_sound.mp3?nfuj`); this.load.audio('aliensplat', `https://play.rosebud.ai/assets/alien_splat.mp3?rl4Z`); this.load.audio('aliencelebrate', `https://play.rosebud.ai/assets/celebration_trumphet.mp3?T1xK`); // background music this.load.audio('bgm1', 'https://play.rosebud.ai/assets/Space Keno Delirium (1).mp3?Camo'); this.load.audio('bgm2', 'https://play.rosebud.ai/assets/Space Alien Keno (1).mp3?5CK3'); } create() { this.add.image(400, 300, 'bg1'); // Add and play background music this.bgMusic = this.sound.add('bgm1', { loop: true, volume: 0.2 // Set initial volume to 20% }); // Add bgm2 (don't play it yet) this.bgMusic2 = this.sound.add('bgm2', { loop: true, volume: 0.2 // Set initial volume to 20% }); // Check if any music is already playing const bgm1 = this.sound.get('bgm1'); const bgm2 = this.sound.get('bgm2'); if ((!bgm1 || !bgm1.isPlaying) && (!bgm2 || !bgm2.isPlaying)) { this.bgMusic.play(); } else { // If music is already playing, update the bgMusic reference this.bgMusic = (bgm1 && bgm1.isPlaying) ? bgm1 : (bgm2 && bgm2.isPlaying) ? bgm2 : this.bgMusic; } // Add mute indicator this.muteIndicator = this.add.text(780, 20, '🔊', { fontSize: '32px', fill: '#ffffff' }).setOrigin(1, 0).setInteractive(); // Add click event for mute indicator this.muteIndicator.on('pointerdown', this.toggleMute, this); // Add key listener for muting background music this.input.keyboard.on('keydown-ZERO', this.toggleBgMusic, this); // Add key listeners for '1' and '2' this.input.keyboard.on('keydown-ONE', () => this.changeBgMusic('Space Keno'), this); this.input.keyboard.on('keydown-TWO', () => this.changeBgMusic('Space Alien Keno'), this); // Add alien animation this.createAlienAnimation(); // Add spaceship animation with shooting letters this.createSpaceshipAnimation(); const titleText = 'Space Keno'; const shadowOffset = 4; const shadowColor = '#ff0000'; // Red color for shadow const mainColor = '#ffffff'; // White color for main text // Add shadow text for title const titleShadow = this.add.text(400 + shadowOffset, 100 + shadowOffset, titleText, { fontSize: '64px', fill: shadowColor, fontStyle: 'bold' }).setOrigin(0.5); // Add main text for title const title = this.add.text(400, 100, titleText, { fontSize: '64px', fill: mainColor, fontStyle: 'bold' }).setOrigin(0.5); // Make the title interactive title.setInteractive(); // Add hover effect title.on('pointerover', () => { title.setScale(1.1); titleShadow.setScale(1.1); // Invert colors on hover title.setFill(shadowColor); titleShadow.setFill(mainColor); }); title.on('pointerout', () => { title.setScale(1); titleShadow.setScale(1); // Revert colors on pointer out title.setFill(mainColor); titleShadow.setFill(shadowColor); }); // Add click effect title.on('pointerdown', () => { this.scene.start('GameplayScene', { bgMusic: this.bgMusic, isMuted: this.isMuted }); }); // Add instructions const instructions = [ "How To Play", "Traditional Keno game. Pick from 1-8 numbers,", "try to match all numbers for biggest score.", "You can score 1x, 10x or 50x for each played game.", "When your score reaches 0, game is over." ]; let yOffset = 160; instructions.forEach((line, index) => { const fontSize = index === 0 ? '24px' : '16px'; const fontStyle = index === 0 ? 'bold' : 'normal'; this.add.text(400, yOffset, line, { fontSize: fontSize, fontStyle: fontStyle, fill: '#ffffff', stroke: '#000000', strokeThickness: 3 }).setOrigin(0.5); yOffset += index === 0 ? 30 : 20; }); // Add Space Alien Keno button const alienTitle = this.add.text(400, 380, 'Space Alien Keno', { fontSize: '48px', fill: '#ffffff', fontStyle: 'bold' }).setOrigin(0.5); const alienShadow = this.add.text(404, 384, 'Space Alien Keno', { fontSize: '48px', fill: '#00ff00', fontStyle: 'bold' }).setOrigin(0.5); alienTitle.setInteractive(); alienTitle.on('pointerover', () => { alienTitle.setScale(1.1); alienShadow.setScale(1.1); alienTitle.setFill('#00ff00'); alienShadow.setFill('#ffffff'); }); alienTitle.on('pointerout', () => { alienTitle.setScale(1); alienShadow.setScale(1); alienTitle.setFill('#ffffff'); alienShadow.setFill('#00ff00'); }); alienTitle.on('pointerdown', () => { // Stop the background music if (this.bgMusic) { this.bgMusic.stop(); } // Play bgm2 this.bgMusic2.play(); this.scene.start('GameplayScene', { bgMusic: this.bgMusic2, gameMode: 'Space Alien Keno' }); }); // Add alien instructions const alieninstructions = [ "How To Play", "Same as Space Keno, only three aliens randomly appear", "Match at least 2 for additional bonus multipliers" ]; let yaOffset = 440; alieninstructions.forEach((line, index) => { const fontSize = index === 0 ? '24px' : '16px'; const fontStyle = index === 0 ? 'bold' : 'normal'; this.add.text(400, yaOffset, line, { fontSize: fontSize, fontStyle: fontStyle, fill: '#00ff00', stroke: '#000000', strokeThickness: 3 }).setOrigin(0.5); yaOffset += index === 0 ? 30 : 20; }); // Add version text to lower right corner const versionText = this.add.text(790, 590, 'v0.96', { fontSize: '16px', fill: '#ffffff', fontStyle: 'bold', stroke: '#000000', strokeThickness: 4 }).setOrigin(1, 1); // Display high score const highScore = localStorage.getItem('spacekeno_highscore') || 0; this.add.text(400, 280, `High Score: ${highScore}`, { fontSize: '24px', fill: '#ffffff', fontStyle: 'bold', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); // Display games played const gamesPlayed = localStorage.getItem('spacekeno_gamesplayed') || 0; this.add.text(400, 310, `Games Played: ${gamesPlayed}`, { fontSize: '20px', fill: '#ffffff', fontStyle: 'bold', stroke: '#000000', strokeThickness: 3 }).setOrigin(0.5); // Display lifetime rounds const lifetimeRounds = localStorage.getItem('spacekeno_lifetimerounds') || 0; this.add.text(400, 340, `Lifetime Rounds: ${lifetimeRounds}`, { fontSize: '20px', fill: '#ffffff', fontStyle: 'bold', stroke: '#000000', strokeThickness: 3 }).setOrigin(0.5); // Add cantina button const cantinaButton = this.add.image(600, 300, 'cantina').setScale(0.5); cantinaButton.setInteractive(); cantinaButton.on('pointerdown', () => { this.scene.start('CantinaScene', { bgMusic: this.bgMusic }); }); // Create pulsing animation this.tweens.add({ targets: cantinaButton, scale: 0.33, duration: 800, yoyo: true, repeat: -1, ease: 'Sine.easeInOut' }); // Add now playing text this.nowPlayingText = this.add.text(400, 540, '', { fontSize: '16px', fontStyle: 'bold', fill: '#ffff00', stroke: '#000000', strokeThickness: 3 }).setOrigin(0.5, 0); // Update now playing text this.updateNowPlayingText(); } changeBgMusic(track) { // Stop both music tracks if (this.bgMusic) this.bgMusic.stop(); if (this.bgMusic2) this.bgMusic2.stop(); // Play the selected track if (track === 'Space Keno') { this.bgMusic.play(); } else if (track === 'Space Alien Keno') { this.bgMusic2.play(); } // Update the Now Playing text this.updateNowPlayingText(); } updateNowPlayingText() { let trackName = ''; if (this.bgMusic && this.bgMusic.isPlaying) { trackName = '"Space Keno"'; } else if (this.bgMusic2 && this.bgMusic2.isPlaying) { trackName = '"Space Alien Keno"'; } else { trackName = 'No track'; } this.nowPlayingText.setText(`Now playing: ${trackName} by AI Kills`); } toggleBgMusic() { if (this.bgMusic.isPlaying) { this.bgMusic.pause(); } else { this.bgMusic.resume(); } } toggleMute() { this.isMuted = !this.isMuted; if (this.isMuted) { this.bgMusic.pause(); this.muteIndicator.setText('🔇'); } else { this.bgMusic.resume(); this.muteIndicator.setText('🔊'); } } createAlienAnimation() { const alien = this.add.image(0, 600, 'alien'); alien.setOrigin(0.5, 1); alien.setVisible(false); const animateAlien = () => { const randomX = Phaser.Math.Between(100, 700); alien.setPosition(randomX, 600); alien.setVisible(true); this.tweens.add({ targets: alien, y: 450, duration: 1200, ease: 'Power1', yoyo: true, onComplete: () => { alien.setVisible(false); this.time.delayedCall(Phaser.Math.Between(2000, 5000), animateAlien); } }); }; animateAlien(); } createSpaceshipAnimation() { const spaceship = this.add.image(-100, 50, 'spaceship'); const text = " by todd_russell"; const letters = []; const animateSpaceship = () => { const randomY = Phaser.Math.Between(50, 150); spaceship.setPosition(-100, randomY); this.tweens.add({ targets: spaceship, x: 900, duration: 3000, ease: 'Linear', onComplete: () => { this.time.delayedCall(Phaser.Math.Between(2000, 5000), animateSpaceship); } }); // Shoot letters let delay = 0; let letterSpacing = 12; // Reduced spacing between letters for (let i = 0; i < text.length; i++) { this.time.delayedCall(delay, () => { const letter = this.add.text(spaceship.x + i * letterSpacing, spaceship.y, text[i], { fontSize: '24px', fontStyle: 'bold', fill: '#ffff00' }); letters.push(letter); this.tweens.add({ targets: letter, y: 570, duration: 1500, ease: 'Bounce' }); }); delay += 100; // Reduced delay between letters } // Remove letters after 4 seconds this.time.delayedCall(delay + 4000, () => { letters.forEach(letter => letter.destroy()); letters.length = 0; }); }; animateSpaceship(); } toggleBgMusic() { if (this.bgMusic.isPlaying) { this.bgMusic.pause(); } else { this.bgMusic.resume(); } } } class GameplayScene extends Phaser.Scene { constructor() { super('GameplayScene'); this.initializeGameVariables(); } initializeGameVariables() { this.pickedNumbers = 0; this.selectedNumbers = []; this.drawnNumbers = []; this.numberCells = []; this.isDrawing = false; this.score = 100; this.numberStats = {}; this.currentBet = 1; // Default bet amount this.highScore = parseInt(localStorage.getItem('spacekeno_highscore')) || 0; this.roundsPlayed = 0; // Initialize rounds played counter this.alienNumbers = []; // Store alien numbers this.alienMatches = 0; // Count alien matches this.alienMultiplier = 1; // Alien bonus multiplier this.shipSpeed = 500; // Default ship speed (milliseconds) } init(data) { this.initializeGameVariables(); this.bgMusic = data.bgMusic; this.gameMode = data.gameMode || 'Space Keno'; // Default to 'Space Keno' if not specified // Handle incoming selected numbers if (data.selectedNumbers) { this.selectedNumbers = data.selectedNumbers; this.pickedNumbers = this.selectedNumbers.length; } else { this.selectedNumbers = []; this.pickedNumbers = 0; } // Handle case when bgMusic is not provided if (!this.bgMusic) { this.bgMusic = this.sound.add('bgm1', { loop: true, volume: 0.2 }); this.bgMusic.play(); } // Increment and save games played count let gamesPlayed = parseInt(localStorage.getItem('spacekeno_gamesplayed') || '0'); gamesPlayed++; localStorage.setItem('spacekeno_gamesplayed', gamesPlayed.toString()); } create() { // Set background based on game mode this.add.image(400, 300, this.gameMode === 'Space Alien Keno' ? 'bg2' : 'bg1'); // Add match sounds this.matchSound = this.sound.add('matchnumber'); this.aliensplatSound = this.sound.add('aliensplat'); this.nomatchSound = this.sound.add('nomatchnumber'); this.aliencelebSound = this.sound.add('aliencelebrate'); // Create rounds played text this.createRoundsPlayedText(); // Add ship speed slider this.createSpeedSlider(); // Add mute indicator this.muteIndicator = this.add.text(780, 20, this.bgMusic.isPaused ? '🔇' : '🔊', { fontSize: '32px', fill: '#ffffff' }).setOrigin(1, 0).setInteractive(); // Add click event for mute indicator this.muteIndicator.on('pointerdown', this.toggleMute, this); // Add key listener for muting background music this.input.keyboard.on('keydown-ZERO', this.toggleBgMusic, this); // Create 3D look for the title based on game mode this.create3DTitle(this.gameMode); // Load number stats this.loadNumberStats(); // Create player score display this.createScoreDisplay(); // Create Keno grid this.createKenoGrid(); // Update the visual state of previously selected numbers this.selectedNumbers.forEach(number => { const cell = this.numberCells.find(cell => cell.number === number); if (cell) { this.setNumberCellState(cell, 'selected'); } }); // Create "Play 1", "Play 10", and "Play 50" buttons this.createPlayButtons(); // Create drawn numbers display this.createDrawnNumbersDisplay(); // Create payout table this.createPayoutTable(); // Add spaceship on top of everything this.player = this.add.image(400, 500, 'spaceship'); this.player.setVisible(false); this.player.setDepth(1000); // Ensure spaceship is on top // Create high score display this.createHighScoreDisplay(); // Add autoplay checkbox this.autoplayCheckbox = this.add.rectangle(10, 550, 20, 20, 0xffffff) .setOrigin(0, 0.5) .setInteractive(); this.autoplayCheckbox.isChecked = false; this.autoplayCheckbox.on('pointerdown', () => { this.autoplayCheckbox.isChecked = !this.autoplayCheckbox.isChecked; this.autoplayCheckbox.fillColor = this.autoplayCheckbox.isChecked ? 0x00ff00 : 0xffffff; }); this.add.text(35, 550, 'Autoplay', { fontSize: '16px', fill: '#ffffff' }).setOrigin(0, 0.5); // Update play buttons state this.updatePlayButtons(); } createSpeedSlider() { const sliderWidth = 200; const sliderHeight = 20; const sliderX = 780; const sliderY = 550; // Create slider background this.add.rectangle(sliderX, sliderY, sliderWidth, sliderHeight, 0x888888) .setOrigin(1, 0.5); // Create slider handle this.sliderHandle = this.add.rectangle(sliderX - sliderWidth / 2, sliderY, 20, 30, 0xffffff) .setOrigin(0.5) .setInteractive({ draggable: true }); // Add text labels this.add.text(sliderX - sliderWidth, sliderY - 25, 'Ship Speed', { fontSize: '16px', fill: '#ffffff' }).setOrigin(0, 0.5); this.add.text(sliderX - sliderWidth, sliderY + 25, 'Slow', { fontSize: '12px', fill: '#ffffff' }).setOrigin(0, 0.5); this.add.text(sliderX, sliderY + 25, 'Fast', { fontSize: '12px', fill: '#ffffff' }).setOrigin(1, 0.5); // Handle drag events this.sliderHandle.on('drag', (pointer, dragX) => { const minX = sliderX - sliderWidth; const maxX = sliderX; const newX = Phaser.Math.Clamp(dragX, minX, maxX); this.sliderHandle.x = newX; // Calculate and set the new ship speed const normalizedValue = (newX - minX) / (maxX - minX); this.shipSpeed = Phaser.Math.Linear(800, 100, normalizedValue); }); } selectAndAnimateAlienNumbers() { this.alienNumbers = []; this.alienMatches = 0; this.alienMultiplier = 1; while (this.alienNumbers.length < 3) { const randomNumber = Phaser.Math.Between(1, 80); if (!this.selectedNumbers.includes(randomNumber) && !this.alienNumbers.includes(randomNumber)) { this.alienNumbers.push(randomNumber); const cell = this.numberCells.find(cell => cell.number === randomNumber); // Calculate the scale to fit the alien within the cell const cellSize = 50; // Assuming the cell size is 50x50 const alienSize = Math.min(cellSize * 0.8, 40); // 80% of cell size or max 40px const scale = alienSize / 80; // 80 is the original size of the alien image // Animate alien in the cell const alien = this.add.image(cell.background.x, cell.background.y, 'alien'); alien.setScale(0); alien.setAlpha(0); alien.setDepth(1001); // Set a high depth to ensure it's on top // Add a glow effect const glowGraphics = this.add.graphics(); glowGraphics.fillStyle(0x00ff00, 0.5); glowGraphics.fillCircle(cell.background.x, cell.background.y, alienSize / 2); glowGraphics.setDepth(1000); glowGraphics.setAlpha(0); // Animate the alien and glow this.tweens.add({ targets: [alien, glowGraphics], alpha: 1, scale: scale, duration: 1000, yoyo: true, repeat: 2, ease: 'Sine.easeInOut', onComplete: () => { // Set final state of alien alien.setAlpha(1); alien.setScale(scale); glowGraphics.destroy(); } }); // Store the alien in the cell object for later reference cell.alien = alien; // Add a pulsating effect to the cell this.tweens.add({ targets: cell.background, scaleX: 1.1, scaleY: 1.1, duration: 500, yoyo: true, repeat: 5, ease: 'Sine.easeInOut' }); } } } toggleBgMusic() { if (this.bgMusic.isPlaying) { this.bgMusic.pause(); } else { this.bgMusic.resume(); } } toggleMute() { this.isMuted = !this.isMuted; if (this.isMuted) { this.bgMusic.pause(); this.muteIndicator.setText('🔇'); } else { this.bgMusic.resume(); this.muteIndicator.setText('🔊'); } } create3DTitle(titleText) { const shadowOffset = 4; const shadowColor = this.gameMode === 'Space Alien Keno' ? '#ffffff' : '#ff0000'; // white for Alien Keno, Red for Space Keno const mainColor = this.gameMode === 'Space Alien Keno' ? '#00ff00' : '#ffffff'; // Bright Green for Alien Keno, White for Space Keno // Add shadow text for title this.add.text(400 + shadowOffset, 17 + shadowOffset, titleText, { fontSize: '44px', fill: shadowColor, fontStyle: 'bold' }).setOrigin(0.5); // Add main text for title this.add.text(400, 17, titleText, { fontSize: '44px', fill: mainColor, fontStyle: 'bold' }).setOrigin(0.5); } loadNumberStats() { for (let i = 1; i <= 80; i++) { const key = `spacekeno_${i}`; const value = localStorage.getItem(key); this.numberStats[i] = value ? parseInt(value) : 0; } } saveNumberStats() { for (let i = 1; i <= 80; i++) { const key = `spacekeno_${i}`; localStorage.setItem(key, this.numberStats[i].toString()); } } createScoreDisplay() { this.scoreText = this.add.text(400, 510, `Score: ${this.score}`, { fontSize: '32px', fontStyle: 'bold', fill: '#ffffff', stroke: '#000000', strokeThickness: 6 }).setOrigin(0.5); } createHighScoreDisplay() { this.highScoreText = this.add.text(275, 600, `High Score: ${this.highScore}`, { fontSize: '24px', fontStyle: 'bold', fill: '#ffffff', stroke: '#000000', strokeThickness: 4 }).setOrigin(0, 1); } createRoundsPlayedText() { this.roundsPlayedText = this.add.text(10, 590, `Rounds: ${this.roundsPlayed}`, { fontSize: '16px', fontStyle: 'bold', fill: '#ffffff', stroke: '#000000', strokeThickness: 3 }).setOrigin(0, 1); } updateRoundsPlayedText() { if (this.roundsPlayedText) { this.roundsPlayedText.setText(`Rounds: ${this.roundsPlayed}`); } } createKenoGrid() { const gridWidth = 10; const gridHeight = 8; const cellSize = 50; const startX = (this.sys.game.config.width - gridWidth * cellSize) / 2; const startY = 50; const spaceAfterRow = 4; // Add space after this row const spaceHeight = 40; // Height of the space between rows for (let row = 0; row < gridHeight; row++) { for (let col = 0; col < gridWidth; col++) { const number = row * gridWidth + col + 1; const x = startX + col * cellSize; let y = startY + row * cellSize; // Add extra space after the 4th row (numbers 1-40) if (row >= spaceAfterRow) { y += spaceHeight; } // Create black background square const background = this.add.rectangle(x + cellSize / 2, y + cellSize / 2, cellSize, cellSize, 0x000000); background.setStrokeStyle(1, 0xffffff); // Create number text const text = this.add.text(x + cellSize / 2, y + cellSize / 2, number.toString(), { fontSize: '24px', fontStyle: 'bold', fill: '#ffffff' }).setOrigin(0.5); // Add stats text const statsText = this.add.text(x + cellSize / 2, y + cellSize - 5, this.numberStats[number].toString(), { fontSize: '10px', fill: '#ffff00' }).setOrigin(0.5, 1); // Make the number interactive text.setInteractive(); // Add click event text.on('pointerdown', () => { if (!this.isDrawing) { if (this.selectedNumbers.includes(number)) { // If already picked, unpick it this.setNumberCellState({ background, text }, 'default'); this.pickedNumbers--; this.selectedNumbers = this.selectedNumbers.filter(n => n !== number); } else if (this.pickedNumbers < 8) { // If not picked and less than 8 numbers are picked, select it this.setNumberCellState({ background, text }, 'selected'); this.pickedNumbers++; this.selectedNumbers.push(number); } this.updatePlayButtons(); this.updatePayoutTable(); } }); this.numberCells.push({ background, text, statsText, number }); } } } setNumberCellState(cell, state) { switch (state) { case 'default': cell.background.setFillStyle(0x000000); cell.text.setFill('#ffffff'); break; case 'selected': cell.background.setFillStyle(0xff0000); cell.text.setFill('#ffffff'); break; case 'drawn': cell.background.setFillStyle(0xffff00); cell.text.setFill('#000000'); break; case 'matched': cell.background.setFillStyle(0x00ff00); cell.text.setFill('#000000'); break; case 'alien': cell.background.setFillStyle(0xffa500); cell.text.setFill('#000000'); break; } } createPlayButtons() { const buttonWidth = 140; const buttonHeight = 40; const buttonY = this.sys.game.config.height - 50; const spacing = 140; // Create "Play 1" button this.playButton1 = this.createPlayButton(340 - spacing, buttonY, buttonWidth, buttonHeight, 'Play 1x', 1); // Create "Play 10" button this.playButton10 = this.createPlayButton(340, buttonY, buttonWidth, buttonHeight, 'Play 10x', 10); // Create "Play 50" button this.playButton50 = this.createPlayButton(340 + spacing, buttonY, buttonWidth, buttonHeight, 'Play 50x', 50); } createPlayButton(x, y, width, height, text, betAmount) { const button = this.add.rectangle(x, y, width, height, 0x000000); button.setStrokeStyle(2, 0xffffff); const buttonText = this.add.text(x, y, text, { fontSize: '24px', fontStyle: 'bold', fill: '#808080' }).setOrigin(0.5); button.setInteractive(); button.on('pointerdown', () => { if (this.pickedNumbers > 0 && !this.isDrawing && this.score >= betAmount) { this.currentBet = betAmount; // Set the current bet // score is updated in startDrawing() //this.score -= betAmount; //this.scoreText.setText(`Score: ${this.score}`); this.startDrawing(); } }); return { button, text: buttonText, betAmount }; } updatePlayButtons() { this.updatePlayButton(this.playButton1); this.updatePlayButton(this.playButton10); this.updatePlayButton(this.playButton50); } updatePlayButton(playButton) { if (this.pickedNumbers > 0 && !this.isDrawing && this.score >= playButton.betAmount) { playButton.button.setFillStyle(0x00ff00); playButton.text.setStyle({ fill: '#000000', fontStyle: 'bold' }); } else { playButton.button.setFillStyle(0x000000); playButton.text.setStyle({ fill: '#808080', fontStyle: 'normal' }); } } createDrawnNumbersDisplay() { this.drawnNumbersText = []; const startX = 20; const startY = 30; const spacing = 28; const columnSpacing = 50; for (let i = 0; i < 20; i++) { const column = Math.floor(i / 10); const row = i % 10; const x = startX + column * columnSpacing; const y = startY + row * spacing; const text = this.add.text(x, y, '', { fontSize: '20px', fontStyle: 'bold', fill: '#ffff00', stroke: '#000000', strokeThickness: 3 }); text.setOrigin(0, 0.5); this.drawnNumbersText.push(text); } } createPayoutTable() { const startX = 653; const startY = 50; this.payoutText = this.add.text(startX, startY, '', { fontSize: '14px', fill: '#ffffff', stroke: '#000000', strokeThickness: 4, align: 'left' }); this.updatePayoutTable(); } updatePayoutTable() { const spaceKenoPayoutTable = { 1: { 1: 4 }, 2: { 2: 15 }, 3: { 2: 2, 3: 40 }, 4: { 2: 1, 3: 8, 4: 80 }, 5: { 3: 3, 4: 25, 5: 750 }, 6: { 3: 1, 4: 8, 5: 80, 6: 2000 }, 7: { 3: 1, 4: 3, 5: 25, 6: 200, 7: 7500 }, 8: { 4: 3, 5: 15, 6: 75, 7: 600, 8: 20000 } }; const spaceAlienKenoPayoutTable = { 1: { 1: 3 }, 2: { 2: 10 }, 3: { 2: 1, 3: 25 }, 4: { 2: 1, 3: 5, 4: 50 }, 5: { 3: 2, 4: 15, 5: 500 }, 6: { 3: 1, 4: 5, 5: 50, 6: 1500 }, 7: { 3: 1, 4: 2, 5: 15, 6: 150, 7: 5000 }, 8: { 4: 2, 5: 10, 6: 50, 7: 400, 8: 15000 } }; const payoutTable = this.gameMode === 'Space Keno' ? spaceKenoPayoutTable : spaceAlienKenoPayoutTable; const pickedCount = this.pickedNumbers; let payoutText = `Picked: ${pickedCount}\n\n`; if (pickedCount > 0 && pickedCount <= 8) { const multiplier = this.currentBet === 10 ? 10 : (this.currentBet === 50 ? 50 : 1); const payouts = payoutTable[pickedCount]; Object.entries(payouts).forEach(([matches, payout]) => { payoutText += `${matches} win ${payout * multiplier}\n`; }); if (this.gameMode === 'Space Alien Keno') { payoutText += '\nAlien Bonus:\n'; payoutText += '2 Aliens: 3x\n'; payoutText += '3 Aliens: 8x\n'; } } else { payoutText += "Pick 1-8 numbers"; } this.payoutText.setText(payoutText); } createMultiplierText(multiplier) { const text = this.add.text(653, 30, `${multiplier}X`, { fontSize: '36px', fontStyle: 'bold', fill: '#00ff00', stroke: '#000000', strokeThickness: 6 }); text.setOrigin(0.5); text.setAngle(-15); this.tweens.add({ targets: text, scaleX: 1.2, scaleY: 1.2, duration: 500, yoyo: true, repeat: -1 }); return text; } startDrawing() { // Adjust bet amount if it's more than the current score if (this.currentBet > this.score) { this.currentBet = 1; // this.currentBet = Math.max(1, this.score); // Set bet to 1 or current score, whichever is higher } // Decrement score by current bet this.score -= this.currentBet; this.scoreText.setText(`Score: ${this.score}`); this.isDrawing = true; this.player.setVisible(true); this.drawnNumbers = []; this.playButton1.button.disableInteractive(); this.playButton10.button.disableInteractive(); this.playButton50.button.disableInteractive(); this.updatePlayButtons(); // Increment rounds played this.roundsPlayed++; this.updateRoundsPlayedText(); // Create multiplier text if Play 10 or Play 50 is selected if (this.currentBet === 10) { this.multiplierText = this.createMultiplierText(10); } else if (this.currentBet === 50) { this.multiplierText = this.createMultiplierText(50); } // Update payout table to reflect current bet this.updatePayoutTable(); // Select and animate alien numbers if in Space Alien Keno mode if (this.gameMode === 'Space Alien Keno') { this.selectAndAnimateAlienNumbers(); } this.drawNextNumber(); } drawNextNumber() { if (this.drawnNumbers.length < 20) { let drawnNumber; do { drawnNumber = Phaser.Math.Between(1, 80); } while (this.drawnNumbers.includes(drawnNumber)); this.drawnNumbers.push(drawnNumber); this.numberStats[drawnNumber]++; const cell = this.numberCells.find(cell => cell.number === drawnNumber); // Update stats text cell.statsText.setText(this.numberStats[drawnNumber].toString()); // Animate spaceship this.player.setPosition(400, 500); this.tweens.add({ targets: this.player, x: cell.background.x, y: cell.background.y, duration: this.shipSpeed, onComplete: () => { // Check for alien match first if (this.gameMode === 'Space Alien Keno' && this.alienNumbers.includes(drawnNumber)) { cell.background.setFillStyle(0xffa500); // Orange for alien match this.alienMatches++; this.aliensplatSound.play(); // Play aliensplat match sound } else if (this.selectedNumbers.includes(drawnNumber)) { cell.background.setFillStyle(0x00ff00); // Green for regular match this.matchSound.play(); // Play match sound } else { cell.background.setFillStyle(0xffff00); // Yellow for no match this.nomatchSound.play(); // Play no match sound } cell.text.setFill('#000000'); // Animate number being thrown const throwText = this.add.text(cell.background.x, cell.background.y, drawnNumber.toString(), { fontSize: '24px', fontStyle: 'bold', fill: this.alienNumbers.includes(drawnNumber) ? '#ffa500' : (this.selectedNumbers.includes(drawnNumber) ? '#00ff00' : '#ffff00') }).setOrigin(0.5); const index = this.drawnNumbers.length - 1; const column = Math.floor(index / 10); const row = index % 10; const targetX = 20 + column * 50; const targetY = 30 + row * 28; this.tweens.add({ targets: throwText, x: targetX, y: targetY, duration: 500, ease: 'Power2', onComplete: () => { throwText.destroy(); // Update drawn numbers display this.drawnNumbersText[index].setText(drawnNumber.toString()); this.drawnNumbersText[index].setFill( this.alienNumbers.includes(drawnNumber) ? '#ffa500' : (this.selectedNumbers.includes(drawnNumber) ? '#00ff00' : '#ffff00') ); this.drawnNumbersText[index].setPosition(targetX, targetY); } }); // Draw next number after a delay this.time.delayedCall(400, this.drawNextNumber, [], this); } }); } else { // Drawing finished this.player.setVisible(false); this.isDrawing = false; // Set alien multiplier based on matches if (this.gameMode === 'Space Alien Keno') { if (this.alienMatches === 2) { this.alienMultiplier = 3; } else if (this.alienMatches === 3) { this.alienMultiplier = 8; } } // Evaluate matches and update score this.evaluateMatches(); // Save number stats this.saveNumberStats(); // Add 4-second pause before resetting this.time.delayedCall(4000, () => { this.playButton1.button.setInteractive(); this.playButton10.button.setInteractive(); this.playButton50.button.setInteractive(); this.updatePlayButtons(); this.resetGame(); }); } } evaluateMatches() { const matches = this.selectedNumbers.filter(num => this.drawnNumbers.includes(num)).length; const picked = this.selectedNumbers.length; const spaceKenoPayoutTable = { 1: { 1: 4 }, 2: { 2: 15 }, 3: { 2: 2, 3: 40 }, 4: { 2: 1, 3: 8, 4: 80 }, 5: { 3: 3, 4: 25, 5: 750 }, 6: { 3: 1, 4: 8, 5: 80, 6: 2000 }, 7: { 3: 1, 4: 3, 5: 25, 6: 200, 7: 7500 }, 8: { 4: 3, 5: 15, 6: 75, 7: 600, 8: 20000 } }; const spaceAlienKenoPayoutTable = { 1: { 1: 3 }, 2: { 2: 10 }, 3: { 2: 1, 3: 25 }, 4: { 2: 1, 3: 5, 4: 50 }, 5: { 3: 2, 4: 15, 5: 500 }, 6: { 3: 1, 4: 5, 5: 50, 6: 1500 }, 7: { 3: 1, 4: 2, 5: 15, 6: 150, 7: 5000 }, 8: { 4: 2, 5: 10, 6: 50, 7: 400, 8: 15000 } }; const payoutTable = this.gameMode === 'Space Keno' ? spaceKenoPayoutTable : spaceAlienKenoPayoutTable; if (payoutTable[picked] && payoutTable[picked][matches]) { let payout = payoutTable[picked][matches] * this.currentBet; // Multiply payout by current bet if (this.gameMode === 'Space Alien Keno') { payout *= this.alienMultiplier; // Apply alien multiplier } this.score += payout; this.scoreText.setText(`Score: ${this.score}`); // Update high score if necessary if (this.score > this.highScore) { this.highScore = this.score; localStorage.setItem('spacekeno_highscore', this.highScore.toString()); this.highScoreText.setText(`High Score: ${this.highScore}`); } // Display win message let winMessage = `You won ${payout}!`; if (this.gameMode === 'Space Alien Keno' && this.alienMultiplier > 1) { winMessage += ` (${this.alienMultiplier}x Alien Bonus)`; this.aliencelebSound.play(); // Play aliencelebrate match sound } const winText = this.add.text(400, 268, winMessage, { fontSize: '44px', fontStyle: 'bold', fill: '#ffffff', stroke: '#000000', strokeThickness: 6 }).setOrigin(0.5); // Remove win message after 3 seconds this.time.delayedCall(3000, () => { winText.destroy(); }); } } resetGame() { // Reset number cells to default state this.numberCells.forEach(cell => { if (this.selectedNumbers.includes(cell.number)) { this.setNumberCellState(cell, 'selected'); } else { this.setNumberCellState(cell, 'default'); } // Remove alien if it exists if (cell.alien) { cell.alien.destroy(); cell.alien = null; } }); // Clear drawn numbers display and reset color to yellow this.drawnNumbersText.forEach(text => { text.setText(''); text.setFill('#ffff00'); // Reset color to yellow }); // Destroy multiplier text if it exists if (this.multiplierText) { this.multiplierText.destroy(); this.multiplierText = null; } // Reset game variables, but keep selectedNumbers this.pickedNumbers = this.selectedNumbers.length; this.drawnNumbers = []; // Only reset current bet if not in autoplay mode if (!this.autoplayCheckbox.isChecked) { this.currentBet = 1; // Reset current bet to default } // Reset alien-related variables this.alienNumbers = []; this.alienMatches = 0; this.alienMultiplier = 1; // Update UI this.updatePayoutTable(); this.updatePlayButtons(); // Check if score is zero and transition to GameOverScene if it is if (this.score === 0) { this.handleGameOver(); } else if (this.autoplayCheckbox.isChecked) { // If autoplay is checked and score is not zero, start next round this.time.delayedCall(1000, () => { this.startDrawing(); }); } } handleGameOver() { // Update lifetime rounds this.updateLifetimeRounds(); // Save rounds played to local storage localStorage.setItem('spacekeno_roundsplayed', this.roundsPlayed.toString()); this.scene.start('GameOverScene', { highScore: this.highScore, bgMusic: this.bgMusic, roundsPlayed: this.roundsPlayed, selectedNumbers: this.selectedNumbers, gameMode: this.gameMode }); } updateLifetimeRounds() { let lifetimeRounds = parseInt(localStorage.getItem('spacekeno_lifetimerounds') || '0'); lifetimeRounds += this.roundsPlayed; localStorage.setItem('spacekeno_lifetimerounds', lifetimeRounds.toString()); } adjustDrawnNumbersPosition() { const startY = 30; const spacing = 28; const columnSpacing = 50; this.drawnNumbersText.forEach((text, index) => { if (text.text !== '') { const column = Math.floor(index / 10); const row = index % 10; text.setPosition( 20 + column * columnSpacing, startY + row * spacing ); } }); } update() { // Add gameplay logic here - not used at this time } } class GameOverScene extends Phaser.Scene { constructor() { super('GameOverScene'); } init(data) { this.highScore = data.highScore; this.bgMusic = data.bgMusic; this.roundsPlayed = data.roundsPlayed; this.selectedNumbers = data.selectedNumbers; this.gameMode = data.gameMode; } create() { this.add.image(400, 300, 'bg1'); this.add.text(400, 200, 'Game Over', { fontSize: '64px', fontStyle: 'bold', fill: '#ffffff', stroke: '#000000', strokeThickness: 6 }).setOrigin(0.5); // Disable autoplay when game is over this.registry.set('autoplay', false); this.add.text(400, 250, `High Score: ${this.highScore}`, { fontSize: '32px', fontStyle: 'bold', fill: '#ffffff', stroke: '#000000', strokeThickness: 5 }).setOrigin(0.5); const gamesPlayed = localStorage.getItem('spacekeno_gamesplayed') || 0; this.add.text(400, 290, `Games Played: ${gamesPlayed}`, { fontSize: '24px', fontStyle: 'bold', fill: '#ffffff', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); this.add.text(400, 330, `Rounds Played: ${this.roundsPlayed}`, { fontSize: '24px', fontStyle: 'bold', fill: '#ffffff', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); const menuButton = this.add.text(400, 450, 'Return to Menu', { fontSize: '32px', fill: '#ffffff', backgroundColor: '#000000', padding: { x: 10, y: 5 } }).setOrigin(0.5).setInteractive(); menuButton.on('pointerdown', () => { // Stop the background music if (this.bgMusic) { this.bgMusic.stop(); } // Return to the SplashScene this.scene.start('SplashScene'); }); const restartButton = this.add.text(400, 500, 'Restart', { fontSize: '32px', fill: '#ffffff', backgroundColor: '#000000', padding: { x: 10, y: 5 } }).setOrigin(0.5).setInteractive(); restartButton.on('pointerdown', () => { // Start a new game with cleared selected numbers this.scene.start('GameplayScene', { selectedNumbers: [], bgMusic: this.bgMusic, gameMode: this.gameMode }); }); const restartSameNumbersButton = this.add.text(400, 550, 'Restart with Same Numbers', { fontSize: '32px', fill: '#ffffff', backgroundColor: '#000000', padding: { x: 10, y: 5 } }).setOrigin(0.5).setInteractive(); restartSameNumbersButton.on('pointerdown', () => { this.scene.start('GameplayScene', { selectedNumbers: this.selectedNumbers, bgMusic: this.bgMusic, gameMode: this.gameMode }); }); } toggleBgMusic() { if (this.bgMusic.isPlaying) { this.bgMusic.pause(); } else { this.bgMusic.resume(); } } } class CantinaScene extends Phaser.Scene { constructor() { super('CantinaScene'); } init(data) { this.bgMusic = data.bgMusic; } create() { this.add.image(400, 300, 'bg3'); const title = this.add.text(400, 50, 'Cantina', { fontSize: '64px', fontStyle: 'bold', fill: '#ffffff', stroke: '#000000', strokeThickness: 6 }).setOrigin(0.5); const lifetimeRounds = parseInt(localStorage.getItem('spacekeno_lifetimerounds') || '0'); const rankInfo = this.getRankInfo(lifetimeRounds); // Display current rank this.add.text(400, 130, `Current Rank: ${rankInfo.title}`, { fontSize: '32px', fontStyle: 'bold', fill: '#ffff00', stroke: '#000000', strokeThickness: 4 }).setOrigin(0.5); // Display lifetime rounds this.add.text(400, 180, `Lifetime Rounds: ${lifetimeRounds}`, { fontSize: '24px', fill: '#ffffff', stroke: '#000000', strokeThickness: 3 }).setOrigin(0.5); // Display progress bar this.createProgressBar(400, 230, rankInfo); // Display next rank (if not at max level) if (rankInfo.nextTitle) { this.add.text(400, 280, `Next Rank: ${rankInfo.nextTitle}`, { fontSize: '24px', fill: '#00ff00', stroke: '#000000', strokeThickness: 3 }).setOrigin(0.5); } // Add new text beneath "Next Rank" this.add.text(400, 310, "Play Keno to unlock more games, click green box below to play", { fontSize: '20px', fontStyle: 'bold', fill: '#ffff00', stroke: '#000000', strokeThickness: 3 }).setOrigin(0.5); // Create level buttons this.createLevelButtons(rankInfo.level); const backButton = this.add.text(400, 570, 'Back to Menu', { fontSize: '32px', fill: '#ffffff', backgroundColor: '#000000', padding: { x: 10, y: 5 } }).setOrigin(0.5).setInteractive(); backButton.on('pointerdown', () => { if (this.bgMusic) { this.bgMusic.stop(); } this.scene.start('SplashScene', { bgMusic: this.bgMusic }); }); } getRankInfo(lifetimeRounds) { const ranks = [{ title: "Cadet", level: 1, threshold: 0 }, { title: "Second Lieutenant", level: 2, threshold: 100 }, { title: "First Lieutenant", level: 3, threshold: 500 }, { title: "Captain", level: 4, threshold: 1000 }, { title: "Major", level: 5, threshold: 5000 }, { title: "Lieutenant Colonel", level: 6, threshold: 15000 }, { title: "Colonel", level: 7, threshold: 50000 }, { title: "Brigadier General", level: 8, threshold: 100000 }, { title: "Major General", level: 9, threshold: 250000 }, { title: "Lieutenant General", level: 10, threshold: 500000 }, { title: "General", level: 11, threshold: 1000000 }]; let currentRank = ranks[0]; let nextRank = ranks[1]; for (let i = 1; i < ranks.length; i++) { if (lifetimeRounds >= ranks[i].threshold) { currentRank = ranks[i]; nextRank = ranks[i + 1] || null; } else { break; } } return { title: currentRank.title, level: currentRank.level, nextTitle: nextRank ? nextRank.title : null, progress: nextRank ? (lifetimeRounds - currentRank.threshold) / (nextRank.threshold - currentRank.threshold) : 1, current: lifetimeRounds, next: nextRank ? nextRank.threshold : null }; } createLevelButtons(playerLevel) { const buttonWidth = 140; const buttonHeight = 60; const spacing = 10; const startX = 470 - (2.5 * buttonWidth + 2 * spacing); const startY = 360; const ranks = [ "Cadet", "Second Lieutenant", "First Lieutenant", "Captain", "Major", "Lieutenant Colonel", "Colonel", "Brigadier General", "Major General", "Lieutenant General", "General" ]; for (let i = 1; i <= 11; i++) { let x, y; if (i <= 5) { x = startX + ((i - 1) % 5) * (buttonWidth + spacing); y = startY; } else if (i <= 10) { x = startX + ((i - 6) % 5) * (buttonWidth + spacing); y = startY + buttonHeight + spacing; } else { x = 400; y = startY + 2 * (buttonHeight + spacing); } const isUnlocked = i <= playerLevel; const buttonColor = isUnlocked ? 0x00ff00 : 0x000000; const textColor = isUnlocked ? '#ffff00' : '#808080'; const button = this.add.rectangle(x, y, i === 11 ? buttonWidth * 1.5 : buttonWidth, buttonHeight, buttonColor) .setStrokeStyle(2, 0xffffff) .setOrigin(0.5); const buttonText = this.add.text(x, y - 15, i.toString(), { fontSize: i === 11 ? '36px' : '28px', fill: textColor, fontStyle: 'bold', stroke: '#000000', strokeThickness: 3 }).setOrigin(0.5); const rankText = this.add.text(x, y + 15, ranks[i - 1], { fontSize: i === 11 ? '16px' : '14px', fill: textColor, fontStyle: 'bold', stroke: '#000000', strokeThickness: 3, align: 'center', wordWrap: { width: i === 11 ? buttonWidth * 1.4 : buttonWidth * 0.9, useAdvancedWrap: true } }).setOrigin(0.5); if (isUnlocked) { button.setInteractive(); button.on('pointerdown', () => this.handleLevelClick(i)); } } } handleLevelClick(level) { let gameUrl; let message; switch (level) { case 1: gameUrl = 'https://play.rosebud.ai/games/f21c5a95-796f-4d45-8ee0-b518da19019b'; message = 'Loading PGM Sea Hunter...'; break; case 2: gameUrl = 'https://play.rosebud.ai/games/140fa2f3-9d35-455d-81d0-6784fc9fdbf7'; message = 'Loading Lawnmower Nightmare...'; break; case 3: gameUrl = 'https://play.rosebud.ai/games/a60d476f-4533-43ca-8619-e17bc4dc8bac'; message = 'Loading Mood Typer...'; break; case 4: gameUrl = 'https://play.rosebud.ai/games/74d7997f-20e0-43d1-8344-5a5cbb07706f'; message = 'Loading Beat The Skull Die Roller...'; break; default: message = 'Future game to be added'; break; } if (gameUrl) { this.showGamePopup(gameUrl, message); } else { this.showMessage(message); } } showGamePopup(gameUrl, message) { const overlay = this.add.rectangle(0, 0, 800, 600, 0x000000, 0.8) .setOrigin(0) .setInteractive(); const popup = this.add.rectangle(400, 300, 780, 580, 0x333333) .setOrigin(0.5); const closeButton = this.add.text(780, 580, 'X', { fontSize: '32px', fontStyle: 'bold', fill: '#ffffff', backgroundColor: '#ff0000', padding: { x: 10, y: 5 } }) .setOrigin(1, 1) .setInteractive(); closeButton.on('pointerdown', () => { overlay.destroy(); popup.destroy(); closeButton.destroy(); if (this.iframe) this.iframe.remove(); }); this.iframe = document.createElement('iframe'); this.iframe.style.width = '760px'; this.iframe.style.height = '520px'; this.iframe.style.position = 'absolute'; this.iframe.style.top = '20px'; this.iframe.style.left = '20px'; this.iframe.src = gameUrl; document.body.appendChild(this.iframe); } showMessage(message) { const textObject = this.add.text(400, 500, message, { fontSize: '24px', fill: '#ffffff', backgroundColor: '#000000', padding: { x: 10, y: 5 } }).setOrigin(0.5); this.time.delayedCall(2000, () => { textObject.destroy(); }); } createProgressBar(x, y, rankInfo) { const width = 400; const height = 30; // Background this.add.rectangle(x, y, width, height, 0x000000).setOrigin(0.5); // Progress const progress = this.add.rectangle(x - width / 2, y, width * rankInfo.progress, height, 0x00ff00).setOrigin(0, 0.5); // Border this.add.rectangle(x, y, width, height, 0xffffff, 0).setStrokeStyle(2, 0xffffff).setOrigin(0.5); // Progress text this.add.text(x, y, `${Math.floor(rankInfo.progress * 100)}%`, { fontSize: '18px', fill: '#ffffff', stroke: '#000000', strokeThickness: 3 }).setOrigin(0.5); // Current and next values this.add.text(x - width / 2, y + height / 2 + 10, rankInfo.current, { fontSize: '16px', fill: '#ffffff' }).setOrigin(0, 0); if (rankInfo.next) { this.add.text(x + width / 2, y + height / 2 + 10, rankInfo.next, { fontSize: '16px', fill: '#ffffff' }).setOrigin(1, 0); } } } const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 800, height: 600, physics: { default: 'arcade', arcade: { gravity: { y: 0 } } }, scene: [SplashScene, GameplayScene, GameOverScene, CantinaScene] }; window.phaserGame = new Phaser.Game(config);