class GameScene extends Phaser.Scene { constructor() { super({ key: 'GameScene' }); this.cursors = null; this.background = null; this.vignette = null; // Vignette graphics object this.donut = null; // Reference to donut graphics this.angle = 0; // Add angle property for circular motion this.circularBox = null; // Reference to the circular moving box this.projectiles = null; this.shootTimer = null; // Timer for shooting countdown this.shootTimerText = null; // Text display for timer this.isRidingHorse = false; this.mountKey = null; this.shootKey = null; this.canShoot = true; // Track if we can shoot this.canDash = true; // Track if we can dash this.dashGraphics = null; // For storing dash line effects this.dashCircle = null; // For storing dash circle effect this.dashCooldown = 1000; // Cooldown in ms this.dashSpeed = 800; // Dash velocity this.dashDuration = 200; // How long the dash lasts in ms this.levelMatrix = [ [4, 0, 4, 0, 4, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 2, 0, 0, 0, 0, 0, 5, 5, 5, 0, 0, 0, 0, 2, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 4, 0, 4, 0, 4, 0, 4, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [4, 5, 4, 5, 4, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 2, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 4, 5, 4, 5, 4, 5, 4, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [4, 5, 4, 5, 4, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 2, 2, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 2, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 4, 5, 4, 5, 4, 5, 4, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [4, 5, 4, 5, 4, 0, 0, 0, 0, 0, 0, 2, 0, 0, 2, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 4, 5, 4, 5, 4, 5, 4, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [4, 5, 4, 5, 4, 0, 0, 0, 0, 0, 0, 2, 0, 0, 2, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 2, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 4, 5, 4, 5, 4, 5, 4, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [4, 5, 4, 5, 4, 0, 0, 0, 0, 2, 0, 0, 0, 0, 2, 2, 2, 0, 0, 0, 0, 2, 2, 2, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 7, 0, 0, 7, 0, 0, 8, 0, 0, 0, 0, 7, 7, 8, 7, 0, 7, 7, 0, 0, 0, 0, 0, 0, 0, 0, 7, 0, 0, 0, 0], [4, 5, 4, 5, 4, 0, 0, 0, 0, 2, 0, 0, 0, 0, 2, 2, 2, 0, 0, 0, 0, 2, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 8, 8, 0, 0, 0, 0, 0, 8, 8, 8, 0, 0, 0, 0, 0, 8, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 0, 2, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 1, 1, 1, 1, 1, 1, 1, 3, 3, 3, 3, 3, 3, 3, 3, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6] ]; } spawnSeagull() { // Check if we've reached the maximum number of seagulls if (this.seagulls.getChildren().length >= 10) { return; } const x = Phaser.Math.Between(0, 2400); const y = Phaser.Math.Between(50, 200); const seagull = this.seagulls.create(x, y, 'seagull1'); seagull.setScale(0.10); seagull.direction = 1; // 1 for right, -1 for left seagull.speed = Phaser.Math.Between(100, 150); seagull.animationTimer = 0; seagull.currentFrame = 'seagull1'; seagull.setVelocityY(0); // Ensure no vertical movement seagull.y = y; // Lock initial Y position } preload() { this.load.audio('timerSound', 'https://play.rosebud.ai/assets/piep.mp3?nTdT'); this.load.image('insidewall', 'https://play.rosebud.ai/assets/inside wall.jpg?fdne'); this.load.image('gate1', 'https://play.rosebud.ai/assets/gate1.png?A0sw'); this.load.image('tree', 'https://play.rosebud.ai/assets/pine_tree.png?pt46'); this.load.image('bush', 'https://play.rosebud.ai/assets/bush.png?Nqth'); this.load.image('gate2', 'https://play.rosebud.ai/assets/gate2.png?nQGH'); this.load.audio('seagullSound', 'https://play.rosebud.ai/assets/seagull sound.mp3?SAtu'); // Load horse sprites this.load.image('horse_idle', 'https://play.rosebud.ai/assets/horse idle.png?nADe'); this.load.image('horse1', 'https://play.rosebud.ai/assets/horse 1.png?H7Fs'); this.load.image('horse2', 'https://play.rosebud.ai/assets/horse 2.png?wO7L'); this.load.image('horse3', 'https://play.rosebud.ai/assets/horse 3.png?SgUc'); this.load.image('horse4', 'https://play.rosebud.ai/assets/horse 4.png?4v1C'); this.load.image('background', 'https://play.rosebud.ai/assets/horror forest image.png?VWJg'); this.load.image('forestBg', 'https://play.rosebud.ai/assets/horror forest image.png?VWJg'); this.load.image('wallGate', 'https://play.rosebud.ai/assets/wall gate.png?jxy3'); this.load.image('wall_maria_1', 'https://play.rosebud.ai/assets/wall maria 1.jpeg?EBym'); this.load.image('wall_maria_2', 'https://play.rosebud.ai/assets/wall maria 2.jpeg?Z8Uu'); this.load.image('seagull1', 'https://play.rosebud.ai/assets/seagull1.png?c0k9'); this.load.image('seagull2', 'https://play.rosebud.ai/assets/seagull2.png?Ovof'); this.load.image('projectile', 'https://play.rosebud.ai/assets/scary skull.png?m3AI'); this.load.image('minisa', `https://play.rosebud.ai/assets/idle_with_skull.png?VgFP`); this.load.image('minisa_without_skull', `https://play.rosebud.ai/assets/idle_without_skull .png?h5ID`); this.load.image('red', `https://play.rosebud.ai/assets/red.png?twbB`); this.load.audio('background_music', `https://play.rosebud.ai/assets/bg music.mp3?xBpM`); this.load.audio('tatakae', 'https://play.rosebud.ai/assets/seagull sound.mp3?SAtu'); // this.load.audio('tatakae', 'https://play.rosebud.ai/assets/tatakae audio.mp3?vptC'); this.load.image('ground', 'https://play.rosebud.ai/assets/brick ground sprite.webp?SMf3'); this.load.image('forestGround', 'https://play.rosebud.ai/assets/forest groundsprite.png?CzTD'); this.load.image('brick', 'https://play.rosebud.ai/assets/brick sprite.jpeg?mgj8'); this.load.image('apple', 'https://play.rosebud.ai/assets/apple.png?7cMw'); this.load.image('meat', 'https://play.rosebud.ai/assets/meat.png?q2YR'); this.load.image('bone', 'https://play.rosebud.ai/assets/bone.png?0Lhx'); this.load.audio('jumpSound', 'https://play.rosebud.ai/assets/jump sound.mp3?JWtp'); this.load.image('colossalTitan', 'https://play.rosebud.ai/assets/collosal titan.jpeg?EOyc'); this.load.image('titanArm', 'https://play.rosebud.ai/assets/titan_arm_processed.jpg?fhgo'); this.load.image('titanFist', 'https://play.rosebud.ai/assets/fist.png?TcrO'); this.load.image('circularBox', 'https://play.rosebud.ai/assets/red.png?PxHJ'); // Load titan walking sprites this.load.image('titan1', 'https://play.rosebud.ai/assets/titan1.png?7I0g'); this.load.image('titan2', 'https://play.rosebud.ai/assets/titan2.png?Dz4Y'); this.load.image('titan3', 'https://play.rosebud.ai/assets/titan3.png?YFHT'); this.load.image('titan4', 'https://play.rosebud.ai/assets/titan4.png?4cWZ'); } create() { // Remove world bounds for infinite scrolling this.physics.world.setBounds(-Infinity, 0, Infinity, 600); // Add the first background this.background1 = this.add.image(1200, 300, 'background'); const scaleX1 = 2400 / this.background1.width; this.background1.setScale(scaleX1); this.background1.y = 600 / 2; this.background1.setOrigin(0.5, 0.5); this.background1.setScrollFactor(0.3); // Add the forest background after the first background this.background2 = this.add.image(3600, 300, 'forestBg'); const scaleX2 = 2400 / this.background2.width; this.background2.setScale(scaleX2); this.background2.y = 600 / 2; this.background2.setOrigin(0.5, 0.5); this.background2.setScrollFactor(0.3); // Add inside wall gate image const insidewall = this.add.image(6630, 440, 'insidewall'); insidewall.setScale(0.65, 0.26); // Adjust scale as needed insidewall.setDepth(0); // Add wall gate image const wallGate = this.add.image(6400, 280, 'wallGate'); wallGate.setScale(0.6, 0.8); // Adjust scale as needed wallGate.setDepth(1); // Set depth to appear in front of background // Add gate1 image const gate1 = this.add.image(6380, 440, 'gate1'); gate1.setScale(0.13, 0.25); // Adjust scale as needed gate1.setDepth(0); // Add gate2 image const gate2 = this.add.image(6430, 440, 'gate2'); gate2.setScale(0.13, 0.25); // Adjust scale as needed gate2.setDepth(1); // Add wall gate image const wallGate2 = this.add.image(6850, 280, 'wallGate'); wallGate2.setScale(0.6, 0.8); // Adjust scale as needed wallGate2.setDepth(1); // Set depth to appear in front of background // Add gate1 image const gate11 = this.add.image(6830, 440, 'gate1'); gate11.setScale(0.13, 0.25); // Adjust scale as needed gate11.setDepth(0); // Add gate2 image const gate22 = this.add.image(6880, 440, 'gate2'); gate22.setScale(0.13, 0.25); // Adjust scale as needed gate22.setDepth(1); // Add colossal titan static image const titan = this.add.image(4800, 320, 'colossalTitan'); titan.setScale(0.5); // Adjust scale to fit the scene titan.setDepth(0); // Set depth below player // Add rotating titan arm const titanArm = this.physics.add.sprite(3800, 1200, 'titanArm'); // Set a more precise collision box // titanArm.body.setOffset(200, 100); titanArm.setOrigin(0.4, 0); // Set origin to right-middle of the sprite titanArm.setScale(1.2, 1.6); // titanArm.body.setSize(300, 500); titanArm.body.allowGravity = false; // Prevent gravity effects titanArm.setImmovable(true); // Make it immovable titanArm.angle = 180; // Start from upward position // Initialize titanArm properties for pendulum motion this.titanArm = titanArm; this.titanArmStartAngle = 200; // Starting angle this.titanArmEndAngle = 254; // Ending angle // Create sprite groups this.platforms = this.physics.add.staticGroup(); this.bricks = this.physics.add.staticGroup(); this.apples = this.physics.add.staticGroup(); // Create groups for meat and bones this.meatItems = this.physics.add.group({ allowGravity: true }); this.boneItems = this.physics.add.group({ allowGravity: true }); this.lavaParticles = this.add.particles('red'); this.lavaEmitters = []; // Create level from matrix const tileSize = 75; // Increased tile size this.levelMatrix.forEach((row, i) => { row.forEach((cell, j) => { const x = j * tileSize + tileSize / 2; const y = i * tileSize + tileSize / 2; if (cell === 1) { // Ground const brick = this.bricks.create(x, y, 'ground'); brick.setScale(0.105, 0.2).refreshBody(); // Adjusted scale for new brick sprite } else if (cell === 2) { // Brick const brick = this.bricks.create(x, y, 'brick'); brick.setScale(0.105).refreshBody(); // Adjusted scale for new brick sprite } else if (cell === 4) { // Wall Maria 1 const wall = this.bricks.create(x, y, 'wall_maria_1'); wall.setScale(0.105).refreshBody(); } else if (cell === 5) { // Wall Maria 2 const wall = this.bricks.create(x, y, 'wall_maria_2'); wall.setScale(0.105).refreshBody(); } else if (cell === 6) { // Forest Ground const forestGround = this.bricks.create(x, y, 'forestGround'); forestGround.setScale(0.06, 0.088).refreshBody(); } else if (cell === 7) { // tree const tree = this.bricks.create(x, y, 'tree'); tree.setScale(0.4, 0.5).refreshBody(); } else if (cell === 8) { // tree const bush = this.bricks.create(x, y, 'bush'); bush.setScale(0.6, 0.6).refreshBody(); } else if (cell === 3) { // Lava // Base lava rectangle with gradient const lavaZone = this.add.rectangle(x, y, tileSize, tileSize, 0xff3300, 0.8); // Main orange-red particles const emitter = this.lavaParticles.createEmitter({ x: { min: x - tileSize / 2, max: x + tileSize / 2 }, y: y, speed: { min: 50, max: 150 }, angle: { min: 270, max: 310 }, scale: { start: 0.6, end: 0 }, blendMode: 'ADD', tint: [0xff0000, 0xff3300, 0xff6600], alpha: { start: 0.8, end: 0 }, lifespan: 1500, frequency: 30 }); // Secondary particle system for deeper lava effect const secondaryEmitter = this.lavaParticles.createEmitter({ x: { min: x - tileSize / 2, max: x + tileSize / 2 }, y: y + tileSize / 4, speed: { min: 30, max: 80 }, angle: { min: 250, max: 290 }, scale: { start: 0.4, end: 0 }, blendMode: 'ADD', tint: [0xff9900, 0xff4400], alpha: { start: 0.6, end: 0 }, lifespan: 2000, frequency: 50 }); this.lavaEmitters.push({ emitter, x, y }); } }); }); // Setup camera to follow Mikasa // Remove camera bounds to follow player infinitely horizontally this.cameras.main.setBounds(-Infinity, 0, Infinity, 600); this.minisa = this.physics.add.sprite(500, 300, 'minisa'); // Reset spawn position // Initialize circular box after Mikasa this.circularBox = this.physics.add.sprite(3800, 1200, 'titanFist'); this.circularBox.setScale(0.3); this.circularBox.body.setSize(600, 400); this.circularBox.body.allowGravity = false; this.circularBox.setImmovable(true); // // Initialize titanArm1 after Mikasa // this.titanArm1 = this.physics.add.sprite(3750, 1150, 'titanFist'); // this.titanArm1.setScale(-0.3, 0.3); // this.titanArm1.body.setSize(600, 400); // this.titanArm1.body.allowGravity = false; // this.titanArm1.setImmovable(true); // Scale mikasa first so we can set the proper collision box this.minisa.setScale(0.3); // Reset all player abilities this.canDash = true; this.isDashing = false; this.canShoot = true; // Set a more precise collision box this.minisa.body.setSize(200, 400); // this.minisa.body.setOffset(300, 80); this.minisa.body.setOffset(100, 0); this.cameras.main.startFollow(this.minisa, true, 0.08, 0.08); this.minisa.setVelocity(0, 0); this.minisa.setCollideWorldBounds(false); // Create vignette effect this.vignette = this.add.graphics(); this.vignette.setDepth(50); // Set very high depth to appear above everything // Create radial gradient for vignette using concentric circles const width = 800; const height = 600; const maxRadius = Math.sqrt(width * width + height * height) / 2; const steps = 100; this.vignette.lineStyle(400, 0x000000, 1); this.vignette.beginPath(); this.vignette.arc(width / 2, height / 2, maxRadius + 200, 0, Math.PI * 2); this.vignette.closePath(); this.vignette.strokePath(); for (let i = 0; i < steps; i++) { const alpha = (1 - (i / steps)) * 0.9; // Gradually increase alpha from 0 to 0.7 const radius = maxRadius * (1 - i / steps); this.vignette.lineStyle(10, 0x000000, alpha); this.vignette.beginPath(); this.vignette.arc(width / 2, height / 2, radius, 0, Math.PI * 2); this.vignette.closePath(); this.vignette.strokePath(); } // Add more physics properties for better jump control this.minisa.setBounce(0); // Remove the invisible ground rectangle since we're using the sprite ground // Add colliders for level elements this.physics.add.collider(this.minisa, this.platforms, null, null, this); this.physics.add.collider(this.minisa, this.bricks, null, null, this); // Add colliders for meat and bones with ground and bricks this.physics.add.collider(this.meatItems, this.bricks); this.physics.add.collider(this.boneItems, this.bricks); // Add all collisions after objects are initialized this.physics.add.overlap(this.minisa, this.circularBox, this.handleCircularBoxCollision, null, this); this.physics.add.overlap(this.minisa, titanArm, this.handleTitanArmCollision, null, this); // Debug collisions this.physics.world.createDebugGraphic(); this.physics.world.drawDebug = false; // Add overlap for collectibles this.physics.add.overlap(this.minisa, this.apples, this.collectApple, null, this); this.canJump = true; // Add background music this.backgroundMusic = this.sound.add('background_music', { loop: true, volume: 0.3 }); // this.backgroundMusic.play(); this.backgroundMusic.play({ volume: 0.0 }); // Set volume to 50% // Create seagulls group this.seagulls = this.physics.add.group({ allowGravity: false // Disable gravity for seagulls }); // Create horse sprite and animations this.horse = this.physics.add.sprite(3900, 450, 'horse1'); this.horse.setScale(0.2); this.horse.setCollideWorldBounds(false); // Create horse animation this.anims.create({ key: 'horse_run', frames: [{ key: 'horse1' }, { key: 'horse2' }, { key: 'horse3' }, { key: 'horse4' }], frameRate: 1, repeat: -1 }); // Start horse animation this.horse.play('horse_run'); // Add horse collider with platforms and bricks this.physics.add.collider(this.horse, this.platforms); this.physics.add.collider(this.horse, this.bricks); // Create walking titan sprite and animation this.walkingTitan = this.physics.add.sprite(9000, 370, 'titan1'); this.walkingTitan.setScale(0.8); // Set titan physics properties this.walkingTitan.body.setSize(200, 350); // Adjust collision box size this.walkingTitan.setImmovable(true); this.walkingTitan.body.allowGravity = false; // Initialize titan movement properties with more variation this.walkingTitan.moveDirection = Phaser.Math.Between(0, 1) ? 1 : -1; // Random initial direction this.walkingTitan.moveSpeed = Phaser.Math.Between(150, 200); // Random initial speed this.walkingTitan.canChangeDirection = true; // Set initial scale based on direction this.walkingTitan.setScale(0.8); // Add collider between titan and ground/bricks this.physics.add.collider(this.walkingTitan, this.bricks, this.handleTitanObjectCollision, null, this); this.physics.add.collider(this.walkingTitan, this.platforms); // Create titan walking animation this.anims.create({ key: 'titan_walk', frames: [{ key: 'titan1' }, { key: 'titan2' }, { key: 'titan3' }, { key: 'titan4' }], frameRate: 20, repeat: -1 }); // Start titan walking animation this.walkingTitan.play('titan_walk'); // Add collision between Mikasa and walking titan this.physics.add.overlap(this.minisa, this.walkingTitan, this.handleTitanCollision, null, this); // Create initial seagulls for (let i = 0; i < 1; i++) { this.spawnSeagull(); } // Set up timer for spawning new seagulls this.time.addEvent({ delay: 10000, // 10 seconds callback: this.spawnSeagull, callbackScope: this, loop: true }); // Initialize movement keys // Initialize all keyboard controls this.cursors = this.input.keyboard.createCursorKeys(); this.shootKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.X); this.mountKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.E); // Initialize WASD keys this.keyW = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.W); this.keyA = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.A); this.keyS = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.S); this.keyD = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.D); // Initialize arrow keys this.keyLeft = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.LEFT); this.keyRight = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.RIGHT); // Initialize dash key this.dashKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.SHIFT); // Add overlap between Mikasa and horse for mounting this.physics.add.overlap(this.minisa, this.horse, this.handleHorseInteraction, null, this); // Create dash particles and graphics this.dashParticles = this.add.particles('red'); this.dashParticles.setDepth(0); this.dashGraphics = this.add.graphics(); this.dashGraphics.setDepth(1); this.dashCircle = this.add.graphics(); this.dashCircle.setDepth(1); this.dashEmitter = this.dashParticles.createEmitter({ speed: { min: 50, max: 100 }, scale: { start: 0.3, end: 0 }, blendMode: 'ADD', tint: 0x42e0f5, lifespan: 200, on: false // Start disabled }); // Create projectiles group this.projectiles = this.physics.add.group({ defaultKey: 'projectile', maxSize: 100, bounceX: 0.5, bounceY: 0.7 }); // Add colliders for projectiles with ground and seagulls this.physics.add.overlap(this.projectiles, this.seagulls, this.hitSeagull, null, this); // Add collision between Mikasa and seagulls this.physics.add.overlap(this.minisa, this.seagulls, this.handleSeagullCollision, null, this); this.physics.add.collider(this.projectiles, this.bricks, (projectile) => { projectile.setBounce(0.7); projectile.setAngularVelocity(300); // Add spin when bouncing }); // Add overlap between Mikasa and projectiles for pickup this.physics.add.overlap(this.minisa, this.projectiles, this.collectProjectile, null, this); this.time.addEvent({ delay: 3000, loop: false, callback: () => { // this.scene.start('new-scene'); // this.switchScene(); }, }); } handleTitanObjectCollision(titan, object) { // Check if there's an actual collision and the titan can change direction if (titan.canChangeDirection && Phaser.Geom.Intersects.RectangleToRectangle(titan.getBounds(), object.getBounds())) { // Prevent direction changes for a short period titan.canChangeDirection = false; // Move titan slightly away from the object to prevent continuous collision const pushAwayDistance = 20; titan.x += (titan.moveDirection > 0 ? -pushAwayDistance : pushAwayDistance); // Reverse titan's direction titan.moveDirection *= -1; // Flip the titan's sprite scale based on direction // titan.setScale(0.8 * (titan.moveDirection > 0 ? 1 : -1), 0.8); // Add random movement variation titan.moveSpeed = Phaser.Math.Between(80, 120); // Random speed between 80 and 120 // Reset the cooldown after a random time between 2-4 seconds const randomDelay = Phaser.Math.Between(2000, 4000); this.time.delayedCall(randomDelay, () => { titan.canChangeDirection = true; }); } } // Remove the separate dash method as we've moved its functionality to update() update(time, delta) { // Update countdown timer text if (this.shootTimer && this.shootTimerText) { const remainingTime = Math.ceil((10000 - this.shootTimer.getElapsed()) / 1000); this.shootTimerText.setText(remainingTime.toString()); // Make text pulse as time runs low if (remainingTime <= 3) { const scale = 1 + Math.sin(time / 100) * 0.5; this.shootTimerText.setScale(scale); this.shootTimerText.setTint(0xff0000); } } // Update titan arm pendulum motion const titanArmSpeed = 0.002; // Adjust this value to control arm swing speed const halfRange = (this.titanArmEndAngle - this.titanArmStartAngle) / 2; const midAngle = this.titanArmStartAngle + halfRange; this.titanArm.angle = midAngle + Math.sin(time * titanArmSpeed) * halfRange; // Update circular box position for pendulum motion const minAngle = Math.PI * 1.5; // 180 degrees const maxAngle = Math.PI * 1.8; // 270 degrees // Use sine wave to create smooth pendulum motion this.angle = minAngle + (Math.sin(this.time.now * 0.0025) + 1) * (maxAngle - minAngle) / 2; const radius = 630; const radius1 = 630; const centerX = 4200; const centerY = 750; // Calculate new position using the constrained angle // this.titanArm1.x = centerX + radius1 * Math.cos(this.angle); // this.titanArm1.y = centerY + radius1 * Math.sin(this.angle); // Calculate new position using the constrained angle this.circularBox.x = centerX + radius * Math.cos(this.angle); this.circularBox.y = centerY + radius * Math.sin(this.angle); // Handle horse mounting/dismounting if (Phaser.Input.Keyboard.JustDown(this.mountKey)) { const distance = Phaser.Math.Distance.Between(this.minisa.x, this.minisa.y, this.horse.x, this.horse.y); if (distance < 100) { this.isRidingHorse = !this.isRidingHorse; if (this.isRidingHorse) { this.minisa.setScale(0.22); // Adjust Minisa's size while riding } else { this.minisa.setScale(0.3); // Reset to normal size } } } // Update Minisa's position if riding horse if (this.isRidingHorse) { this.minisa.x = this.horse.x; this.minisa.y = this.horse.y - 50; // Position Minisa above the horse this.minisa.setVelocityX(this.horse.body.velocity.x); this.minisa.setVelocityY(0); } // Handle shooting with TAB key if (Phaser.Input.Keyboard.JustDown(this.shootKey)) { this.shoot(); } // Handle dash before regular movement if (Phaser.Input.Keyboard.JustDown(this.dashKey) && this.canDash) { this.isDashing = true; this.canDash = false; this.dashGraphics.alpha = 1; this.dashCircle.alpha = 1; const direction = this.minisa.scaleX > 0 ? 1 : -1; this.minisa.setVelocityX(direction * this.dashSpeed); // Create dash line effect this.dashGraphics.clear(); this.dashGraphics.lineStyle(2, 0x00ffff, 1); const dashLength = 100; for (let i = 0; i < 5; i++) { const startX = this.minisa.x - (direction * i * 20); this.dashGraphics.beginPath(); this.dashGraphics.moveTo(startX, this.minisa.y); this.dashGraphics.lineTo(startX - (direction * dashLength / 5), this.minisa.y); this.dashGraphics.strokePath(); } // Create dash circle effect this.dashCircle.clear(); this.dashCircle.lineStyle(2, 0x00ffff, 1); this.dashCircle.strokeCircle(this.minisa.x, this.minisa.y, 30); // Create fade tween for both graphics this.tweens.add({ targets: [this.dashGraphics, this.dashCircle], alpha: 0, duration: this.dashDuration, ease: 'Linear' }); // Start dash particles this.dashEmitter.on = true; this.dashEmitter.startFollow(this.minisa); // Stop dash after duration this.time.delayedCall(this.dashDuration, () => { this.isDashing = false; this.dashEmitter.on = false; this.dashEmitter.stopFollow(); // Clear dash effects this.dashGraphics.clear(); this.dashCircle.clear(); // Reset velocity if not moving if ((!this.keyA || !this.keyA.isDown) && (!this.keyD || !this.keyD.isDown) && (!this.keyLeft || !this.keyLeft.isDown) && (!this.keyRight || !this.keyRight.isDown)) { this.minisa.setVelocityX(0); } }); // Reset dash after cooldown this.time.delayedCall(this.dashCooldown, () => { this.canDash = true; }); } // Handle jumping with spacebar if (this.cursors && ((this.cursors.space && this.cursors.space.isDown) || (this.cursors.up && this.cursors.up.isDown) || (this.keyW && this.keyW.isDown)) && this.minisa.body.touching.down) { this.minisa.setVelocityY(-400); } // Only handle regular movement if not dashing and not riding if (!this.isDashing && !this.isRidingHorse) { // Update texture based on canShoot state this.minisa.setTexture(this.canShoot ? 'minisa' : 'minisa_without_skull'); if ((this.keyA && this.keyA.isDown) || (this.keyLeft && this.keyLeft.isDown)) { this.minisa.setVelocityX(-160); this.minisa.setScale(-0.3, 0.3); // Face left this.minisa.body.setOffset(300, 0); } else if ((this.keyD && this.keyD.isDown) || (this.keyRight && this.keyRight.isDown)) { this.minisa.setVelocityX(160); this.minisa.setScale(0.3); // Face right this.minisa.body.setOffset(100, 0); } else { this.minisa.setVelocityX(0); } } // Update horse movement const horseSpeed = 250; // Increased speed for better control if (this.isRidingHorse) { // Manual horse control when riding if ((this.keyA && this.keyA.isDown) || (this.keyLeft && this.keyLeft.isDown)) { this.horse.setVelocityX(-horseSpeed); this.horse.setScale(0.2, 0.2); // Face left this.horse.play('horse_run', true); // Resume running animation when moving this.minisa.setScale(0.15, 0.15); // Face same direction as horse } else if ((this.keyD && this.keyD.isDown) || (this.keyRight && this.keyRight.isDown)) { this.horse.setVelocityX(horseSpeed); this.horse.setScale(-0.2, 0.2); // Face right this.horse.play('horse_run', true); // Resume running animation when moving this.minisa.setScale(-0.15, 0.15); // Face same direction as horse } else { this.horse.setVelocityX(0); // Switch to idle sprite when not moving this.horse.anims.stop(); this.horse.setTexture('horse_idle'); // Maintain the correct scale/flip based on last direction if (this.horse.scaleX < 0) { this.horse.setScale(-0.2, 0.2); } else { this.horse.setScale(0.2, 0.2); } } } else { // Automatic patrol when not riding if (!this.horseStartX) { this.horseStartX = this.horse.x; this.horseDirection = 1; } const horsePatrolDistance = 600; if (this.horse.x >= this.horseStartX + horsePatrolDistance) { this.horseDirection = -1; this.horse.setScale(0.2, 0.2); // Face left } else if (this.horse.x <= this.horseStartX) { this.horseDirection = 1; this.horse.setScale(-0.2, 0.2); // Face right } this.horse.setVelocityX(horseSpeed * 0.6 * this.horseDirection); // Slower speed for patrol } // Check for lava collision this.checkLavaCollision(); // Update projectile sounds based on distance this.projectiles.getChildren().forEach(projectile => { if (projectile.active && projectile.audio) { const distance = Phaser.Math.Distance.Between( this.minisa.x, this.minisa.y, projectile.x, projectile.y ); // Maximum distance for audio to be heard const maxDistance = 600; // Calculate volume based on distance (closer = louder) let volume = Math.max(0, 1 - (distance / maxDistance)); projectile.audio.setVolume(volume); } }); // Update seagulls this.seagulls.getChildren().forEach(seagull => { // Move seagull seagull.x += seagull.speed * seagull.direction * this.game.loop.delta / 1000; seagull.y = seagull.y; // Keep Y position constant // Animation timing seagull.animationTimer += this.game.loop.delta; if (seagull.animationTimer >= 200) { // Switch frame every 200ms seagull.animationTimer = 0; seagull.currentFrame = seagull.currentFrame === 'seagull1' ? 'seagull2' : 'seagull1'; seagull.setTexture(seagull.currentFrame); } // Change direction when reaching bounds if (seagull.x >= this.minisa.x + 1200) { seagull.direction = -1; seagull.setFlipX(true); } else if (seagull.x <= this.minisa.x - 1200) { seagull.direction = 1; seagull.setFlipX(false); } }); // Update titan movement this.walkingTitan.setVelocityX(this.walkingTitan.moveSpeed * this.walkingTitan.moveDirection); // Update vignette position to follow minisa if (this.vignette) { // Calculate the position relative to the camera scroll const cameraScrollX = this.cameras.main.scrollX; const cameraScrollY = this.cameras.main.scrollY; // Position vignette relative to minisa's position on screen const screenX = this.minisa.x - cameraScrollX; const screenY = this.minisa.y - cameraScrollY; // Update vignette position to center on minisa this.vignette.x = cameraScrollX + screenX - 400; this.vignette.y = cameraScrollY + screenY - 300; } } shoot() { // Only shoot if we have ammo if (!this.canShoot) return; this.canShoot = false; // Use up the shot // Start countdown timer if (this.shootTimerText) { this.shootTimerText.destroy(); } this.shootTimerText = this.add.text(400, 50, '10', { fontSize: '52px', fill: '#ff0000', fontStyle: 'bold' }).setScrollFactor(0).setOrigin(0.5).setDepth(100);; // Create or reset the timer if (this.shootTimer) { this.shootTimer.destroy(); } this.shootTimer = this.time.addEvent({ delay: 10000, callback: () => { // Stop timer sound before game over if (this.shootTimer.timerSound) { this.shootTimer.timerSound.stop(); this.shootTimer.timerSound.destroy(); } // Player dies when timer runs out this.backgroundMusic.stop(); this.scene.pause(); this.scene.launch('GameOverScene'); } }); // Add timer sound const timerSound = this.sound.add('timerSound', { volume: 0.3, loop: true }); timerSound.play(); // Stop the sound when timer is destroyed this.shootTimer.timerSound = timerSound; // Calculate spawn position based on Minisa's direction const direction = this.minisa.scaleX > 0 ? 1 : -1; // Reversed logic to match Minisa's scale const spawnOffsetX = direction * 50; // Spawn offset matches direction const projectile = this.projectiles.create( this.minisa.x + spawnOffsetX, this.minisa.y - 20, // Slightly above center 'projectile' ); if (projectile) { projectile.setScale(0.067); projectile.setDepth(1); // Set projectile to higher depth // Add audio to the projectile projectile.audio = this.sound.add('tatakae', { loop: true, volume: 0 }); // projectile.audio.play(); projectile.canBeCollected = false; // Add flag to prevent immediate collection // Enable collection after a short delay this.time.delayedCall(100, () => { if (projectile.active) { projectile.canBeCollected = true; } }); // Create particle effect for the projectile const particles = this.add.particles('red'); particles.setDepth(0); // Set particles to lower depth projectile.particles = particles; // Store reference to particles const emitter = particles.createEmitter({ speed: 100, scale: { start: 0.5, end: 0 }, blendMode: 'ADD', tint: 0x42e0f5, lifespan: 200 }); emitter.startFollow(projectile); // Set projectile's scale to match direction projectile.setFlipX(direction < 0); // Enable bouncing and collisions projectile.setBounce(0.7); projectile.setCollideWorldBounds(true); // Shoot in the correct direction projectile.setVelocityX(direction * 400); projectile.setFlipX(direction > 0); // Add a small upward velocity for better visuals projectile.setVelocityY(-50); // Enable physics body with smaller collision box projectile.body.setSize(projectile.width * 0.6, projectile.height * 0.6); // Remove projectile when it goes off screen projectile.checkWorldBounds = true; projectile.outOfBoundsKill = true; } } collectProjectile(player, projectile) { // Only collect if the projectile can be collected if (!projectile.canBeCollected) return; // Destroy particles if they exist if (projectile.particles) { projectile.particles.destroy(); } // Stop and destroy the audio when collected if (projectile.audio) { projectile.audio.stop(); projectile.audio.destroy(); } // Collect the projectile projectile.destroy(); this.canShoot = true; // Allow shooting again // Clear timer and text when projectile is collected if (this.shootTimer) { if (this.shootTimer.timerSound) { this.shootTimer.timerSound.stop(); this.shootTimer.timerSound.destroy(); } this.shootTimer.destroy(); this.shootTimer = null; } if (this.shootTimerText) { this.shootTimerText.destroy(); this.shootTimerText = null; } } hitSeagull(projectile, seagull) { // Create red liquid particles const liquidParticles = this.add.particles('red'); liquidParticles.setDepth(1); // Liquid splash emitter const liquidEmitter = liquidParticles.createEmitter({ speed: { min: 100, max: 200 }, angle: { min: 210, max: 330 }, scale: { start: 0.8, end: 0.1 }, blendMode: 'NORMAL', tint: 0xff0000, alpha: { start: 0.8, end: 0 }, lifespan: 1000, gravityY: 600, quantity: 2, frequency: 50 }); // Mist effect for more gore const mistEmitter = liquidParticles.createEmitter({ speed: { min: 50, max: 100 }, angle: { min: 0, max: 360 }, scale: { start: 0.2, end: 0 }, blendMode: 'ADD', tint: [0xff0000, 0xcc0000], alpha: { start: 0.4, end: 0 }, lifespan: 1000, gravityY: 200 }); // Position both emitters at the seagull's location liquidEmitter.setPosition(seagull.x, seagull.y); mistEmitter.setPosition(seagull.x, seagull.y); // Emit bursts of particles liquidEmitter.explode(15); mistEmitter.explode(20); // Spawn meat and bones before destroying the seagull const spawnPoint = { x: seagull.x, y: seagull.y }; // Spawn 3 meat items for (let i = 0; i < 2; i++) { const meat = this.meatItems.create(spawnPoint.x, spawnPoint.y, 'meat'); meat.setScale(0.06); meat.setAlpha(1); // Calculate angle for spread const angle = Phaser.Math.Between(210, 330); // Upward spread const speed = Phaser.Math.Between(100, 200); // Convert angle to velocity components meat.setVelocity( speed * Math.cos(angle * Math.PI / 180), speed * Math.sin(angle * Math.PI / 180) ); // Add rotation meat.setAngularVelocity(Phaser.Math.Between(-200, 200)); // Add fade tween for meat this.tweens.add({ targets: meat, alpha: 0, duration: 2000, // 3 seconds ease: 'Linear', onComplete: () => { meat.destroy(); } }); } // Spawn 5 bone items for (let i = 0; i < 5; i++) { const bone = this.boneItems.create(spawnPoint.x, spawnPoint.y, 'bone'); bone.setScale(0.05); bone.setAlpha(1); // Calculate angle for wider spread const angle = Phaser.Math.Between(180, 360); // Full spread const speed = Phaser.Math.Between(150, 250); // Convert angle to velocity components bone.setVelocity( speed * Math.cos(angle * Math.PI / 180), speed * Math.sin(angle * Math.PI / 180) ); // Add faster rotation for bones bone.setAngularVelocity(Phaser.Math.Between(-300, 300)); bone.setBounce(0.3); // Add fade tween for bone this.tweens.add({ targets: bone, alpha: 0, duration: 2000, // 3 seconds ease: 'Linear', onComplete: () => { bone.destroy(); } }); } // Play seagull death sound this.sound.play('seagullSound', { volume: 0.5 }); // Destroy the seagull seagull.destroy(); // Clean up the particle systems after the effects are done this.time.delayedCall(1000, () => { liquidParticles.destroy(); }); } checkLavaCollision() { const playerBounds = this.minisa.getBounds(); this.lavaEmitters.forEach(({ x, y }) => { const lavaRect = new Phaser.Geom.Rectangle(x - 37.5, y - 18.75, 75, 37.5); if (Phaser.Geom.Rectangle.Overlaps(playerBounds, lavaRect)) { // Stop background music this.backgroundMusic.stop(); // Launch Game Over scene this.scene.pause(); this.scene.launch('GameOverScene'); } }); } collectApple(player, apple) { apple.destroy(); } handleSeagullCollision(player, seagull) { // Stop background music this.backgroundMusic.stop(); // Pause the current scene and launch Game Over scene this.scene.pause(); this.scene.launch('GameOverScene'); } handleTitanCollision(player, titan) { // Stop background music this.backgroundMusic.stop(); // Pause the current scene and launch Game Over scene this.scene.pause(); this.scene.launch('GameOverScene'); } handleTitanArmCollision(player, titanArm) { // Stop background music this.backgroundMusic.stop(); // Pause the current scene and launch Game Over scene this.scene.pause(); this.scene.launch('GameOverScene'); } handleCircularBoxCollision(player, box) { // Stop background music this.backgroundMusic.stop(); // Pause the current scene and launch Game Over scene this.scene.pause(); this.scene.launch('GameOverScene'); } } class GameOverScene extends Phaser.Scene { constructor() { super({ key: 'GameOverScene' }); } preload() { // Preload jumpscare assets this.load.image('jumpscare', 'https://play.rosebud.ai/assets/scary skull.png?m3AI'); this.load.audio('jumpscareSound', 'https://play.rosebud.ai/assets/jumpscare sound.mp3?ut9g'); } create() { // Get jumpscare preference from the registry const jumpscareEnabled = this.scene.get('JumpscareWarningScene').jumpscareEnabled; if (jumpscareEnabled) { // Create and play jumpscare sound const jumpscareSound = this.sound.add('jumpscareSound', { volume: 0.07 }); jumpscareSound.play(); // Create jumpscare effect const jumpscare = this.add.image(400, 300, 'jumpscare'); jumpscare.setScale(2); jumpscare.setAlpha(0); jumpscare.setTint(0xff0000); // Add red tint // Flash the jumpscare this.tweens.add({ targets: jumpscare, alpha: 1, duration: 50, yoyo: true, repeat: 15, scaleX: { from: 2, to: 2.5 }, scaleY: { from: 2, to: 2.5 }, onComplete: () => { this.showGameOver(); } }); } else { // If jumpscares are disabled, show game over screen directly this.showGameOver(); } } showGameOver() { // Add dark semi-transparent overlay this.add.rectangle(400, 300, 800, 600, 0x000000, 0.7); // Add Game Over text this.add.text(400, 200, 'GAME OVER', { fontSize: '64px', fill: '#ff0000', fontStyle: 'bold' }).setOrigin(0.5); // Add restart instruction this.add.text(400, 300, 'Press SPACE to restart', { fontSize: '32px', fill: '#ffffff' }).setOrigin(0.5); // Add space key input this.input.keyboard.once('keydown-SPACE', () => { // Stop the current game scene completely this.scene.stop('GameScene'); // Start a fresh game scene this.scene.start('GameScene'); }); const jumpscareEnabled = this.scene.get('JumpscareWarningScene').jumpscareEnabled; // Shake the camera for added effect if (jumpscareEnabled) { this.cameras.main.shake(1000, 0.1); } } } class LoadingScene extends Phaser.Scene { constructor() { super({ key: 'LoadingScene' }); } preload() { // Create loading bar const width = this.cameras.main.width; const height = this.cameras.main.height; // Loading bar background const progressBox = this.add.graphics(); progressBox.fillStyle(0x222222, 0.8); progressBox.fillRect(width / 4, height / 2 - 30, width / 2, 50); // Loading text const loadingText = this.add.text(width / 2, height / 2 - 50, 'Loading...', { font: '20px monospace', fill: '#ffffff' }); loadingText.setOrigin(0.5, 0.5); // Percentage text const percentText = this.add.text(width / 2, height / 2 - 5, '0%', { font: '18px monospace', fill: '#ffffff' }); percentText.setOrigin(0.5, 0.5); // Loading scary skull for atmosphere this.load.image('loadingSkull', 'https://play.rosebud.ai/assets/scary skull.png?m3AI'); // Update progress bar this.load.on('progress', function(value) { percentText.setText(parseInt(value * 100) + '%'); // Progress bar const progressBar = this.add.graphics(); progressBar.clear(); progressBar.fillStyle(0xff0000, 1); progressBar.fillRect(width / 4 + 10, height / 2 - 20, (width / 2 - 20) * value, 30); }, this); // Remove loading assets when complete this.load.on('complete', function() { const skull = this.add.image(width / 2, height / 2 + 100, 'loadingSkull'); skull.setScale(0.3); this.time.delayedCall(1000, () => { this.scene.start('GameScene'); }); }, this); } } class JumpscareWarningScene extends Phaser.Scene { constructor() { super({ key: 'JumpscareWarningScene' }); this.jumpscareEnabled = true; } create() { // Add dark background this.add.rectangle(400, 300, 800, 600, 0x000000, 0.8); // Add warning text this.add.text(400, 200, 'WARNING', { fontSize: '48px', fill: '#ff0000', fontStyle: 'bold' }).setOrigin(0.5); this.add.text(400, 250, 'This game contains jumpscares', { fontSize: '32px', fill: '#ffffff' }).setOrigin(0.5); this.add.text(400, 300, 'Do you want to keep jumpscares?', { fontSize: '24px', fill: '#ffffff' }).setOrigin(0.5); // Create Yes button const yesButton = this.add.text(300, 400, 'YES', { fontSize: '32px', fill: '#ffffff' }).setOrigin(0.5) .setInteractive() .setPadding(15) .setStyle({ backgroundColor: '#aa0000' }); // Create No button const noButton = this.add.text(500, 400, 'NO', { fontSize: '32px', fill: '#ffffff' }).setOrigin(0.5) .setInteractive() .setPadding(15) .setStyle({ backgroundColor: '#aa0000' }); // Add hover effects [yesButton, noButton].forEach(button => { button.on('pointerover', () => { button.setStyle({ backgroundColor: '#ff0000' }); }); button.on('pointerout', () => { button.setStyle({ backgroundColor: '#aa0000' }); }); }); // Add click handlers yesButton.on('pointerdown', () => { this.jumpscareEnabled = true; this.scene.start('LoadingScene', { jumpscareEnabled: true }); }); noButton.on('pointerdown', () => { this.jumpscareEnabled = false; this.scene.start('LoadingScene', { jumpscareEnabled: false }); }); } } const container = document.getElementById('renderDiv'); const config = { type: Phaser.AUTO, parent: 'renderDiv', pixelArt: true, scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 800, height: 600, physics: { default: 'arcade', arcade: { gravity: { y: 500 } } }, scene: [JumpscareWarningScene, LoadingScene, GameScene, GameOverScene] }; window.phaserGame = new Phaser.Game(config);