class StartMenu extends Phaser.Scene { constructor() { super({ key: 'StartMenu' }); this.isMusicOn = true; // Add music state } preload() { this.load.image('spiral3', 'https://play.rosebud.ai/assets/spiral3.png?LwXv'); this.load.image('city_front_new6', 'https://play.rosebud.ai/assets/city_front_new6.png?FB5X'); this.load.image('menuBackground', 'https://play.rosebud.ai/assets/menu.png?jbS9'); this.load.image('orangeman', 'https://play.rosebud.ai/assets/Orangeman.png?Tcca'); this.load.image('elon2', 'https://play.rosebud.ai/assets/elon2.png?9Qhv'); this.load.audio('trumpHere', 'https://play.rosebud.ai/assets/Donald trump is here.mp3?W9iN'); this.load.audio('gangsterHey', 'https://play.rosebud.ai/assets/gangster-hey.mp3?GdKW'); this.load.audio('trump_hey', 'https://play.rosebud.ai/assets/trump_hey.mp3?KnB1'); this.load.audio('elonHere', 'https://play.rosebud.ai/assets/this-is-elon-musk.mp3?DadM'); } create() { // Create music toggle button const musicButton = this.add.text(1200, 50, '🔊', { fontSize: '48px', fill: '#fff', stroke: '#000', strokeThickness: 4 }) .setInteractive() .setScrollFactor(0) .setDepth(1000); // Add hover effect musicButton.on('pointerover', () => { musicButton.setScale(1.2); }); musicButton.on('pointerout', () => { musicButton.setScale(1.0); }); // Add click handler musicButton.on('pointerdown', () => { this.isMusicOn = !this.isMusicOn; musicButton.setText(this.isMusicOn ? '🔊' : '🔈'); const gangsterMusic = this.sound.get('gangsterHey'); if (this.isMusicOn) { if (!gangsterMusic || !gangsterMusic.isPlaying) { this.sound.play('gangsterHey', { loop: true, volume: 0.05 }); } } else { if (gangsterMusic && gangsterMusic.isPlaying) { gangsterMusic.stop(); } } }); // Start background music only if it's enabled if (this.isMusicOn) { const gangsterMusic = this.sound.get('gangsterHey'); if (!gangsterMusic || !gangsterMusic.isPlaying) { this.sound.play('gangsterHey', { loop: true, volume: 0.05 }); } } // Add menu background this.add.image(640, 360, 'menuBackground').setScale(0.8); // Add title text this.add.text(640, 100, 'Choose Your Character', { fontSize: '32px', fill: '#fff', stroke: '#000', strokeThickness: 4 }).setOrigin(0.5); // Add character options const orangeman = this.add.image(440, 460, 'orangeman').setScale(0.75).setInteractive(); const elon = this.add.image(840, 460, 'elon2').setScale(0.6).setInteractive(); // Add character labels this.add.text(440, 560, 'Orangeman', { fontSize: '24px', fill: '#fff', stroke: '#000', strokeThickness: 4 }).setOrigin(0.5); this.add.text(840, 560, 'Rocketman', { fontSize: '24px', fill: '#fff', stroke: '#000', strokeThickness: 4 }).setOrigin(0.5); // Add breathing animation to both characters first this.addBreathingAnimation(orangeman); this.addBreathingAnimation(elon); // Add hover effects after breathing animations (no hover sounds) this.addHoverEffects(orangeman, null, this.addBreathingAnimation.bind(this)); this.addHoverEffects(elon, null, this.addBreathingAnimation.bind(this)); // Add click handlers orangeman.on('pointerdown', () => { // Disable both buttons to prevent double-clicks orangeman.removeInteractive(); elon.removeInteractive(); // Play selection sound const sound = this.sound.add('trumpHere', { volume: 0.17 }); // Create static spiral effect behind the character const spiral = this.add.image(orangeman.x, orangeman.y, 'spiral3').setScale(1.5).setAlpha(0.5); spiral.setDepth(999); // Place behind menu character // Spin the spiral this.tweens.add({ targets: spiral, angle: 360, duration: 3000, repeat: -1, ease: 'Linear' }); // Create transition animation this.tweens.add({ targets: orangeman, scaleX: 1.5, scaleY: 1.5, duration: 500, yoyo: true, onComplete: () => { // Add jump motion to game start position const jumpPath = { t: 0, vec: new Phaser.Math.Vector2() }; this.tweens.add({ targets: jumpPath, t: 1, ease: 'Quad.out', duration: 500, onUpdate: () => { // Calculate arc motion const startX = orangeman.x; const startY = orangeman.y; const targetX = 300; const targetY = 400; const heightOfJump = -200; // Peak height of jump // Parabolic motion const newX = Phaser.Math.Linear(startX, targetX, jumpPath.t); const newY = startY + (targetY - startY) * jumpPath.t + heightOfJump * Math.sin(Math.PI * jumpPath.t); orangeman.x = newX; orangeman.y = newY; orangeman.scale = Phaser.Math.Linear(orangeman.scale, 0.5, jumpPath.t); }, onComplete: () => { // Add minimal delay before scene transition this.time.delayedCall(100, () => { spiral.destroy(); orangeman.destroy(); this.scene.start('GameScene', { character: 'orangeman' }); }); } }); } }); sound.play(); }); elon.on('pointerdown', () => { // Disable both buttons to prevent double-clicks orangeman.removeInteractive(); elon.removeInteractive(); // Play selection sound const sound = this.sound.add('elonHere', { volume: 0.5 }); // Create static spiral effect behind the character const spiral = this.add.image(elon.x, elon.y, 'spiral3').setScale(1.5).setAlpha(0.5); spiral.setDepth(999); // Place behind menu character // Spin the spiral this.tweens.add({ targets: spiral, angle: 360, duration: 3000, repeat: -1, ease: 'Linear' }); // Create transition animation this.tweens.add({ targets: elon, scaleX: 1.2, scaleY: 1.2, duration: 500, yoyo: true, onComplete: () => { // Add jump motion to game start position const jumpPath = { t: 0, vec: new Phaser.Math.Vector2() }; this.tweens.add({ targets: jumpPath, t: 1, ease: 'Quad.out', duration: 500, onUpdate: () => { // Calculate arc motion const startX = elon.x; const startY = elon.y; const targetX = 300; const targetY = 400; const heightOfJump = -200; // Peak height of jump // Parabolic motion const newX = Phaser.Math.Linear(startX, targetX, jumpPath.t); const newY = startY + (targetY - startY) * jumpPath.t + heightOfJump * Math.sin(Math.PI * jumpPath.t); elon.x = newX; elon.y = newY; elon.scale = Phaser.Math.Linear(elon.scale, 0.5, jumpPath.t); }, onComplete: () => { // Add minimal delay before scene transition this.time.delayedCall(100, () => { spiral.destroy(); elon.destroy(); this.scene.start('GameScene', { character: 'elon2' }); }); } }); } }); sound.play(); }); } addHoverEffects(sprite, soundKey, breathingCallback) { // Store original tint and scale const originalTint = sprite.tint; const originalScale = sprite.scale; let hoverSound = null; let breathingTween = null; sprite.on('pointerover', () => { // Store current breathing tween if exists breathingTween = this.tweens.getTweensOf(sprite).find( tween => tween.data[0].key === 'scaleY' ); // Pause breathing tween if exists if (breathingTween) { breathingTween.pause(); } // Apply hover effects sprite.setScale(originalScale * 1.1); sprite.setTint(0xffff00); // Add alpha pulse animation this.tweens.add({ targets: sprite, alpha: 0.8, duration: 300, yoyo: true, repeat: -1 }); }); sprite.on('pointerout', () => { // Reset scale and tint sprite.setScale(originalScale); sprite.setTint(originalTint); // Stop all tweens except breathing this.tweens.getTweensOf(sprite).forEach(tween => { if (tween.data[0].key !== 'scaleY') { tween.stop(); } }); // Reset alpha sprite.alpha = 1; // Resume or restart breathing animation if (breathingTween) { breathingTween.resume(); } else { breathingCallback(sprite); } }); } addBreathingAnimation(target) { this.tweens.add({ targets: target, scaleY: target.scaleY * 1.05, duration: 500, yoyo: true, repeat: -1, ease: 'Sine.easeInOut' }); } } class GameScene extends Phaser.Scene { constructor() { super({ key: 'GameScene' }); this.isGameOver = false; // Add game over state flag this.jammer = null; this.jammerUI = null; this.jammerUsed = false; this.hasJammer = false; this.jammerIcon = null; this.skateboarder = null; this.skateboarderSpawned = false; this.skateboarderSpawnTime = 0; this.player = null; this.ground = null; this.isJumping = false; this.wasInAir = false; this.backgroundMusic = null; this.currentLevel = 1; this.difficultyMultiplier = 1; this.levelText = null; this.coins = null; this.score = 0; this.scoreText = null; this.lives = 3; this.drones = null; this.nextDroneSpawn = 0; this.livesText = null; this.deathY = 0; this.spawnPoint = { x: 300, y: 400 }; } preload() { console.log('Loading sound assets...'); this.load.audio('elonPower', 'https://play.rosebud.ai/assets/elon power.wav?gW5w'); this.load.audio('land_sound', 'https://play.rosebud.ai/assets/land_sound.mp3?4fkO'); this.load.audio('walking_sound', 'https://play.rosebud.ai/assets/walking_sound.mp3?ZqyM'); this.load.audio('jump_sound', 'https://play.rosebud.ai/assets/jump_sound.mp3?ZBPl'); this.load.image('drone3', 'https://play.rosebud.ai/assets/drone5.png?EU07'); this.load.image('moon_back', 'https://play.rosebud.ai/assets/moon_back.png?bUlb'); this.load.image('city_level1_1', 'https://play.rosebud.ai/assets/city_level1_1.png?nDsu'); this.load.audio('trump_hey', 'https://play.rosebud.ai/assets/trump hey.mp3?KnB1'); this.load.image('back4', 'https://play.rosebud.ai/assets/back4.png?O56z'); // Load city front backgrounds this.load.image('city_front_new', 'https://play.rosebud.ai/assets/city_front_new.png?oC2L'); // Load background layers // Background loading removed for new implementation // Load Layer sprites for long idle dance animation for (let i = 1; i <= 78; i++) { this.load.image(`Layer ${i}`, `https://play.rosebud.ai/assets/Layer ${i}.png?${[ '7TDG', 'NRKE', 'PEMN', 'f7E9', 'qoY6', 'gwXz', 'jrg1', 'ce1V', '6r22', '43oF', '5Mbo', 'jYaK', 'hsSN', 'z4No', 'jeTk', 'ypYt', 'BCbZ', 'k7Gv', 'rT7T', 'pCxI', 'NCRD', '9M45', 'Ef38', 'TYrt', '6YeI', 'Fyld', 'H0yM', '2YX3', 'lcSJ', 'K0NP', 'SEo4', 'jSTj', 'f1BQ', 'D3ln', 'ZoN3', 'KDQI', 'cnU7', 'xMot', 'dwuF', '6FiZ', 'st7f', 'T8Qf', 'PPJt', 'V86E', 'JX24', 'ZN1S', 'cUSR', 'nQMA', 'eoyo', '8mtR', 'QYlA', '9bDe', 'R6xt', 'toQg', 'Gn67', '8uc4', 'G7jg', 'OgSA', 'IecJ', 'uMmF', 'Mfwd', 'HnyZ', '53oH', 'YFdp', 'disd', 'oF1Q', '6Mhk', 'RMut', 'HXDP', '414I', '7RKd', 'cmrC', 'q2KG', '7bvE', 'HENh', '38J3', 'FV9r', 'kznc' ][i-1]}`); } // Load new Orangeman walking frames for (let i = 0; i <= 17; i++) { this.load.image(`trumpwalking${i}new`, `https://play.rosebud.ai/assets/trumpwalking${i}new.png?${[ 'vx3l', 'uJAB', 'WcGW', 'zcZ7', '6f1Z', 'b2fG', '3h06', 'DU0o', '6wdC', 'wi0R', '2t3O', 'SXVL', 'mE5l', 'hMJj', 'ZEv4', '9POb', 'vZ04', '0hLT' ][i]}`); } // Load jammer UI assets, sounds, and effects this.load.image('radiowaves', 'https://play.rosebud.ai/assets/radiowaves.png?j49p'); this.load.audio('magic-charge', 'https://play.rosebud.ai/assets/magic-charge.mp3?SCRt'); this.load.image('jammer1', 'https://play.rosebud.ai/assets/jammer1.png?pDdf'); this.load.image('jammer2', 'https://play.rosebud.ai/assets/jammer2.png?Wb6J'); this.load.image('jammer3', 'https://play.rosebud.ai/assets/jammer3.png?sjuH'); this.load.image('jammer4', 'https://play.rosebud.ai/assets/jammer4.png?7M7H'); this.load.image('jammer5', 'https://play.rosebud.ai/assets/jammer5.png?RFII'); // Setup loading bar background // Get selected character from scene data const selectedChar = this.scene.settings.data.character; const width = this.cameras.main.width; const height = this.cameras.main.height; // Create the character sprite that will persist during loading const character = this.add.sprite(300, 400, selectedChar).setScale(0.5); // Register loading complete event this.load.on('complete', () => { character.destroy(); // Clean up character sprite after loading }); // Load assets this.load.image('skateboarder', 'https://play.rosebud.ai/assets/skateboarder.png?OOx8'); this.load.audio('nekMinnit', 'https://play.rosebud.ai/assets/nek-minnit.mp3?mCI1'); // Virtual D-pad assets this.load.image('leftControl', 'https://play.rosebud.ai/assets/left control.png?FEcz'); this.load.image('rightControl', 'https://play.rosebud.ai/assets/right control.png?oI8G'); this.load.image('jumpControl', 'https://play.rosebud.ai/assets/jump control.png?LKm4'); this.load.image('left', 'https://play.rosebud.ai/assets/left.png?NkHS'); this.load.image('right', 'https://play.rosebud.ai/assets/right.png?nCdS'); this.load.image('jump', 'https://play.rosebud.ai/assets/jump.png?0hcG'); // Add new sounds this.load.audio('trumpGoHome', 'https://play.rosebud.ai/assets/Trump Go home.mp3?gOkX'); this.load.audio('trump_hey', 'https://play.rosebud.ai/assets/trump hey.mp3?KnB1'); this.load.audio('gangsterHey', 'https://play.rosebud.ai/assets/gangster-hey.mp3?GdKW'); this.load.audio('trump_fired', 'https://play.rosebud.ai/assets/trump_fired.mp3?JmaV'); this.load.image('portal', 'https://play.rosebud.ai/assets/portal door.png?GNdu'); this.load.image('jammer', 'https://play.rosebud.ai/assets/jammer1.png?pDdf'); this.load.image('sky', 'https://play.rosebud.ai/assets/city2.png?ZJjp'); this.load.image('clouds', 'https://play.rosebud.ai/assets/clouds_1.png?ZiAA'); this.load.image('red', `https://play.rosebud.ai/assets/red.png?ylkl`); this.load.image('groundTexture', 'https://play.rosebud.ai/assets/Dirt_02-256x256.png?I7c1'); this.load.image('platformTexture', 'https://play.rosebud.ai/assets/Stone_05-256x256.png?RcLn'); this.load.image('orangeman', 'https://play.rosebud.ai/assets/Orangeman.png?Tcca'); this.load.image('elon2', 'https://play.rosebud.ai/assets/elon2.png?9Qhv'); this.load.image('coin', 'https://play.rosebud.ai/assets/coin.png?LWvL'); this.load.audio('coinSound', 'https://play.rosebud.ai/assets/coin_sound.mp3?6oA3'); this.load.audio('collect', 'https://play.rosebud.ai/assets/collect.mp3?IE1Y'); this.load.audio('level-complete', 'https://play.rosebud.ai/assets/level-complete.mp3?1kI3'); this.load.audio('backgroundMusic', 'https://play.rosebud.ai/assets/city-ambience-9272.mp3?21UP'); this.load.audio('blip', 'https://play.rosebud.ai/assets/blip.mp3?0ZZZ'); this.load.image('drone', 'https://play.rosebud.ai/assets/drone2.png?bHS4'); this.load.audio('whySound', 'https://play.rosebud.ai/assets/Voicy_Why.mp3?XM2T'); this.load.audio('byeByeSound', 'https://play.rosebud.ai/assets/Voicy_And we say bye bye.mp3?nCPO'); this.load.audio('elonOuch', 'https://play.rosebud.ai/assets/elon ouch.wav?EB9L'); this.load.audio('elonOut', 'https://play.rosebud.ai/assets/elon out.wav?elMn'); } create() { // Verify all required assets are loaded const requiredAssets = [ 'skateboarder', 'nekMinnit', 'leftControl', 'rightControl', 'jumpControl', 'drone', 'jammer', 'coin', 'groundTexture', 'platformTexture', 'sky', 'clouds' ]; for (const asset of requiredAssets) { if (!this.textures.exists(asset) && !this.cache.audio.exists(asset)) { console.error(`Required asset not loaded: ${asset}`); return; } } // Create control graphics that are always visible const visualButtonSize = 80; const buttonY = this.sys.game.config.height - visualButtonSize + 20; // Add visible control graphics only for touch devices if (this.sys.game.device.input.touch) { this.leftGraphic = this.add.image(visualButtonSize + 20, buttonY, 'left') .setDisplaySize(visualButtonSize, visualButtonSize) .setScrollFactor(0) .setDepth(1001) .setAlpha(1); this.rightGraphic = this.add.image(visualButtonSize * 3, buttonY, 'right') .setDisplaySize(visualButtonSize, visualButtonSize) .setScrollFactor(0) .setDepth(1001) .setAlpha(1); this.jumpGraphic = this.add.image(this.sys.game.config.width - visualButtonSize, buttonY, 'jump') .setDisplaySize(visualButtonSize, visualButtonSize) .setScrollFactor(0) .setDepth(1001) .setAlpha(1); } // Create visible controls container this.visibleControlsContainer = this.add.container(0, 0); this.visibleControlsContainer.setDepth(100); this.visibleControlsContainer.setScrollFactor(0, 0); // Keep visible controls fixed to camera this.cameras.main.on('scroll', (camera) => { if (this.visibleControlsContainer) { this.visibleControlsContainer.x = camera.scrollX; this.visibleControlsContainer.y = camera.scrollY; } }); // Create virtual D-pad if touch is available if (this.sys.game.device.input.touch) { // Create touch controls container with fixed position relative to camera const visualButtonSize = 80; const buttonY = this.sys.game.config.height - visualButtonSize + 20; // Create a UI container that stays fixed on screen // Create a container that's fixed to the camera this.touchControlsContainer = this.add.container(0, 0); this.touchControlsContainer.setDepth(100); this.touchControlsContainer.setScrollFactor(0, 0); // Make the container follow the camera this.cameras.main.on('scroll', (camera) => { this.touchControlsContainer.x = camera.scrollX; this.touchControlsContainer.y = camera.scrollY; }); // Create button container for left control const leftContainer = this.add.container(visualButtonSize + 20, buttonY); // Add glow effect first (bottom layer) const leftGlow = this.add.image(0, 0, 'leftControl') .setDisplaySize(visualButtonSize + 4, visualButtonSize + 4) .setTint(0xFFFFFF) .setAlpha(0.001); // Add main button on top this.leftButton = this.add.image(0, 0, 'leftControl') .setDisplaySize(visualButtonSize, visualButtonSize) .setAlpha(1); // Add both to container leftContainer.add([leftGlow, this.leftButton]); // Set container properties leftContainer.setDepth(100); this.touchControlsContainer.add(leftContainer); // Make only the button interactive this.leftButton.setInteractive({ useHandCursor: true, hitArea: new Phaser.Geom.Rectangle(-20, -20, visualButtonSize + 40, visualButtonSize + 40) }); // Create button container for right control const rightContainer = this.add.container(visualButtonSize * 3, buttonY); // Add glow effect first const rightGlow = this.add.image(0, 0, 'rightControl') .setDisplaySize(visualButtonSize + 4, visualButtonSize + 4) .setTint(0xFFFFFF) .setAlpha(0.001); // Add main button this.rightButton = this.add.image(0, 0, 'rightControl') .setDisplaySize(visualButtonSize, visualButtonSize) .setAlpha(0.001); // Add both to container rightContainer.add([rightGlow, this.rightButton]); // Set container properties rightContainer.setDepth(100); this.touchControlsContainer.add(rightContainer); // Make only the button interactive this.rightButton.setInteractive({ useHandCursor: true, hitArea: new Phaser.Geom.Rectangle(-20, -20, visualButtonSize + 40, visualButtonSize + 40) }); // Create button container for jump control const jumpContainer = this.add.container(this.sys.game.config.width - visualButtonSize, buttonY); // Add glow effect first const jumpGlow = this.add.image(0, 0, 'jumpControl') .setDisplaySize(visualButtonSize + 4, visualButtonSize + 4) .setTint(0xFFFFFF) .setAlpha(0.001); // Add main button this.jumpButton = this.add.image(0, 0, 'jumpControl') .setDisplaySize(visualButtonSize, visualButtonSize) .setAlpha(0.001); // Add both to container jumpContainer.add([jumpGlow, this.jumpButton]); // Set container properties jumpContainer.setDepth(100); this.touchControlsContainer.add(jumpContainer); // Make only the button interactive this.jumpButton.setInteractive({ useHandCursor: true, hitArea: new Phaser.Geom.Rectangle(-20, -20, visualButtonSize + 40, visualButtonSize + 40) }); // Initialize touch state variables this.leftButtonPressed = false; this.rightButtonPressed = false; this.jumpButtonPressed = false; // Add touch handlers with improved release detection const setupButton = (button, pressedFlag) => { // Make the button interactive button.removeInteractive(); button.setInteractive({ useHandCursor: true, pixelPerfect: false, hitArea: new Phaser.Geom.Rectangle(-20, -20, visualButtonSize + 40, visualButtonSize + 40) }); // Store the pointer ID to track specific touches button.pointerId = null; button.on('pointerdown', (pointer) => { this[pressedFlag] = true; button.pointerId = pointer.id; button.setTint(0x7878ff); }); button.on('pointerup', (pointer) => { if (button.pointerId === pointer.id) { this[pressedFlag] = false; button.pointerId = null; button.clearTint(); } }); button.on('pointerout', (pointer) => { if (button.pointerId === pointer.id) { this[pressedFlag] = false; button.pointerId = null; button.clearTint(); } }); // Global pointer up handler for when touch ends outside button this.input.on('pointerup', (pointer) => { if (button.pointerId === pointer.id) { this[pressedFlag] = false; button.pointerId = null; button.clearTint(); } }); // Handle interrupted touches this.events.on('preupdate', () => { if (button.pointerId !== null && !this.input.manager.pointers.some(p => p.id === button.pointerId && p.isDown)) { this[pressedFlag] = false; button.pointerId = null; button.clearTint(); } }); }; // Setup all buttons setupButton(this.leftButton, 'leftButtonPressed'); setupButton(this.rightButton, 'rightButtonPressed'); setupButton(this.jumpButton, 'jumpButtonPressed'); // Enable multi-touch // Add more touch pointers and configure input this.input.addPointer(3); this.input.topOnly = false; // Configure touch controls container - nearly invisible but active this.touchControlsContainer.setAlpha(0.001); this.touchControlsContainer.depth = 1000; // Ensure touch controls stay active during scene updates this.events.on('update', () => { // Update container position relative to camera this.touchControlsContainer.x = this.cameras.main.scrollX; this.touchControlsContainer.y = this.cameras.main.scrollY; // Ensure buttons stay interactive [this.leftButton, this.rightButton, this.jumpButton].forEach(button => { if (!button.input || !button.input.enabled) { button.removeInteractive(); button.setInteractive({ useHandCursor: true, pixelPerfect: false, draggable: false, hitArea: new Phaser.Geom.Rectangle(-20, -20, visualButtonSize + 40, visualButtonSize + 40) }); } }); }); // Remove redundant event listener as this is already handled above } // Set world bounds (making it 3 times wider than the screen) this.physics.world.setBounds(0, 0, 3000, 600); // Add back4 background stretched to cover screen // Add city_level1_1 background const cityLevel1 = this.add.image(this.cameras.main.width / 2, this.cameras.main.height / 2, 'city_level1_1') .setScrollFactor(0) .setDepth(-5) .setDisplaySize(this.cameras.main.width, this.cameras.main.height); // Scale to cover the entire screen const cityScaleX = this.cameras.main.width / cityLevel1.width; const cityScaleY = this.cameras.main.height / cityLevel1.height; const cityScale = Math.max(cityScaleX, cityScaleY); cityLevel1.setScale(cityScale); this.back4 = this.add.tileSprite( 0, 0, this.cameras.main.width / 2, this.cameras.main.height / 2, 'back4' ) .setOrigin(0, 0) .setScrollFactor(0) .setDepth(-1); // Scale to cover the entire screen const scaleX = this.cameras.main.width / this.back4.width; const scaleY = this.cameras.main.height / this.back4.height; const scale = Math.max(scaleX, scaleY); this.back4.setScale(scale); const gameHeight = this.sys.game.config.height; // Create city backgrounds for parallax scrolling const citySpriteScale = 0.8; // Adjust this value to change the size of the backgrounds this.cityBackground = this.add.image(0, (this.cameras.main.height / 2) - 65, 'city_front_new6') .setOrigin(0, 0.5) .setScrollFactor(0) .setDepth(-1) .setScale(citySpriteScale * 0.5); // Create second background image positioned right after the first one this.cityBackground2 = this.add.image( this.cityBackground.displayWidth, // Position it right after the first background (this.cameras.main.height / 2) - 65, 'city_front_new6') .setOrigin(0, 0.5) .setScrollFactor(0) .setDepth(-1) .setScale(citySpriteScale * 0.5); // Store the background width for scrolling calculations this.cityBackgroundWidth = this.cityBackground.displayWidth; const backgroundHeight = gameHeight; // Create backdrop2 as the furthest background layer // Calculate ground level const groundY = ((this.sys.game.config.height - 25) * 0.8) + 25; // Background implementation removed for new graphics // Create moon in the background this.moon = this.add.image(this.cameras.main.width + 100, this.cameras.main.height / 6, 'moon_back') .setScrollFactor(0) .setDepth(-5) .setScale(0.16) .setAlpha(0.8); // Position clouds in top half of screen const cloudHeight = this.cameras.main.height / 3; // one third screen height this.clouds = this.add.tileSprite(0, 0, this.cameras.main.width, cloudHeight, 'clouds') .setOrigin(0, 0) .setDisplaySize(this.cameras.main.width, cloudHeight) .setScrollFactor(0) .setDepth(-2) .setAlpha(0.5); // Create the ground this.createGround(); // Create platforms this.createPlatforms(); // Create jammer this.createJammer(); // Add test collision object // Find safe ground position for jammer const groundSegments = this.ground.getChildren(); let jammerX = 1600; // Target middle position // Find nearest solid ground segment const segment = groundSegments.find(seg => Math.abs(seg.x - jammerX) < seg.displayWidth / 2 && seg.active ); // If no ground segment found at target position, move right until we find one if (!segment) { for (let x = jammerX; x < jammerX + 200; x += 50) { const nearSegment = groundSegments.find(seg => Math.abs(seg.x - x) < seg.displayWidth / 2 && seg.active ); if (nearSegment) { jammerX = nearSegment.x + nearSegment.displayWidth / 4; break; } } } this.testCollider = this.physics.add.sprite(jammerX, ((this.sys.game.config.height - 25) * 0.8) - 25, 'jammer'); this.testCollider.setScale(0.15); this.testCollider.body.setAllowGravity(false); this.testCollider.setImmovable(true); // Create player this.createPlayer(); // Add breathing animation this.addBreathingAnimation(); // Add keyboard input this.cursors = this.input.keyboard.createCursorKeys(); this.spaceKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.SPACE); this.jammerKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.J); // Add restart key this.restartKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.R); // Add restart key listener this.restartKey.on('down', () => { if (this.lives <= 0) { // Only allow restart when game is over // Hide game over display const gameOverContainer = document.querySelector('[style*="position: absolute"]'); if (gameOverContainer) { gameOverContainer.style.display = 'none'; } // Reset and restart the game this.scene.start('StartMenu'); } }); // Add colliders with null checks if (this.player && this.ground) { this.physics.add.collider(this.player, this.ground); } // Add overlap for test collider if (this.player && this.testCollider) { this.physics.add.overlap(this.player, this.testCollider, (player, test) => { if (this.hasJammer) return; // Don't collect if we already have one console.log('Jammer collision detected!'); test.destroy(); this.sound.play('collect', { volume: 0.5 }); // Add sound feedback // Only create the jammer icon this.hasJammer = true; this.jammerIcon = this.add.image( this.cameras.main.width - 200, 50, 'jammer1' ).setScrollFactor(0).setScale(0.2).setDepth(1000).setInteractive(); // Add touch/click handler for the jammer icon this.jammerIcon.on('pointerdown', () => { if (this.hasJammer) { console.log('Jammer activation triggered by touch'); this.hasJammer = false; // Create radiating waves effect const waves = this.add.image( this.cameras.main.width - 200, 150, 'radiowaves' ).setScrollFactor(0).setScale(0.1).setAlpha(0.7).setDepth(999); // Animate the waves this.tweens.add({ targets: waves, scale: 2, alpha: 0, y: '+=100', duration: 5000, ease: 'Cubic.easeOut', onComplete: () => { waves.destroy(); } }); // Play jammer activation sound this.sound.play('magic-charge', { volume: 0.5 }); // Create animation sequence let currentFrame = 1; const animTimer = this.time.addEvent({ delay: 1000, callback: () => { currentFrame++; if (currentFrame <= 5 && this.jammerIcon && this.jammerIcon.active) { this.jammerIcon.setTexture('jammer' + currentFrame); this.sound.play('blip', { volume: 0.3 }); } }, repeat: 3 }); // Freeze all drones this.drones.getChildren().forEach(drone => { drone.oldVelocityX = drone.body.velocity.x; drone.oldVelocityY = drone.body.velocity.y; drone.body.moves = false; drone.body.setVelocity(0, 0); drone.body.setImmovable(true); }); // Unfreeze after 5 seconds this.time.delayedCall(5000, () => { this.drones.getChildren().forEach(drone => { if (drone.active) { drone.body.moves = true; drone.body.setImmovable(false); drone.body.setVelocity( drone.oldVelocityX || (drone.flipX ? -200 : 200), drone.oldVelocityY || Phaser.Math.Between(-50, 50) ); } }); // Remove the jammer icon if (this.jammerIcon) { this.jammerIcon.destroy(); this.jammerIcon = null; } }); } }); }, null, this); } if (this.player && this.platforms) { this.physics.add.collider(this.player, this.platforms); } if (this.coins && this.platforms) { this.physics.add.collider(this.coins, this.platforms); } // Add overlap detection for coin collection with null check if (this.player && this.coins) { this.physics.add.overlap(this.player, this.coins, this.collectCoin, null, this); } // Add score text this.scoreText = this.add.text(16, 16, 'Score: 0', { fontSize: '32px', fill: '#fff', stroke: '#000', strokeThickness: 4 }).setScrollFactor(0); // Add lives text this.livesText = this.add.text(16, 56, 'Lives: 3', { fontSize: '32px', fill: '#fff', stroke: '#000', strokeThickness: 4 }).setScrollFactor(0); // Add level text below lives text this.levelText = this.add.text(16, 96, 'Level: ' + this.currentLevel, { fontSize: '32px', fill: '#fff', stroke: '#000', strokeThickness: 4 }).setScrollFactor(0); // Set up camera with roundPixels for precise touch detection this.cameras.main.setBounds(0, 0, 3000, 600); this.cameras.main.startFollow(this.player, true, 0.1, 0.1); this.cameras.main.roundPixels = true; // Only play music if it's enabled in the menu const menuScene = this.scene.get('StartMenu'); if (menuScene.isMusicOn && !this.sound.get('gangsterHey')) { this.sound.play('gangsterHey', { loop: true, volume: 0.12 }); } // Create drone group this.drones = this.physics.add.group(); // Initialize skateboarder spawn time if level 3 or higher if (this.currentLevel >= 3) { // Set random spawn time between 5-15 seconds this.skateboarderSpawnTime = this.time.now + Phaser.Math.Between(5000, 15000); } // Add collision between player and drones this.physics.add.overlap(this.player, this.drones, this.hitDrone, null, this); // Get the rightmost platform const platforms = this.platforms.getChildren(); const lastPlatform = platforms[platforms.length - 1]; // Create exit portal on the last platform using existing groundY calculation this.portal = this.physics.add.sprite(2800, ((this.sys.game.config.height - 25) * 0.8) + 25, 'portal'); this.portal.setScale(0.09); // Reduced to 30% of previous size (0.3 * 0.3 = 0.09) this.portal.setDepth(1); this.portal.setOrigin(0.5, 1); // Set origin to bottom center for ground alignment this.portal.body.setAllowGravity(false); this.portal.body.setImmovable(true); // Adjust collision box to match new visual size this.portal.body.setSize(30, 60); // Reduced collision box to match new scale this.portal.body.setOffset(-15, -60); // Adjusted offset for new smaller size // Initialize transition state this.isTransitioning = false; // Add portal overlap detection with debug info const portalOverlap = this.physics.add.overlap( this.player, this.portal, (player, portal) => { if (!player || !portal || !this.portal) return; console.log('Portal overlap occurred'); console.log('Player position:', player.x, player.y); console.log('Portal position:', portal.x, portal.y); console.log('Transition state:', this.isTransitioning); if (!this.isTransitioning && player.active && portal.active) { this.nextLevel(player, portal); } }, null, this ); // Enable debug for portal overlap portalOverlap.active = true; } update() { // Check for landing if (this.player && this.player.body) { const touchingDown = this.player.body.touching.down; // Check if we just landed if (touchingDown && this.wasInAir) { this.sound.play('land_sound', { volume: 0.0 }); } // Update air state for next frame this.wasInAir = !touchingDown; } // Spawn skateboarder in level 3 or higher if (this.currentLevel >= 3 && !this.skateboarderSpawned && this.time.now > this.skateboarderSpawnTime) { this.spawnSkateboarder(); } // Update skateboarder movement if (this.skateboarder && this.skateboarder.active) { // Check if skateboarder is on a platform or ground const touchingDown = this.skateboarder.body.touching.down; if (touchingDown) { // Move left at constant speed when on ground or platform this.skateboarder.setVelocityX(-200); } // Destroy skateboarder if it goes off screen if (this.skateboarder.x < -50) { this.skateboarder.destroy(); } } // Check for restart input when game is over if (this.isGameOver && this.restartKey.isDown) { // Hide game over display const gameOverContainer = document.querySelector('[style*="position: absolute"]'); if (gameOverContainer) { gameOverContainer.style.display = 'none'; } // Reset and restart the game this.scene.start('StartMenu'); return; } // Check manual distance to portal if (this.portal && this.player) { const dx = this.player.x - this.portal.x; const dy = this.player.y - this.portal.y; const distance = Math.sqrt(dx * dx + dy * dy); // If player is within 100 pixels of the portal and not transitioning if (distance < 60 && !this.isTransitioning) { console.log('Manual distance check triggered portal'); this.nextLevel(this.player, this.portal); } } // Move clouds, moon and city background for parallax effect this.clouds.tilePositionX += 0.1; // Move moon from right to left if (this.moon) { this.moon.x -= 0.2; // Slower movement than clouds // Reset moon position when it moves off screen if (this.moon.x < -100) { this.moon.x = this.cameras.main.width + 100; } } this.back4.tilePositionX = this.cameras.main.scrollX * 0.2; // Back4 parallax effect // Update city backgrounds position for parallax effect const parallaxFactor = 0.3; const scrollX = this.cameras.main.scrollX * parallaxFactor; // Update positions of both backgrounds for infinite scrolling const resetDistance = this.cityBackgroundWidth * 2; // Total width of both backgrounds // Move both backgrounds based on camera scroll this.cityBackground.x = -scrollX % resetDistance; this.cityBackground2.x = this.cityBackground.x + this.cityBackgroundWidth; // If backgrounds have moved completely off screen to the left, reset their positions if (this.cityBackground.x + this.cityBackgroundWidth < 0) { this.cityBackground.x += resetDistance; } if (this.cityBackground2.x + this.cityBackgroundWidth < 0) { this.cityBackground2.x += resetDistance; } // Spawn drones periodically const time = this.time.now; if (time > this.nextDroneSpawn) { // Only spawn drones if beyond level 1 or at a reduced rate in level 1 if (this.currentLevel > 1 || Phaser.Math.Between(1, 100) < 30) { this.spawnDrone(); // Set next spawn time (longer for level 1) const spawnDelay = this.currentLevel === 1 ? Phaser.Math.Between(4000, 6000) : // Level 1: 4-6 seconds Phaser.Math.Between(2000, 4000); // Other levels: 2-4 seconds this.nextDroneSpawn = time + spawnDelay; } } // Update drone movement this.drones.getChildren().forEach(drone => { // Update drone orientation based on velocity if (drone.body.velocity.x !== 0) { drone.setFlipX(drone.body.velocity.x > 0); } // Get the ground height at current position const groundY = ((this.sys.game.config.height - 25) * 0.8) + 25; // Keep drone above ground if (drone.y > groundY - 50) { // 50 pixels above ground as safety margin drone.y = groundY - 50; drone.setVelocityY(-Math.abs(drone.body.velocity.y)); // Force upward movement } // Add some randomness to vertical movement if (Phaser.Math.Between(0, 100) < 5) { const newVelocityY = Phaser.Math.Between(-50, 50); // Only allow downward velocity if drone is high enough if (newVelocityY > 0 && drone.y < groundY - 100) { drone.setVelocityY(newVelocityY); } else { drone.setVelocityY(-Math.abs(newVelocityY)); } } }); // Check if player has fallen below death boundary if (this.player.y > this.deathY) { // Reduce lives by 1 for falling if (!this.player.isInvulnerable) { this.lives = Math.max(0, this.lives - 1); this.livesText.setText('Lives: ' + this.lives); // Play character-specific hurt sound if (this.scene.settings.data.character === 'orangeman') { this.sound.play('whySound'); } else if (this.scene.settings.data.character === 'elon2') { this.sound.play('elonOuch'); } } // Reset player position this.player.setVelocity(0, 0); const safeSpawn = this.findSafeSpawnPoint(); // Properly reset the player's position and physics state this.player.enableBody(true, safeSpawn.x, safeSpawn.y, true, true); this.player.setGravityY(600); this.player.setCollideWorldBounds(false); this.player.setBounce(0.1); // Make player temporarily invulnerable this.player.isInvulnerable = true; // Flash the player this.tweens.add({ targets: this.player, alpha: 0, duration: 100, ease: 'Linear', yoyo: true, repeat: 2, onComplete: () => { this.player.alpha = 1; // Remove invulnerability after 1 second this.time.delayedCall(1000, () => { this.player.isInvulnerable = false; }); } }); // Check for game over if (this.lives <= 0) { // Create game over text const gameOverText = this.add.text( this.cameras.main.worldView.centerX, this.cameras.main.worldView.centerY, 'GAME OVER', { fontSize: '64px', fill: '#ff0000', stroke: '#000', strokeThickness: 6 } ).setOrigin(0.5).setScrollFactor(0); // Stop player movement this.player.setVelocity(0, 0); this.player.body.enable = false; // Create dying effect this.tweens.add({ targets: this.player, angle: 720, scale: 0.1, alpha: 0, duration: 1500, ease: 'Power2', onComplete: () => { // Play character-specific death sound if (this.scene.settings.data.character === 'orangeman') { const byeByeSound = this.sound.add('byeByeSound'); byeByeSound.play(); byeByeSound.once('complete', () => { this.scene.start('StartMenu'); }); } else if (this.scene.settings.data.character === 'elon2') { const elonOutSound = this.sound.add('elonOut'); elonOutSound.play(); elonOutSound.once('complete', () => { this.scene.start('StartMenu'); }); } else { this.scene.start('StartMenu'); } } }); } } // Check for jammer activation if (this.hasJammer && Phaser.Input.Keyboard.JustDown(this.jammerKey)) { console.log('Jammer activation triggered'); this.hasJammer = false; // Create radiating waves effect const waves = this.add.image( this.cameras.main.width - 200, 150, 'radiowaves' ).setScrollFactor(0).setScale(0.1).setAlpha(0.7).setDepth(999); // Animate the waves with downward motion this.tweens.add({ targets: waves, scale: 2, alpha: 0, y: '+=100', // Move down 100 pixels during animation duration: 5000, ease: 'Cubic.easeOut', onComplete: () => { waves.destroy(); } }); // Play jammer activation sound const jammerSound = this.sound.add('magic-charge', { volume: 0.5 }); jammerSound.play(); console.log('Playing jammer activation sound'); // Create animation sequence let currentFrame = 1; const animTimer = this.time.addEvent({ delay: 1000, callback: () => { currentFrame++; if (currentFrame <= 5 && this.jammerIcon && this.jammerIcon.active) { this.jammerIcon.setTexture('jammer' + currentFrame); // Play blip sound on each frame change this.sound.play('blip', { volume: 0.3 }); } }, repeat: 3 }); // Freeze all drones this.drones.getChildren().forEach(drone => { console.log('Freezing drone:', drone); // Play blip sound for each frozen drone this.sound.play('blip', { volume: 0.3 }); drone.oldVelocityX = drone.body.velocity.x; drone.oldVelocityY = drone.body.velocity.y; drone.body.moves = false; drone.body.setVelocity(0, 0); drone.body.setImmovable(true); }); // Unfreeze after 5 seconds this.time.delayedCall(5000, () => { console.log('Unfreezing drones'); this.drones.getChildren().forEach(drone => { if (drone.active) { drone.body.moves = true; drone.body.setImmovable(false); drone.body.setVelocity( drone.oldVelocityX || (drone.flipX ? -200 : 200), drone.oldVelocityY || Phaser.Math.Between(-50, 50) ); } }); // Remove the jammer icon if (this.jammerIcon) { this.jammerIcon.destroy(); this.jammerIcon = null; } }); } // Update idle timer for orangeman if (this.scene.settings.data.character === 'orangeman') { if (this.cursors.left.isDown || this.cursors.right.isDown || this.cursors.up.isDown || this.spaceKey.isDown || this.leftButtonPressed || this.rightButtonPressed || this.jumpButtonPressed || !this.player.body.touching.down) { // Reset idle timer when there's movement this.idleTimer = 0; if (this.isPlayingIdleDance) { this.isPlayingIdleDance = false; this.player.anims.stop(); this.player.setTexture('orangeman'); } } else if (this.player.body.touching.down) { // Increment idle timer when standing still this.idleTimer += 1 / 60; // Assuming 60 FPS // Generate random idle time between 5 and 15 seconds if not set if (!this.targetIdleTime) { this.targetIdleTime = Phaser.Math.Between(5, 15); } // Start idle behavior after random seconds if (this.idleTimer >= this.targetIdleTime && !this.isPlayingIdleDance) { this.isPlayingIdleDance = true; // Randomly choose between three behaviors const behavior = Phaser.Math.Between(0, 2); if (behavior === 0) { // Full dance animation const danceSprite = this.add.sprite(this.player.x, this.player.y, 'Layer 1') .setDepth(this.player.depth + 1) .setScale(0.63); this.player.visible = false; danceSprite.play('long-idle-dance'); this.player.danceSprite = danceSprite; } else if (behavior === 1) { // Static Layer 1 display const staticSprite = this.add.sprite(this.player.x, this.player.y, 'Layer 1') .setDepth(this.player.depth + 1) .setScale(0.63); this.player.visible = false; this.player.danceSprite = staticSprite; // Set timer to end this behavior this.time.delayedCall(Phaser.Math.Between(2000, 4000), () => { if (staticSprite.active) { staticSprite.destroy(); this.player.danceSprite = null; this.player.visible = true; this.isPlayingIdleDance = false; this.idleTimer = 0; this.targetIdleTime = null; } }); } else { // Random single frame from dance sprites const randomFrame = Phaser.Math.Between(1, 78); const staticSprite = this.add.sprite(this.player.x, this.player.y, `Layer ${randomFrame}`) .setDepth(this.player.depth + 1) .setScale(0.63); // Randomly play either trump_fired or trump_hey sound const randomSound = Math.random() < 0.5 ? 'trump_fired' : 'trump_hey'; this.sound.play(randomSound, { volume: 0.5 }); this.player.visible = false; this.player.danceSprite = staticSprite; // Display for random duration between 1-2.5 seconds this.time.delayedCall(Phaser.Math.Between(1000, 2500), () => { if (staticSprite.active) { staticSprite.destroy(); this.player.danceSprite = null; this.player.visible = true; this.isPlayingIdleDance = false; this.idleTimer = 0; this.targetIdleTime = null; } }); } // Only handle animation complete for dance behavior if (this.player.danceSprite?.anims) { this.player.danceSprite.on('animationcomplete', () => { // Decide whether to repeat or stop if (Phaser.Math.Between(0, 1) === 0) { this.player.danceSprite.destroy(); this.player.danceSprite = null; this.player.visible = true; this.isPlayingIdleDance = false; this.idleTimer = 0; this.targetIdleTime = null; } else { this.player.danceSprite.play('long-idle-dance'); } }); } } } // Update dance sprite position if it exists if (this.player.danceSprite) { this.player.danceSprite.x = this.player.x; this.player.danceSprite.y = this.player.y; this.player.danceSprite.flipX = this.player.flipX; } // Clean up dance sprite when movement resumes if (!this.isPlayingIdleDance && this.player.danceSprite) { this.player.danceSprite.destroy(); this.player.danceSprite = null; this.player.visible = true; } } // Direct player movement implementation const speed = 160; // Handle horizontal movement directly if (this.cursors.left.isDown || this.leftButtonPressed) { this.player.setVelocityX(-speed); this.player.flipX = true; if (this.scene.settings.data.character === 'orangeman' && this.player.body.touching.down) { this.player.anims.play('orangeman-walk', true); // Play walking sound if not already playing and on ground if (!this.walkingSound) { this.walkingSound = this.sound.add('walking_sound', { volume: 0.16, loop: true }); } if (!this.walkingSound.isPlaying) { this.walkingSound.play(); } } } else if (this.cursors.right.isDown || this.rightButtonPressed) { this.player.setVelocityX(speed); this.player.flipX = false; if (this.scene.settings.data.character === 'orangeman' && this.player.body.touching.down) { this.player.anims.play('orangeman-walk', true); // Play walking sound if not already playing and on ground if (!this.walkingSound) { this.walkingSound = this.sound.add('walking_sound', { volume: 0.48, loop: true }); } if (!this.walkingSound.isPlaying) { this.walkingSound.play(); } } } else { // Stop movement when no input this.player.setVelocityX(0); if (this.scene.settings.data.character === 'orangeman' && this.player.body.touching.down) { this.player.anims.stop(); this.player.setTexture('orangeman'); // Reset to idle pose // Stop walking sound when player stops moving if (this.walkingSound && this.walkingSound.isPlaying) { this.walkingSound.stop(); } } } // Handle jumping animation for Orangeman if (this.scene.settings.data.character === 'orangeman' && !this.player.body.touching.down) { this.player.anims.stop(); this.player.setTexture('trumpwalking15new'); } // Handle jumping with maintained momentum if ((this.cursors.up.isDown || this.spaceKey.isDown || this.jumpButtonPressed) && this.player.body.touching.down) { this.player.setVelocityY(-630); this.isJumping = true; // Play jump sound this.sound.play('jump_sound', { volume: 0.3 }); // Stop walking sound when jumping if (this.walkingSound && this.walkingSound.isPlaying) { this.walkingSound.stop(); } // Check for landing if (this.isJumping && this.player.body.touching.down) { this.sound.play('land_sound', { volume: 0.3 }); this.isJumping = false; } // Preserve horizontal momentum during jump if (Math.abs(this.player.body.velocity.x) > 0) { this.player.setVelocityX(this.player.body.velocity.x); } } } createGround() { // Get screen dimensions from config or use default values const screenHeight = this.game?.config?.height || 720; const worldWidth = 3000; const groundHeight = 50; // Increased ground height const mainGroundY = ((screenHeight - groundHeight) * 0.8) + groundHeight + 15; this.deathY = screenHeight + 50; // Set death boundary below screen // Level 5 specific ground configuration if (this.currentLevel === 5) { // Use predetermined gap positions for level 5 const gapPositions = [450, 800, 1200, 1600, 2000, 2400]; // Ensure physics system is available if (!this.physics?.add) { console.error('Physics system not available'); return; } this.ground = this.physics.add.staticGroup(); let currentX = 0; while (currentX < 3000) { const isGap = gapPositions.includes(currentX); if (!isGap) { const groundSegment = this.ground.create(currentX, mainGroundY, 'groundTexture'); groundSegment.setOrigin(0, 0); groundSegment.displayWidth = 150; groundSegment.displayHeight = groundHeight; groundSegment.refreshBody(); const numberOfLayers = Math.ceil((screenHeight - mainGroundY) / groundHeight) + 1; for (let i = 1; i < numberOfLayers; i++) { this.add.image(currentX, mainGroundY + (i * groundHeight), 'groundTexture') .setOrigin(0, 0) .setDisplaySize(150, groundHeight); } } currentX += isGap ? 100 : 150; } return; } // Ensure physics system is available if (!this.physics || !this.physics.add) { console.error('Physics system not available'); return; } // Create ground segments with gaps this.ground = this.physics.add.staticGroup(); const segmentWidth = 150; // Reduced from 200 to 150 const gapWidth = 80 * this.difficultyMultiplier; // Gap width increases with difficulty const portalX = 2800; // Portal X position (matching portal creation in create()) const safeZone = 200; // Safe zone width around portal (100 pixels on each side) const maxJumpableGap = 160; // Maximum distance player can jump horizontally let currentX = 0; while (currentX < 3000) { // Check if current position is within portal safe zone const isInPortalZone = Math.abs(currentX - portalX) < safeZone; // Only allow gaps if not in starting area, not in portal zone, and random chance const isGap = currentX > 400 && !isInPortalZone && Phaser.Math.Between(0, 100) < 20; if (isGap) { // If the gap is too wide, add helper platforms if (gapWidth > maxJumpableGap) { // Calculate how many platforms we need const numPlatforms = Math.ceil(gapWidth / maxJumpableGap); const platformSpacing = gapWidth / numPlatforms; // Place platforms across the gap for (let i = 0; i < numPlatforms; i++) { const platformX = currentX + (platformSpacing * i) + 60; // Start 60px from edge const platformY = mainGroundY - 100; // Place platform above ground level // Create helper platform const platform = this.platforms.create(platformX, platformY, 'platformTexture') .setScale(0.5, 0.04165) .refreshBody(); platform.texture.setFilter(Phaser.Textures.FilterMode.NEAREST); } } } if (!isGap) { // Create main ground segment const groundSegment = this.ground.create(currentX, mainGroundY, 'groundTexture'); groundSegment.setOrigin(0, 0); groundSegment.displayWidth = segmentWidth; groundSegment.displayHeight = groundHeight; groundSegment.refreshBody(); // Add visual ground layers below const numberOfLayers = Math.ceil((screenHeight - mainGroundY) / groundHeight) + 1; for (let i = 1; i < numberOfLayers; i++) { this.add.image(currentX, mainGroundY + (i * groundHeight), 'groundTexture') .setOrigin(0, 0) .setDisplaySize(segmentWidth, groundHeight); } } currentX += isGap ? gapWidth : segmentWidth; // Use gapWidth when there's a gap } } createPlatforms() { this.platforms = this.physics.add.staticGroup(); this.coins = this.physics.add.group(); // Create array of platform positions const platformPositions = []; let platformSpacing; if (this.currentLevel === 1) { platformSpacing = Phaser.Math.Between(150, 300); // Level 1: platforms closer together } else if (this.currentLevel === 5) { platformSpacing = 275; // Fixed spacing for level 5 } else { platformSpacing = Phaser.Math.Between(200, 400); // Other levels: normal spacing } // First create all platforms this.platformPositions = []; // Store as class property for (let x = 300; x < 2700; x += platformSpacing) { // Start at 300 and end before 2700 to avoid edges const y = Phaser.Math.Between(150, 450); const platform = this.platforms.create(x, y, 'platformTexture') .setScale(0.5, 0.04165) .refreshBody(); this.platformPositions.push({ x, y, platform }); // Store platform positions with platform reference } // Randomly select 10 different platforms to place coins const selectedPlatforms = Phaser.Utils.Array.Shuffle(this.platformPositions.slice()) .slice(0, 10); // Create exactly 10 coins selectedPlatforms.forEach(pos => { const coin = this.coins.create(pos.x, pos.y - 35, 'coin'); coin.setScale(0.0167); // Further reduced to one third of previous size coin.setBounceY(0.1); coin.body.setAllowGravity(true); coin.body.setBounce(0.3); }); // Set nearest neighbor filtering for pixel-perfect rendering this.platforms.children.entries.forEach(platform => { platform.texture.setFilter(Phaser.Textures.FilterMode.NEAREST); }); } createPlayer() { const PLAYER_SCALE = 0.5; this.idleTimer = 0; this.isPlayingIdleDance = false; // Find initial safe spawn point this.spawnPoint = this.findSafeSpawnPoint(); // Initialize game state from scene data const characterKey = this.scene.settings.data.character || 'elon2'; this.currentLevel = this.scene.settings.data.level || 1; this.difficultyMultiplier = this.scene.settings.data.difficultyMultiplier || 1; this.score = this.scene.settings.data.score || 0; this.lives = this.scene.settings.data.lives || 3; // Clean up any existing player sprites if (this.player) { if (this.player.danceSprite) { this.player.danceSprite.destroy(); this.player.danceSprite = null; } this.player.destroy(); } // Get all sprites with the same texture as the player const existingSprites = this.children.list.filter(child => child.texture && child.texture.key === characterKey ); // Destroy any duplicate sprites existingSprites.forEach(sprite => sprite.destroy()); this.player = this.physics.add.sprite(300, 400, characterKey); this.player.setScale(PLAYER_SCALE); this.player.setBounce(0.1); // Create animations for Orangeman walking if (characterKey === 'orangeman') { // Create animations for Orangeman let validFrames = []; // Create long idle dance animation let idleDanceFrames = []; for (let i = 1; i <= 78; i++) { idleDanceFrames.push({ key: `Layer ${i}`, frame: 0 }); } this.anims.create({ key: 'long-idle-dance', frames: idleDanceFrames, frameRate: 24, repeat: 0 }); // Create walking animation with proper sprite checks // Build array of valid frames for (let i = 0; i <= 17; i++) { const key = `trumpwalking${i}new`; if (this.textures.exists(key)) { validFrames.push({ key: key, frame: 0 }); } } // Only create animation if we have valid frames if (validFrames.length > 0) { this.anims.create({ key: 'orangeman-walk', frames: validFrames, frameRate: 24, // Reduced from 24 to 12 frames per second repeat: -1 }); } else { console.warn('No valid walking animation frames found'); } } // Ensure no duplicate dance sprites exist const existingDanceSprites = this.children.list.filter(child => child.texture && child.texture.key && typeof child.texture.key === 'string' && child.texture.key.startsWith('Layer ') ); existingDanceSprites.forEach(sprite => sprite.destroy()); // Set up player bounds this.player.body.setCollideWorldBounds(false); // Simple world bounds checking this.events.on('update', () => { const worldRightBound = this.physics.world.bounds.right; const playerHalfWidth = this.player.displayWidth / 2; const padding = 10; // Basic position correction if (this.player.x < playerHalfWidth + padding) { this.player.x = playerHalfWidth + padding; } else if (this.player.x > worldRightBound - playerHalfWidth - padding) { this.player.x = worldRightBound - playerHalfWidth - padding; } }); // Set player physics properties (similar to Mario) this.player.body.setGravityY(600); this.player.body.setDragX(500); } addBreathingAnimation() { this.tweens.add({ targets: this.player, scaleY: this.player.scaleY * 1.05, duration: 500, yoyo: true, repeat: -1, ease: 'Sine.easeInOut' }); } collectCoin(player, coin) { coin.destroy(); this.sound.play('coinSound', { volume: 0.5 }); this.score += 10; this.scoreText.setText('Score: ' + this.score); // Check if score just crossed a 100-point milestone const previousMilestone = Math.floor((this.score - 10) / 100) * 100; const currentMilestone = Math.floor(this.score / 100) * 100; if (currentMilestone > previousMilestone) { // Add extra life this.lives++; this.livesText.setText('Lives: ' + this.lives); // Play character-specific sound if (this.scene.settings.data.character === 'orangeman') { this.sound.play('trumpGoHome', { volume: 0.5 }); } else if (this.scene.settings.data.character === 'elon2') { this.sound.play('elonPower', { volume: 1.0 // Increased to maximum (0.75 * 1.4 would be 1.05, clamped to 1.0) }); } } } spawnDrone() { const y = Phaser.Math.Between(100, 400); // Reduced maximum spawn height to stay above ground const x = this.cameras.main.scrollX + (Math.random() < 0.5 ? -50 : this.cameras.main.width + 50); const drone = this.drones.create(x, y, 'drone3'); drone.setScale(0.18); // Slower speed for level 1, normal speed for other levels const baseSpeed = this.currentLevel === 1 ? Phaser.Math.Between(50, 100) : // Level 1: slower drones Phaser.Math.Between(100, 200); // Other levels: normal speed const speed = baseSpeed * this.difficultyMultiplier; // Direction based on spawn position const direction = x < this.cameras.main.scrollX ? 1 : -1; drone.setVelocityX(speed * direction); // Set drone orientation based on movement direction drone.setFlipX(direction > 0); // Add some vertical movement drone.setVelocityY(Phaser.Math.Between(-50, 50)); // Remove drone when it goes off screen drone.checkWorldBounds = true; drone.outOfBoundsKill = true; } hitDrone(player, drone) { // Return early if player is invulnerable or already dead if (player.isInvulnerable || this.lives <= 0) return; drone.destroy(); this.lives = Math.max(0, this.lives - 1); // Ensure lives don't go below 0 this.livesText.setText('Lives: ' + this.lives); if (this.lives === 0) { // Stop player movement and mark game as over player.setVelocity(0, 0); player.body.enable = false; this.isGameOver = true; // Add flag to track game over state player.body.moves = false; // Completely stop all physics movement // Update high score const highScore = localStorage.getItem('highScore') || 0; if (this.score > highScore) { localStorage.setItem('highScore', this.score); } // Update and show game over display document.getElementById('highScore').textContent = Math.max(highScore, this.score); document.getElementById('finalScore').textContent = this.score; const gameOverContainer = document.querySelector('[style*="position: absolute"]'); gameOverContainer.style.display = 'block'; // Stop player movement player.setVelocity(0, 0); player.body.enable = false; // Create dying effect this.tweens.add({ targets: player, angle: 720, scale: 0.1, alpha: 0, duration: 1500, ease: 'Power2', onComplete: () => { // Play character-specific death sound without auto-restart if (this.scene.settings.data.character === 'orangeman') { const byeByeSound = this.sound.add('byeByeSound'); byeByeSound.play(); } else if (this.scene.settings.data.character === 'elon2') { const elonOutSound = this.sound.add('elonOut'); elonOutSound.play(); } } }); return; } // Play hit sound if (this.scene.settings.data.character === 'orangeman') { this.sound.play('whySound'); } else if (this.scene.settings.data.character === 'elon2') { this.sound.play('elonOuch'); } // Reset player position to a safe spawn point const safeSpawn = this.findSafeSpawnPoint(); player.enableBody(true, safeSpawn.x, safeSpawn.y, true, true); player.setVelocity(0, 0); player.setBounce(0.1); // Re-enable physics body player.body.enable = true; // Destroy and recreate all colliders and overlaps this.physics.world.colliders.destroy(); this.physics.add.collider(player, this.ground); this.physics.add.collider(player, this.platforms); this.physics.add.collider(this.coins, this.platforms); this.physics.add.overlap(player, this.coins, this.collectCoin, null, this); this.physics.add.overlap(player, this.drones, this.hitDrone, null, this); // Restore jammer collision detection if (this.testCollider && this.testCollider.active) { this.physics.add.overlap(player, this.testCollider, (player, test) => { console.log('Jammer collision detected!'); test.destroy(); this.sound.play('coinSound', { volume: 0.3 }); const jammerIcon = this.add.image( this.cameras.main.width - 50, 50, 'jammer1' ).setScrollFactor(0).setScale(0.2).setDepth(1000); let currentFrame = 1; const animTimer = this.time.addEvent({ delay: 1000, callback: () => { currentFrame++; if (currentFrame <= 5) { jammerIcon.setTexture('jammer' + currentFrame); } }, repeat: 3 }); this.drones.getChildren().forEach(drone => { console.log('Freezing drone:', drone); drone.oldVelocityX = drone.body.velocity.x; drone.oldVelocityY = drone.body.velocity.y; drone.body.moves = false; drone.body.setVelocity(0, 0); drone.body.setImmovable(true); }); this.time.delayedCall(5000, () => { console.log('Unfreezing drones'); this.drones.getChildren().forEach(drone => { if (drone.active) { drone.body.moves = true; drone.body.setImmovable(false); drone.body.setVelocity( drone.oldVelocityX || (drone.flipX ? -200 : 200), drone.oldVelocityY || Phaser.Math.Between(-50, 50) ); } }); jammerIcon.destroy(); }); }, null, this); } // Make player invulnerable player.isInvulnerable = true; // Flash the player this.tweens.add({ targets: player, alpha: 0, duration: 100, ease: 'Linear', yoyo: true, repeat: 2, onComplete: () => { player.alpha = 1; // Create a separate timer for invulnerability this.time.delayedCall(1000, () => { if (this.lives > 0) { // Only remove invulnerability if still alive player.isInvulnerable = false; // Ensure collision detection is still active if (!this.physics.world.colliders.getActive().some(collider => collider.object2 === this.drones)) { this.physics.add.overlap(player, this.drones, this.hitDrone, null, this); } } }); } }); } findSafeSpawnPoint() { // Clean up existing player sprite if it exists if (this.player && this.player.danceSprite) { this.player.danceSprite.destroy(); this.player.danceSprite = null; } const groundSegments = this.ground.getChildren(); let safeX = 300; // Default X position let safeY = 400; // Default Y position // Get camera bounds const cameraLeft = this.cameras.main.scrollX; const cameraRight = cameraLeft + this.cameras.main.width; // Sort ground segments by distance from camera center const cameraCenter = (cameraLeft + cameraRight) / 2; const sortedSegments = groundSegments .filter(segment => segment.active && segment.visible) .sort((a, b) => Math.abs(a.x - cameraCenter) - Math.abs(b.x - cameraCenter) ); // Find the nearest valid ground segment for (let segment of sortedSegments) { if (segment.x >= cameraLeft && segment.x <= cameraRight) { // Found a safe segment within camera view safeX = segment.x + (segment.displayWidth / 4); safeY = segment.y - 100; // Increased height above ground break; } } // Double check ground collision at spawn point const groundBelow = groundSegments.some(segment => Math.abs(segment.x - safeX) < segment.displayWidth / 2 && segment.y >= safeY ); if (!groundBelow) { // Fallback to a known safe position at the start safeX = 300; safeY = ((this.sys.game.config.height - 25) * 0.8) - 100; } // Ensure player is visible when respawning if (this.player) { this.player.visible = true; this.player.alpha = 1; this.isPlayingIdleDance = false; this.idleTimer = 0; } return { x: safeX, y: safeY }; } spawnSkateboarder() { // Create skateboarder at the right side of the screen const spawnX = this.cameras.main.scrollX + this.cameras.main.width + 50; const spawnY = 100; // Start high to let gravity bring it down this.skateboarder = this.physics.add.sprite(spawnX, spawnY, 'skateboarder'); this.skateboarder.setScale(0.105); // Further reduced by 30% this.skateboarder.setFlipX(true); // Face left // Enable physics and collisions with null checks if (this.skateboarder && this.ground) { this.physics.add.collider(this.skateboarder, this.ground); } if (this.skateboarder && this.platforms) { this.physics.add.collider(this.skateboarder, this.platforms); } // Add collision with player with null check if (this.player && this.skateboarder) { this.physics.add.overlap(this.player, this.skateboarder, this.hitSkateboarder, null, this); } // Play sound effect this.sound.play('nekMinnit', { volume: 0.5 }); // Mark as spawned this.skateboarderSpawned = true; } hitSkateboarder(player, skateboarder) { if (player.isInvulnerable) return; // Handle collision same way as drone hit this.hitDrone(player, skateboarder); } createJammer() { // Create empty jammer group for future use this.jammers = this.physics.add.group(); } activateJammer(player, jammer) { if (!player.active || !jammer.active || this.jammerUsed) return; console.log('Activating jammer'); this.jammerUsed = true; // Play collection sound this.sound.play('collect', { volume: 0.5 }); // Create and play blip sound const blipSound = this.sound.add('blip', { volume: 0.5 }); console.log('Blip sound created:', blipSound); console.log('Sound cache status:', this.cache.audio.exists('blip')); console.log('Available sounds:', Object.keys(this.cache.audio.entries)); if (blipSound) { blipSound.play(); } // Create jammer countdown UI this.jammerIcons = []; for (let i = 1; i <= 5; i++) { const icon = this.add.image( this.cameras.main.width - (60 * i), // Position from right (increased spacing) 50, // Top margin (increased) 'jammer' + (6 - i) // Use reverse order for countdown effect ).setScrollFactor(0).setScale(0.3).setAlpha(1); this.jammerIcons.push(icon); } // Setup countdown timer let timeLeft = 5; const countdownTimer = this.time.addEvent({ delay: 1000, callback: () => { timeLeft--; // Play blip sound on each countdown tick with debug if (timeLeft >= 0) { const countdownBlip = this.sound.add('blip', { volume: 0.5 }); console.log('Countdown blip created:', countdownBlip); if (countdownBlip) { countdownBlip.play(); } } if (timeLeft >= 0 && this.jammerIcons[timeLeft]) { this.jammerIcons[timeLeft].destroy(); } }, repeat: 4 }); // Freeze all drones console.log('Freezing drones, count:', this.drones.getChildren().length); this.drones.getChildren().forEach(drone => { if (drone && drone.body) { console.log('Freezing drone at:', drone.x, drone.y); // Store current state drone.oldVelocityX = drone.body.velocity.x; drone.oldVelocityY = drone.body.velocity.y; drone.oldGravity = drone.body.allowGravity; // Completely freeze the drone drone.body.enable = false; // Disable physics body completely drone.body.moves = false; drone.body.setVelocity(0, 0); drone.body.allowGravity = false; drone.body.setImmovable(true); } }); // Set timer to unfreeze drones after 5 seconds this.time.delayedCall(5000, () => { console.log('Unfreezing drones'); this.drones.getChildren().forEach(drone => { if (drone && drone.body && drone.active) { console.log('Unfreezing drone at:', drone.x, drone.y); // Re-enable physics drone.body.enable = true; drone.body.moves = true; drone.body.setImmovable(false); drone.body.allowGravity = drone.oldGravity; // Restore previous velocity drone.body.setVelocity( drone.oldVelocityX || (drone.flipX ? -200 : 200), drone.oldVelocityY || Phaser.Math.Between(-50, 50) ); } }); }); // Remove the physical jammer jammer.destroy(); } nextLevel(player, door) { // Calculate distance between player and portal const dx = player.x - this.portal.x; const dy = player.y - this.portal.y; const distance = Math.sqrt(dx * dx + dy * dy); // Extensive debug logging console.log('nextLevel function called'); console.log('Player position:', player.x, player.y); console.log('Portal position:', door.x, door.y); console.log('Distance to portal:', distance); console.log('Transition state:', this.isTransitioning); // Prevent multiple transitions if (this.isTransitioning) { console.log('Already in transition - ignoring'); return; } // Set transition flag immediately this.isTransitioning = true; console.log('Starting level transition sequence'); // Play level complete sound this.sound.play('level-complete', { volume: 0.5 }); // Disable player input during transition this.player.body.enable = false; this.player.setVelocity(0, 0); // Show level complete message const levelCompleteText = this.add.text( this.cameras.main.scrollX + this.cameras.main.width / 2, this.cameras.main.height / 2, 'Level ' + this.currentLevel + ' Complete!', { fontSize: '48px', fill: '#fff', stroke: '#000', strokeThickness: 6 } ).setOrigin(0.5); // Increment level and difficulty this.currentLevel++; this.difficultyMultiplier = 1 + (0.15 * (this.currentLevel - 1)); this.levelText.setText('Level: ' + this.currentLevel); // Reset skateboarder state for next level this.skateboarderSpawned = false; this.jammerUsed = false; // Reset jammer for next level if (this.currentLevel >= 3) { // Set new random spawn time for next level this.skateboarderSpawnTime = this.time.now + Phaser.Math.Between(5000, 15000); } // Store current game state const gameState = { character: this.scene.settings.data.character, level: this.currentLevel, score: this.score, lives: this.lives, difficultyMultiplier: this.difficultyMultiplier }; // Add fade out transition this.tweens.add({ targets: levelCompleteText, alpha: 0, duration: 2000, ease: 'Power2', onComplete: () => { levelCompleteText.destroy(); this.scene.restart(gameState); } }); } } const container = document.getElementById('renderDiv'); // Create and style game over container const gameOverContainer = document.createElement('div'); gameOverContainer.style.cssText = ` position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, 0.9); padding: 2rem; border-radius: 1rem; text-align: center; display: none; z-index: 1000; min-width: 300px; `; // Create game over content const gameOverContent = `

Game Over!

High Score: 0

Your Score: 0

Press 'R' to restart

`; gameOverContainer.innerHTML = gameOverContent; container.appendChild(gameOverContainer); // Add button event listener with hover effects const resetButton = document.getElementById('resetButton'); resetButton.addEventListener('click', () => { // Hide game over container gameOverContainer.style.display = 'none'; // Get the current active scene const gameScene = window.phaserGame.scene.getScene('GameScene'); if (gameScene) { // Stop the game scene gameScene.scene.stop(); // Stop all sounds except gangsterHey window.phaserGame.scene.scenes.forEach(scene => { if (scene.sound) { const sounds = scene.sound.sounds; sounds.forEach(sound => { if (sound.key !== 'gangsterHey') { sound.stop(); } }); } }); // Start the menu scene fresh window.phaserGame.scene.start('StartMenu'); } else { // Fallback: direct start of menu window.phaserGame.scene.start('StartMenu'); } }); // Add hover effects resetButton.addEventListener('mouseover', () => { resetButton.style.backgroundColor = '#fff'; resetButton.style.color = '#ff0000'; }); resetButton.addEventListener('mouseout', () => { resetButton.style.backgroundColor = '#ff0000'; resetButton.style.color = '#fff'; }); const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 1280, height: 720, pixelArt: true, crisp: true, physics: { default: 'arcade', arcade: { gravity: { y: 300 }, debug: false } }, scene: [StartMenu, GameScene] }; window.phaserGame = new Phaser.Game(config);