// Note for Rosie: This game is designed for individuals with mental challenges. // Keep all interactions simple, provide clear visual feedback, and avoid complex instructions. // Add these lines at the beginning of your JavaScript file document.addEventListener('DOMContentLoaded', (event) => { // Function to check if the device is mobile function isMobile() { return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); } // Function to request fullscreen function requestFullscreen() { const element = document.documentElement; if (element.requestFullscreen) { element.requestFullscreen(); } else if (element.mozRequestFullScreen) { element.mozRequestFullScreen(); } else if (element.webkitRequestFullscreen) { element.webkitRequestFullscreen(); } else if (element.msRequestFullscreen) { element.msRequestFullscreen(); } } // Request full screen mode when the game starts on mobile devices if (isMobile()) { // Use a touch event to request fullscreen document.addEventListener('touchstart', function onFirstTouch() { requestFullscreen(); document.removeEventListener('touchstart', onFirstTouch); }, false); } // Create custom overlay const overlay = document.createElement('div'); overlay.style.position = 'fixed'; overlay.style.top = '0'; overlay.style.left = '0'; overlay.style.width = '100%'; overlay.style.height = '100%'; overlay.style.zIndex = '9999'; overlay.style.pointerEvents = 'none'; document.body.appendChild(overlay); // Prevent pinch-to-zoom document.body.style.touchAction = 'none'; // Prevent pull-to-refresh document.body.style.overscrollBehavior = 'contain'; }); class PreviewScene extends Phaser.Scene { constructor() { super('PreviewScene'); } preload() { this.load.image('preview', 'https://play.rosebud.ai/assets/Kyriesgame2.png?r9sd'); // Load all other game assets here this.load.image('fruitCatchImage', 'https://play.rosebud.ai/assets/a red apple.png?Zm6a'); this.load.image('balloonPopImage', 'https://play.rosebud.ai/assets/red balloon.png?ApzK'); this.load.image('starCatcherImage', 'https://play.rosebud.ai/assets/a cute yellow star.png?2gZD'); this.load.image('bugCatcherImage', 'https://play.rosebud.ai/assets/a cute bug.png?G9Rc'); this.load.spritesheet('cars', 'https://play.rosebud.ai/assets/Cars.png?njRj', { frameWidth: 50, frameHeight: 100 }); this.load.image('apple', 'https://play.rosebud.ai/assets/a red apple.png?Zm6a'); this.load.image('blueberry', 'https://play.rosebud.ai/assets/a blueberry.png?vdab'); this.load.image('banana', 'https://play.rosebud.ai/assets/a bannana.png?lDkj'); this.load.image('goldenFruit', 'https://play.rosebud.ai/assets/a golden fruit.png?F9gb'); this.load.image('red', 'https://play.rosebud.ai/assets/pennon_multicoloured.png?FC1O'); this.load.audio('crunch', 'https://play.rosebud.ai/assets/Crunch.mp3?WuPq'); this.load.image('balloon', 'https://play.rosebud.ai/assets/red balloon.png?ApzK'); this.load.image('dots', 'https://play.rosebud.ai/assets/dots.png?jCK6'); this.load.audio('balloonpop', 'https://play.rosebud.ai/assets/balloonpop.mp3?2rEw'); this.load.image('star', 'https://play.rosebud.ai/assets/a cute yellow star.png?2gZD'); this.load.image('basket', 'https://play.rosebud.ai/assets/a basket for catching stars.png?4hlq'); this.load.audio('starSound', 'https://play.rosebud.ai/assets/star.mp3?TzrR'); this.load.image('starParticle', 'https://play.rosebud.ai/assets/star.png?6iLH'); this.load.image('bug-green', 'https://play.rosebud.ai/assets/a cute bug.png?G9Rc'); this.load.image('bug-yellow', 'https://play.rosebud.ai/assets/a cute yellow bug.png?zlcq'); this.load.image('bug-red', 'https://play.rosebud.ai/assets/a cute red bug.png?iGB5'); this.load.image('bug-pink', 'https://play.rosebud.ai/assets/a cute pink bug.png?OpH9'); this.load.image('bug-blue', 'https://play.rosebud.ai/assets/a cute blue bug.png?cYzK'); this.load.image('particle', 'https://play.rosebud.ai/assets/splat.png?nK0I'); this.load.audio('squish', 'https://play.rosebud.ai/assets/squish.mp3?0imQ'); this.load.image('ambulanceImage', 'https://play.rosebud.ai/assets/ambulance_icon.png?mnop'); } create() { const { width, height } = this.scale; // Display the preview image const preview = this.add.image(width / 2, height / 2, 'preview'); preview.setOrigin(0.5); preview.setScale(Math.max(width / preview.width, height / preview.height)); // Add a fade-in effect this.cameras.main.fadeIn(1000); // Transition to MainMenu after 3 seconds with a fade-out effect this.time.delayedCall(3000, () => { this.cameras.main.fadeOut(1000, 0, 0, 0, (camera, progress) => { if (progress === 1) { this.scene.start('MainMenu'); } }); }); } } class MainMenu extends Phaser.Scene { constructor() { super('MainMenu'); this.currentPage = 0; this.gamesPerPage = 4; this.games = [{ name: 'Fruit Catch', image: 'fruitCatchImage', scene: 'FruitCatchGame' }, { name: 'Balloon Pop', image: 'balloonPopImage', scene: 'BalloonPopGame' }, { name: 'Star Catcher', image: 'starCatcherImage', scene: 'StarCatcherGame' }, { name: 'Bug Catcher', image: 'bugCatcherImage', scene: 'BugCatcherGame' }, { name: 'Ambulance Rush', image: 'cars', frame: 0, scene: 'AmbulanceRushGame' }]; } create() { const { width, height } = this.scale; // Set black background this.cameras.main.setBackgroundColor('#000000'); // Create game selection boxes this.createGameBoxes(); // Create Progress button this.createProgressButton(width - 10, 10); // Create Info button this.createInfoButton(10, 10); // Create Next Page button this.createNextPageButton(width - 50, height / 2); // Add a fade-in effect this.cameras.main.fadeIn(1000); } createGameBoxes() { const { width, height } = this.scale; const startIndex = this.currentPage * this.gamesPerPage; const endIndex = Math.min(startIndex + this.gamesPerPage, this.games.length); for (let i = startIndex; i < endIndex; i++) { const game = this.games[i]; const yOffset = -225 + (i - startIndex) * 150; this.createGameBox(width / 2, height / 2 + yOffset, game.name, game.image, game.scene, game.frame); } } createNextPageButton(x, y) { const button = this.add.rectangle(x, y, 80, 80, 0x4a4a4a); const arrow = this.add.triangle(x, y, 0, 20, 20, 0, 20, 40, 0xffffff); arrow.setAngle(90); const progressBar = this.add.rectangle(x, y + 50, 0, 10, 0x00ff00); progressBar.setOrigin(0.5, 0); let pressTimer = 0; const requiredPressTime = 2000; // 2 seconds button.setInteractive() .on('pointerdown', () => { pressTimer = 0; this.time.addEvent({ callback: () => { pressTimer += 100; progressBar.width = (pressTimer / requiredPressTime) * 80; if (pressTimer >= requiredPressTime) { this.changeToNextPage(); } }, repeat: 19, delay: 100 }); }) .on('pointerup', () => { pressTimer = 0; progressBar.width = 0; }) .on('pointerout', () => { pressTimer = 0; progressBar.width = 0; }); } changeToNextPage() { this.currentPage = (this.currentPage + 1) % Math.ceil(this.games.length / this.gamesPerPage); this.scene.restart(); } createGameBox(x, y, text, imageKey, scene, frame) { const box = frame !== undefined ? this.add.sprite(x, y, imageKey, frame) : this.add.image(x, y, imageKey); const scale = imageKey === 'cars' ? 0.8 : 0.2; // 400% increase for ambulance (cars) box.setScale(scale); box.setInteractive(); const boxText = this.add.text(x, y + 60, text, { fontSize: '24px', fontFamily: '"Comic Sans MS", "Marker Felt", "Arial Rounded MT Bold", sans-serif', fill: '#ffffff', fontStyle: 'bold' }).setOrigin(0.5); box.on('pointerdown', () => { if (scene) { this.scene.start(scene); } }); box.on('pointerover', () => { box.setScale(scale * 1.1); boxText.setScale(1.1); }); box.on('pointerout', () => { box.setScale(scale); boxText.setScale(1); }); } createProgressButton(x, y) { const progressButton = this.add.text(x, y, 'Progress', { fontSize: '24px', fontFamily: '"Comic Sans MS", "Marker Felt", "Arial Rounded MT Bold", sans-serif', fill: '#ffffff', backgroundColor: '#000000', padding: { left: 10, right: 10, top: 5, bottom: 5 } }).setOrigin(1, 0); progressButton.setInteractive(); progressButton.on('pointerdown', () => { this.scene.start('ProgressScene'); }); progressButton.on('pointerover', () => { progressButton.setScale(1.1); }); progressButton.on('pointerout', () => { progressButton.setScale(1); }); } createInfoButton(x, y) { const infoButton = this.add.text(x, y, 'Info', { fontSize: '24px', fontFamily: '"Comic Sans MS", "Marker Felt", "Arial Rounded MT Bold", sans-serif', fill: '#ffffff', backgroundColor: '#000000', padding: { left: 10, right: 10, top: 5, bottom: 5 } }); infoButton.setInteractive(); infoButton.on('pointerdown', () => { this.scene.start('InfoScene'); }); infoButton.on('pointerover', () => { infoButton.setScale(1.1); }); infoButton.on('pointerout', () => { infoButton.setScale(1); }); } } class InfoScene extends Phaser.Scene { constructor() { super('InfoScene'); } create() { const { width, height } = this.scale; // Set black background this.cameras.main.setBackgroundColor('#000000'); // Add title this.add.text(width / 2, 50, 'About KyriesGame', { fontSize: '32px', fontFamily: '"Comic Sans MS", "Marker Felt", "Arial Rounded MT Bold", sans-serif', fill: '#ffffff', fontStyle: 'bold' }).setOrigin(0.5); // Add information text const infoText = "TO EXIT GAMES Click/press the << Three times quickly (this is to prevent accidental activation by the less abled) KyriesGame was created as a collection of simple, engaging games designed for individuals with mental challenges. The goal is to provide an enjoyable and accessible gaming experience that can help improve hand-eye coordination, reaction time, and cognitive skills in a fun and non complicated manner. The games lack backgrounds to reduce visual confusion and stress and their are no menus that can be accidently accessed by those with low motor function."; this.add.text(width / 2, height / 2, infoText, { fontSize: '18px', fontFamily: '"Comic Sans MS", "Marker Felt", "Arial Rounded MT Bold", sans-serif', fill: '#ffffff', align: 'center', wordWrap: { width: width - 40 } }).setOrigin(0.5); // Add "For Valkyrie" text this.add.text(width / 2, height - 50, 'For Valkyrie', { fontSize: '24px', fontFamily: 'Arial', fill: '#ffffff', fontStyle: 'italic' }).setOrigin(0.5); // Create back button this.createBackButton(); } createBackButton() { const backButton = this.add.text(10, this.scale.height - 50, '<<', { fontSize: '32px', fontFamily: '"Comic Sans MS", "Marker Felt", "Arial Rounded MT Bold", sans-serif', fill: '#ffffff', backgroundColor: '#000000', padding: { left: 10, right: 10, top: 5, bottom: 5 } }); backButton.setInteractive(); backButton.on('pointerdown', () => { this.scene.start('MainMenu'); }); } } class FruitCatchGame extends Phaser.Scene { constructor() { super('FruitCatchGame'); this.score = 0; this.combo = 0; this.backButtonClicks = 0; this.lastClickTime = 0; this.fruits = ['apple', 'blueberry', 'banana', 'goldenFruit']; this.reactionTimes = []; this.accuracy = { attempts: 0, hits: 0 }; this.baseSpeed = 50; this.currentSpeed = this.baseSpeed; } create() { const { width, height } = this.scale; // Set black background this.cameras.main.setBackgroundColor('#000000'); // Create particle emitter // Note for Rosie: Visual effects provide immediate feedback, which is important for the target audience this.particles = this.add.particles('red'); this.emitter = this.particles.createEmitter({ speed: 200, scale: { start: .5, end: 0 }, blendMode: 'ADD', lifespan: 1000 }); this.emitter.stop(); // Create fruit // Note for Rosie: Keep the interactive object large and easy to tap this.fruit = this.physics.add.image(width / 2, 0, this.getRandomFruit()); this.fruit.setScale(0.2); this.fruit.setInteractive(); // Adjust hit area to match the visible part of the sprite this.fruit.input.hitArea.setTo(0, 0, this.fruit.width, this.fruit.height); // Enable touch events this.input.on('gameobjectdown', this.onFruitTouched, this); this.input.on('pointermove', this.onPointerMove, this); // Create score text // Note for Rosie: Large, clear text for easy reading this.scoreText = this.add.text(10, 10, 'Fruits: 0', { fontSize: '32px', fill: '#fff' }); // Create combo text this.comboText = this.add.text(10, 50, 'Combo: 0', { fontSize: '24px', fill: '#fff' }); // Create back button this.createBackButton(); // Start fruit falling this.resetFruitPosition(); // Initialize fruit spawn time this.fruitSpawnTime = this.time.now; // Add crunch sound this.crunchSound = this.sound.add('crunch'); } onFruitTouched(pointer, gameObject) { if (gameObject === this.fruit) { this.catchFruit(); } } onPointerMove(pointer) { if (pointer.isDown) { const touchX = pointer.x; const touchY = pointer.y; const fruitBounds = this.fruit.getBounds(); if (Phaser.Geom.Rectangle.Contains(fruitBounds, touchX, touchY)) { this.catchFruit(); } } } catchFruit() { // Calculate reaction time const reactionTime = this.time.now - this.fruitSpawnTime; this.reactionTimes.push(reactionTime); // Update accuracy this.accuracy.attempts++; this.accuracy.hits++; // Play particle effect this.emitter.setPosition(this.fruit.x, this.fruit.y); this.emitter.explode(20); // Play crunch sound with random pitch this.crunchSound.setRate(Phaser.Math.FloatBetween(0.8, 1.2)); this.crunchSound.play(); // Increase score and combo this.score++; this.combo++; this.scoreText.setText('Fruits: ' + this.score); this.comboText.setText('Combo: ' + this.combo); // Increase speed based on combo this.currentSpeed = this.baseSpeed + (this.combo * 2); // Reset fruit position this.resetFruitPosition(); } resetFruitPosition() { const { width } = this.scale; this.fruit.setTexture(this.getRandomFruit()); this.fruit.setPosition(Phaser.Math.Between(50, width - 50), 0); this.fruit.setVelocity(0, this.currentSpeed); // Adjust hit area to match the visible part of the sprite this.fruit.input.hitArea.setTo(0, 0, this.fruit.width, this.fruit.height); // Reset fruit spawn time this.fruitSpawnTime = this.time.now; } getRandomFruit() { return Phaser.Utils.Array.GetRandom(this.fruits); } update() { // Reset fruit if it goes off screen if (this.fruit.y > this.scale.height) { this.resetFruitPosition(); // Update accuracy for missed fruit this.accuracy.attempts++; // Reset combo and speed this.combo = 0; this.currentSpeed = this.baseSpeed; this.comboText.setText('Combo: ' + this.combo); } } createBackButton() { const backButton = this.add.text(10, this.scale.height - 50, '<<', { fontSize: '32px', fill: '#ffffff', backgroundColor: '#000000', padding: { left: 10, right: 10, top: 5, bottom: 5 } }); backButton.setInteractive(); // Note for Rosie: Multiple clicks required to prevent accidental exits, which might be confusing for some users backButton.on('pointerdown', () => { const currentTime = new Date().getTime(); if (currentTime - this.lastClickTime < 500) { this.backButtonClicks++; if (this.backButtonClicks >= 3) { this.saveStats(); this.scene.start('MainMenu'); } } else { this.backButtonClicks = 1; } this.lastClickTime = currentTime; }); } saveStats() { const averageReactionTime = this.reactionTimes.reduce((a, b) => a + b, 0) / this.reactionTimes.length; const accuracyPercentage = (this.accuracy.hits / this.accuracy.attempts) * 100; const stats = JSON.parse(localStorage.getItem('gameStats')) || {}; stats.fruitCatch = { averageReactionTime, accuracy: accuracyPercentage, score: this.score }; localStorage.setItem('gameStats', JSON.stringify(stats)); } } class BalloonPopGame extends Phaser.Scene { constructor() { super('BalloonPopGame'); this.score = 0; this.combo = 0; this.backButtonClicks = 0; this.lastClickTime = 0; this.colors = [0xff0000, 0x00ff00, 0x0000ff, 0xffff00, 0xff00ff, 0x00ffff]; this.reactionTimes = []; this.accuracy = { attempts: 0, hits: 0 }; this.baseSpeed = 50; this.currentSpeed = this.baseSpeed; } create() { const { width, height } = this.scale; // Set black background this.cameras.main.setBackgroundColor('#000000'); // Create particle emitter // Note for Rosie: Visual effects provide immediate feedback, which is important for the target audience this.particles = this.add.particles('dots'); this.emitter = this.particles.createEmitter({ speed: 100, scale: { start: 1, end: 0 }, blendMode: 'ADD', lifespan: 1000 }); this.emitter.stop(); // Create balloon // Note for Rosie: Keep the interactive object large and easy to tap this.balloon = this.physics.add.image(width / 2, height, 'balloon'); this.balloon.setScale(0.2); this.balloon.setInteractive(); // Enable touch events this.balloon.on('pointerdown', this.onBalloonPopped, this); this.input.on('pointermove', this.onPointerMove, this); // Create score text // Note for Rosie: Large, clear text for easy reading this.scoreText = this.add.text(10, 10, 'Balloons: 0', { fontSize: '32px', fill: '#fff' }); // Create combo text this.comboText = this.add.text(10, 50, 'Combo: 0', { fontSize: '24px', fill: '#fff' }); // Create back button this.createBackButton(); // Start balloon floating this.resetBalloonPosition(); // Initialize balloon spawn time this.balloonSpawnTime = this.time.now; // Add balloon pop sound this.balloonPopSound = this.sound.add('balloonpop'); } onBalloonPopped(pointer) { this.popBalloon(); } onPointerMove(pointer) { if (pointer.isDown) { const touchX = pointer.x; const touchY = pointer.y; const balloonBounds = this.balloon.getBounds(); if (Phaser.Geom.Rectangle.Contains(balloonBounds, touchX, touchY)) { this.popBalloon(); } } } popBalloon() { // Calculate reaction time const reactionTime = this.time.now - this.balloonSpawnTime; this.reactionTimes.push(reactionTime); // Update accuracy this.accuracy.attempts++; this.accuracy.hits++; // Play particle effect this.emitter.setPosition(this.balloon.x, this.balloon.y); this.emitter.explode(20); // Play balloon pop sound with random pitch this.balloonPopSound.setRate(Phaser.Math.FloatBetween(0.8, 1.2)); this.balloonPopSound.play(); // Increase score and combo this.score++; this.combo++; this.scoreText.setText('Balloons: ' + this.score); this.comboText.setText('Combo: ' + this.combo); // Increase speed based on combo this.currentSpeed = this.baseSpeed + (this.combo * 2); // Reset balloon position this.resetBalloonPosition(); } resetBalloonPosition() { const { width, height } = this.scale; this.balloon.setPosition(Phaser.Math.Between(50, width - 50), height); this.balloon.setVelocity(0, -this.currentSpeed); // Set random color const randomColor = Phaser.Utils.Array.GetRandom(this.colors); this.balloon.setTint(randomColor); // Reset balloon spawn time this.balloonSpawnTime = this.time.now; } update() { // Reset balloon if it goes off screen if (this.balloon.y < 0) { this.resetBalloonPosition(); // Update accuracy for missed balloon this.accuracy.attempts++; // Reset combo and speed this.combo = 0; this.currentSpeed = this.baseSpeed; this.comboText.setText('Combo: ' + this.combo); } } createBackButton() { const backButton = this.add.text(10, this.scale.height - 50, '<<', { fontSize: '32px', fill: '#ffffff', backgroundColor: '#000000', padding: { left: 10, right: 10, top: 5, bottom: 5 } }); backButton.setInteractive(); // Note for Rosie: Multiple clicks required to prevent accidental exits, which might be confusing for some users backButton.on('pointerdown', () => { const currentTime = new Date().getTime(); if (currentTime - this.lastClickTime < 500) { this.backButtonClicks++; if (this.backButtonClicks >= 3) { this.saveStats(); this.scene.start('MainMenu'); } } else { this.backButtonClicks = 1; } this.lastClickTime = currentTime; }); } saveStats() { const averageReactionTime = this.reactionTimes.reduce((a, b) => a + b, 0) / this.reactionTimes.length; const accuracyPercentage = (this.accuracy.hits / this.accuracy.attempts) * 100; const stats = JSON.parse(localStorage.getItem('gameStats')) || {}; stats.balloonPop = { averageReactionTime, accuracy: accuracyPercentage, score: this.score }; localStorage.setItem('gameStats', JSON.stringify(stats)); } } class StarCatcherGame extends Phaser.Scene { constructor() { super('StarCatcherGame'); this.score = 0; this.combo = 0; this.backButtonClicks = 0; this.lastClickTime = 0; this.reactionTimes = []; this.accuracy = { attempts: 0, hits: 0 }; this.baseSpeed = 100; this.currentSpeed = this.baseSpeed; } create() { const { width, height } = this.scale; // Set black background this.cameras.main.setBackgroundColor('#000000'); // Create star // Note for Rosie: Keep the interactive object large and easy to see this.star = this.physics.add.image(width / 2, 0, 'star'); this.star.setScale(0.1); // Increased the scale to make the star much larger this.star.setDepth(1); // Set the star's depth to 1 // Create basket // Note for Rosie: Make the basket large and easy to control this.basket = this.physics.add.image(width / 2, height - 50, 'basket'); this.basket.setScale(0.2); this.basket.setCollideWorldBounds(true); // Enable touch events for basket movement this.input.on('pointermove', (pointer) => { this.basket.x = Phaser.Math.Clamp(pointer.x, 0, width); }); // Create score text // Note for Rosie: Large, clear text for easy reading this.scoreText = this.add.text(10, 10, 'Stars: 0', { fontSize: '32px', fill: '#fff' }); // Create combo text this.comboText = this.add.text(10, 50, 'Combo: 0', { fontSize: '24px', fill: '#fff' }); // Create back button this.createBackButton(); // Start star falling this.resetStarPosition(); // Set up collision between star and basket this.physics.add.overlap(this.basket, this.star, this.collectStar, null, this); // Initialize star spawn time this.starSpawnTime = this.time.now; // Add star sound this.starSound = this.sound.add('starSound'); // Create particle emitter for star collection effect this.particles = this.add.particles('starParticle'); this.emitter = this.particles.createEmitter({ speed: 100, scale: { start: 0.5, end: 0 }, blendMode: 'ADD', lifespan: 1000 }); this.emitter.stop(); // Create particle emitter for star trail this.trailEmitter = this.add.particles('starParticle').createEmitter({ speed: 0, scale: { start: 0.4, end: 0 }, alpha: { start: 0.5, end: 0 }, lifespan: 2000, blendMode: 'ADD', frequency: 20, depth: 0, emitZone: { type: 'random', source: new Phaser.Geom.Rectangle(-5, -10, 10, 1) } }); } collectStar(basket, star) { // Calculate reaction time const reactionTime = this.time.now - this.starSpawnTime; this.reactionTimes.push(reactionTime); // Update accuracy this.accuracy.attempts++; this.accuracy.hits++; // Increase score and combo this.score++; this.combo++; this.scoreText.setText('Stars: ' + this.score); this.comboText.setText('Combo: ' + this.combo); // Increase speed based on combo this.currentSpeed = this.baseSpeed + (this.combo * 2); // Play star sound with random pitch this.starSound.setRate(Phaser.Math.FloatBetween(0.8, 1.2)); this.starSound.play(); // Play particle effect this.emitter.setPosition(star.x, star.y); this.emitter.explode(20); // Reset star position this.resetStarPosition(); } resetStarPosition() { const { width } = this.scale; this.star.setPosition(Phaser.Math.Between(50, width - 50), 0); this.star.setVelocity(0, this.currentSpeed); // Reset star spawn time this.starSpawnTime = this.time.now; } update() { // Update trail emitter position this.trailEmitter.setPosition(this.star.x, this.star.y - 10); // Reset star if it goes off screen if (this.star.y > this.scale.height) { this.resetStarPosition(); // Update accuracy for missed star this.accuracy.attempts++; // Reset combo and speed this.combo = 0; this.currentSpeed = this.baseSpeed; this.comboText.setText('Combo: ' + this.combo); } } createBackButton() { const backButton = this.add.text(10, this.scale.height - 50, '<<', { fontSize: '32px', fill: '#ffffff', backgroundColor: '#000000', padding: { left: 10, right: 10, top: 5, bottom: 5 } }); backButton.setInteractive(); // Note for Rosie: Multiple clicks required to prevent accidental exits, which might be confusing for some users backButton.on('pointerdown', () => { const currentTime = new Date().getTime(); if (currentTime - this.lastClickTime < 500) { this.backButtonClicks++; if (this.backButtonClicks >= 3) { this.scene.start('MainMenu'); } } else { this.backButtonClicks = 1; } this.lastClickTime = currentTime; }); } } class BugCatcherGame extends Phaser.Scene { constructor() { super('BugCatcherGame'); this.score = 0; this.combo = 0; this.backButtonClicks = 0; this.lastClickTime = 0; this.bugs = []; this.bugTypes = ['green', 'yellow', 'red', 'pink', 'blue']; this.maxBugs = 3; this.minBugs = 1; this.reactionTimes = []; this.accuracy = { attempts: 0, hits: 0 }; this.baseSpeed = 50; this.currentSpeed = this.baseSpeed; } create() { const { width, height } = this.scale; // Set black background this.cameras.main.setBackgroundColor('#000000'); // Create particle emitter this.particles = this.add.particles('particle'); this.emitter = this.particles.createEmitter({ speed: 100, scale: { start: 1, end: 0 }, blendMode: 'ADD', lifespan: 1000 }); this.emitter.stop(); // Create initial bugs const initialBugCount = Phaser.Math.Between(this.minBugs, this.maxBugs); for (let i = 0; i < initialBugCount; i++) { this.createBug(); } // Enable touch events this.input.on('pointerdown', this.onBugSquashed, this); this.input.on('pointermove', this.onPointerMove, this); // Create score text this.scoreText = this.add.text(10, 10, 'Bugs: 0', { fontSize: '32px', fill: '#fff' }); // Create combo text this.comboText = this.add.text(10, 50, 'Combo: 0', { fontSize: '24px', fill: '#fff' }); // Create back button this.createBackButton(); // Initialize game start time this.gameStartTime = this.time.now; // Add squish sound this.squishSound = this.sound.add('squish'); } createBug() { const { width, height } = this.scale; const bugType = Phaser.Utils.Array.GetRandom(this.bugTypes); const bug = this.physics.add.image( Phaser.Math.Between(50, width - 50), Phaser.Math.Between(50, height - 50), `bug-${bugType}` ); bug.setScale(0.2); bug.setInteractive(); bug.setVelocity( Phaser.Math.Between(-this.currentSpeed, this.currentSpeed), Phaser.Math.Between(-this.currentSpeed, this.currentSpeed) ); bug.setBounce(1, 1); bug.setCollideWorldBounds(true); bug.spawnTime = this.time.now; this.bugs.push(bug); } onBugSquashed(pointer) { const touchX = pointer.x; const touchY = pointer.y; this.bugs.forEach((bug, index) => { const bugBounds = bug.getBounds(); if (Phaser.Geom.Rectangle.Contains(bugBounds, touchX, touchY)) { this.squashBug(bug, index); } }); // Update accuracy for each attempt this.accuracy.attempts++; } onPointerMove(pointer) { if (pointer.isDown) { const touchX = pointer.x; const touchY = pointer.y; this.bugs.forEach((bug, index) => { const bugBounds = bug.getBounds(); if (Phaser.Geom.Rectangle.Contains(bugBounds, touchX, touchY)) { this.squashBug(bug, index); } }); // Update accuracy for each attempt this.accuracy.attempts++; } } squashBug(bug, index) { // Calculate reaction time const reactionTime = this.time.now - bug.spawnTime; this.reactionTimes.push(reactionTime); // Update accuracy this.accuracy.hits++; // Play particle effect this.emitter.setPosition(bug.x, bug.y); this.emitter.explode(20); // Play squish sound with random pitch this.squishSound.setRate(Phaser.Math.FloatBetween(0.8, 1.2)); this.squishSound.play(); bug.destroy(); this.bugs.splice(index, 1); this.score++; this.combo++; this.scoreText.setText('Bugs: ' + this.score); this.comboText.setText('Combo: ' + this.combo); // Increase speed based on combo this.currentSpeed = this.baseSpeed + (this.combo * 2); // Add new bug if below minimum if (this.bugs.length < this.minBugs) { this.createBug(); } else if (this.bugs.length < this.maxBugs && Math.random() < 0.5) { // 50% chance to add a new bug if below maximum this.createBug(); } // Update speed for all existing bugs this.bugs.forEach(bug => { const angle = Math.atan2(bug.body.velocity.y, bug.body.velocity.x); bug.setVelocity( Math.cos(angle) * this.currentSpeed, Math.sin(angle) * this.currentSpeed ); }); } update() { // Check if any bugs have gone off screen this.bugs.forEach((bug, index) => { if (bug.x < 0 || bug.x > this.scale.width || bug.y < 0 || bug.y > this.scale.height) { bug.destroy(); this.bugs.splice(index, 1); // Reset combo and speed this.combo = 0; this.currentSpeed = this.baseSpeed; this.comboText.setText('Combo: ' + this.combo); // Create a new bug to replace the one that went off screen this.createBug(); } }); } createBackButton() { const backButton = this.add.text(10, this.scale.height - 50, '<<', { fontSize: '32px', fill: '#ffffff', backgroundColor: '#000000', padding: { left: 10, right: 10, top: 5, bottom: 5 } }); backButton.setInteractive(); backButton.on('pointerdown', () => { const currentTime = new Date().getTime(); if (currentTime - this.lastClickTime < 500) { this.backButtonClicks++; if (this.backButtonClicks >= 3) { this.saveStats(); this.scene.start('MainMenu'); } } else { this.backButtonClicks = 1; } this.lastClickTime = currentTime; }); } saveStats() { const averageReactionTime = this.reactionTimes.reduce((a, b) => a + b, 0) / this.reactionTimes.length; const accuracyPercentage = (this.accuracy.hits / this.accuracy.attempts) * 100; const totalPlayTime = this.time.now - this.gameStartTime; const stats = JSON.parse(localStorage.getItem('gameStats')) || {}; stats.bugCatcher = { averageReactionTime, accuracy: accuracyPercentage, score: this.score, totalPlayTime }; localStorage.setItem('gameStats', JSON.stringify(stats)); } } class AmbulanceRushGame extends Phaser.Scene { constructor() { super('AmbulanceRushGame'); this.score = 0; this.backButtonClicks = 0; this.lastClickTime = 0; this.lanes = [120, 180, 240]; // X positions of the three lanes this.scrollSpeed = 5; this.obstacleSpawnTime = 0; this.obstacleSpawnInterval = 2000; // Initial spawn interval this.carFrames = 7; // Total number of car frames in the sprite sheet this.baseObstacleSpeed = 200; this.obstacleSpeed = this.baseObstacleSpeed; this.difficultyInterval = 10000; // Increase difficulty every 10 seconds this.lastDifficultyIncrease = 0; } preload() { this.load.image('road', 'https://play.rosebud.ai/assets/Road.png?tMpZ'); this.load.spritesheet('cars', 'https://play.rosebud.ai/assets/Cars.png?njRj', { frameWidth: 50, frameHeight: 100 }); this.load.spritesheet('emergencyLights', 'https://play.rosebud.ai/assets/redandblue.png?61Z3', { frameWidth: 32, frameHeight: 32 }); this.load.audio('crash', 'https://play.rosebud.ai/assets/Crash.mp3?oxmX'); this.load.audio('skid', 'https://play.rosebud.ai/assets/Skid.mp3?28sj'); this.load.audio('passcar', 'https://play.rosebud.ai/assets/passcar.mp3?8tzc'); this.load.audio('tyre', 'https://play.rosebud.ai/assets/tyre.mp3?0RuI'); } create() { const { width, height } = this.scale; // Create scrolling background this.road1 = this.add.tileSprite(width / 2, height / 2, 360, height, 'road'); this.road2 = this.add.tileSprite(width / 2, -height / 2, 360, height, 'road'); // Create ambulance (player) this.ambulance = this.physics.add.sprite(this.lanes[1], height - 100, 'cars', 0); this.ambulance.setScale(0.8); // Create flashing lights this.leftLight = this.add.sprite(this.ambulance.x - 10, this.ambulance.y + 7, 'emergencyLights', 0); this.rightLight = this.add.sprite(this.ambulance.x + 10, this.ambulance.y + 7, 'emergencyLights', 2); this.leftLight.setScale(0.5); this.rightLight.setScale(0.5); // Set up flashing effect this.flashTimer = this.time.addEvent({ delay: 250, // 250ms for each flash callback: this.flashLights, callbackScope: this, loop: true }); // Create obstacle group this.obstacles = this.physics.add.group(); // Enable touch and mouse events for ambulance movement this.input.on('pointermove', this.moveAmbulance, this); // Create score text this.scoreText = this.add.text(10, 10, 'Score: 0', { fontSize: '32px', fill: '#fff' }); // Create back button this.createBackButton(); // Set up collision between ambulance and obstacles this.physics.add.overlap(this.ambulance, this.obstacles, this.handleCollision, null, this); // Create audio objects this.crashSound = this.sound.add('crash'); this.skidSound = this.sound.add('skid'); this.passCarSound = this.sound.add('passcar'); this.tyreSound = this.sound.add('tyre'); } update(time, delta) { // Scroll the road upwards this.road1.tilePositionY -= this.scrollSpeed; this.road2.tilePositionY -= this.scrollSpeed; // Reset road positions when they go off screen if (this.road1.tilePositionY <= -this.scale.height) { this.road1.tilePositionY = this.scale.height; this.road2.tilePositionY = 0; } // Spawn obstacles if (time > this.obstacleSpawnTime) { this.spawnObstacle(); this.obstacleSpawnTime = time + this.obstacleSpawnInterval; } // Update score this.score += delta / 1000; // Increase score based on time survived this.scoreText.setText('Score: ' + Math.floor(this.score)); // Remove obstacles that are off-screen and check for nearby cars this.obstacles.getChildren().forEach(obstacle => { if (obstacle.y > this.scale.height + obstacle.height || obstacle.x < -100 || obstacle.x > this.scale.width + 100) { obstacle.destroy(); } else { // Check if the ambulance is passing close to a car const distance = Phaser.Math.Distance.Between(this.ambulance.x, this.ambulance.y, obstacle.x, obstacle.y); if (distance < 100 && !obstacle.soundPlayed) { this.passCarSound.play(); obstacle.soundPlayed = true; } } }); // Increase difficulty over time if (time > this.lastDifficultyIncrease + this.difficultyInterval) { this.increaseDifficulty(); this.lastDifficultyIncrease = time; } } moveAmbulance(pointer) { // Calculate the new x position based on pointer movement let newX = Phaser.Math.Clamp(pointer.x, 50, this.scale.width - 50); // Only update if the ambulance has moved significantly if (Math.abs(this.ambulance.x - newX) > 5) { this.ambulance.x = newX; // Update light positions this.leftLight.x = newX - 10; this.rightLight.x = newX + 10; this.leftLight.y = this.ambulance.y + 7; this.rightLight.y = this.ambulance.y + 7; // Play tyre sound with a longer cooldown if (!this.lastTyreSound || this.time.now > this.lastTyreSound + 500) { this.tyreSound.play({ volume: 0.5 }); this.lastTyreSound = this.time.now; } } } spawnObstacle() { const randomLane = Phaser.Math.RND.pick(this.lanes); const randomFrame = Phaser.Math.Between(1, this.carFrames - 1); // Exclude the first frame (ambulance) const obstacle = this.obstacles.create(randomLane, -50, 'cars', randomFrame); obstacle.setScale(0.8); obstacle.setVelocityY(this.obstacleSpeed); obstacle.setAngle(180); // Rotate the obstacle to face downwards } handleCollision(ambulance, obstacle) { if (ambulance.isWobbling || obstacle.isSpinning) return; // Prevent multiple collisions // Play crash sound for ambulance this.crashSound.play(); // Play skid sound for obstacle this.skidSound.play(); // Make ambulance wobble this.wobbleAmbulance(ambulance); // Make obstacle spin off this.spinObstacle(obstacle); // Decrease score this.score = Math.max(0, this.score - 50); // Reset difficulty this.resetDifficulty(); } wobbleAmbulance(ambulance) { ambulance.isWobbling = true; this.tweens.add({ targets: ambulance, angle: { from: -5, to: 5 }, duration: 100, repeat: 5, yoyo: true, onComplete: () => { ambulance.setAngle(0); ambulance.isWobbling = false; } }); } spinObstacle(obstacle) { obstacle.isSpinning = true; this.tweens.add({ targets: obstacle, angle: 360, x: obstacle.x < 180 ? -100 : 460, // Spin off to the left or right duration: 1000, onComplete: () => { obstacle.destroy(); } }); } createBackButton() { const backButton = this.add.text(10, this.scale.height - 50, '<<', { fontSize: '32px', fill: '#ffffff', backgroundColor: '#000000', padding: { left: 10, right: 10, top: 5, bottom: 5 } }); backButton.setInteractive(); backButton.on('pointerdown', () => { const currentTime = new Date().getTime(); if (currentTime - this.lastClickTime < 500) { this.backButtonClicks++; if (this.backButtonClicks >= 3) { this.saveStats(); this.scene.start('MainMenu'); } } else { this.backButtonClicks = 1; } this.lastClickTime = currentTime; }); } saveStats() { const stats = JSON.parse(localStorage.getItem('gameStats')) || {}; stats.ambulanceRush = { score: Math.floor(this.score) }; localStorage.setItem('gameStats', JSON.stringify(stats)); } flashLights() { // Toggle left light between red (frame 0) and blue (frame 1) this.leftLight.setFrame(this.leftLight.frame.name === 0 ? 1 : 0); // Toggle right light between blue (frame 1) and red (frame 0) this.rightLight.setFrame(this.rightLight.frame.name === 1 ? 0 : 1); // Swap the lights' positions const tempX = this.leftLight.x; this.leftLight.x = this.rightLight.x; this.rightLight.x = tempX; } increaseDifficulty() { // Increase obstacle speed this.obstacleSpeed += 20; // Decrease spawn interval (minimum 500ms) this.obstacleSpawnInterval = Math.max(500, this.obstacleSpawnInterval - 100); // Increase scroll speed this.scrollSpeed += 0.5; // Update existing obstacles' speed this.obstacles.getChildren().forEach(obstacle => { obstacle.setVelocityY(this.obstacleSpeed); }); } resetDifficulty() { // Reset obstacle speed this.obstacleSpeed = this.baseObstacleSpeed; // Reset spawn interval this.obstacleSpawnInterval = 2000; // Reset scroll speed this.scrollSpeed = 5; // Update existing obstacles' speed this.obstacles.getChildren().forEach(obstacle => { obstacle.setVelocityY(this.obstacleSpeed); }); // Reset last difficulty increase time this.lastDifficultyIncrease = this.time.now; } } class ProgressScene extends Phaser.Scene { constructor() { super('ProgressScene'); } create() { const { width, height } = this.scale; // Set black background this.cameras.main.setBackgroundColor('#000000'); // Add title this.add.text(width / 2, 50, 'Player Progress', { fontSize: '32px', fill: '#ffffff', fontStyle: 'bold' }).setOrigin(0.5); // Get stats from localStorage const stats = JSON.parse(localStorage.getItem('gameStats')) || {}; // Display stats for each game let yPosition = 100; for (const [game, gameStats] of Object.entries(stats)) { this.add.text(20, yPosition, game, { fontSize: '24px', fill: '#ffffff', fontStyle: 'bold' }); yPosition += 30; for (const [stat, value] of Object.entries(gameStats)) { let displayValue = value; if (stat === 'averageReactionTime') { displayValue = `${Math.round(value)} ms`; } else if (stat === 'accuracy') { displayValue = `${Math.round(value)}%`; } else if (stat === 'totalPlayTime') { displayValue = `${Math.round(value / 1000)} seconds`; } this.add.text(40, yPosition, `${stat}: ${displayValue}`, { fontSize: '20px', fill: '#ffffff' }); yPosition += 25; } yPosition += 20; } // Create back button this.createBackButton(); } createBackButton() { const backButton = this.add.text(10, this.scale.height - 50, '<<', { fontSize: '32px', fill: '#ffffff', backgroundColor: '#000000', padding: { left: 10, right: 10, top: 5, bottom: 5 } }); backButton.setInteractive(); backButton.on('pointerdown', () => { this.scene.start('MainMenu'); }); } } // Note for Rosie: The game configuration is set up to be simple and accessible const config = { type: Phaser.AUTO, parent: 'renderDiv', pixelArt: true, scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, width: 360, height: 640 }, physics: { default: 'arcade', arcade: { gravity: { y: 0 } } }, scene: [PreviewScene, MainMenu, FruitCatchGame, BalloonPopGame, StarCatcherGame, BugCatcherGame, AmbulanceRushGame, ProgressScene, InfoScene] }; window.phaserGame = new Phaser.Game(config);