class Example extends Phaser.Scene { constructor() { super(); this.player = null; this.isLanding = false; this.jumpTimer = 0; this.afterimageDelay = 50; // Delay between afterimage spawns in ms this.afterimageLifetime = 200; // How long each afterimage lasts in ms this.lastAfterimageTime = 0; this.isDashing = false; this.dashSpeed = 800; // Initial dash speed this.dashDuration = 300; // Duration of the dash in ms this.dashCooldown = 500; // Cooldown before can dash again this.canDash = true; // Whether player can currently dash this.maxJumpTime = 250; // Maximum time in ms that the jump can be held this.minJumpVelocity = -800; // Minimum jump velocity for tap jumps this.maxJumpVelocity = -1200; // Maximum jump velocity for held jumps this.landingTimer = null; this.isCrouching = false; this.lastCrouchVariation = 0; this.ground = null; this.isJumping = false; this.ground = null; this.backgroundMusic = null; this.lastStepTime = 0; this.stepInterval = 200; // 200ms (0.2 seconds) between steps } preload() { // Load grabdash frames first this.load.image('grabdash1', 'https://play.rosebud.ai/assets/grabdash1.png?9Cna'); this.load.image('grabdash2', 'https://play.rosebud.ai/assets/grabdash2.png?HoVR'); this.load.image('grabdash3', 'https://play.rosebud.ai/assets/grabdash3.png?8yw7'); this.load.image('grabdash4', 'https://play.rosebud.ai/assets/grabdash4.png?jStV'); this.load.image('grabdash5', 'https://play.rosebud.ai/assets/grabdash5.png?TljR'); this.load.image('grabdash6', 'https://play.rosebud.ai/assets/grabdash6.png?XyzG'); this.load.image('grabdash7', 'https://play.rosebud.ai/assets/grabdash7.png?A4Ie'); this.load.image('grabdash8', 'https://play.rosebud.ai/assets/grabdash8.png?PdRc'); this.load.image('grabdash9', 'https://play.rosebud.ai/assets/grabdash9.png?BfiS'); this.load.image('grabdash10', 'https://play.rosebud.ai/assets/grabdash10.png?x4o4'); this.load.image('grabdash11', 'https://play.rosebud.ai/assets/grabdash11.png?TPFQ'); this.load.image('grabdash12', 'https://play.rosebud.ai/assets/grabdash12.png?hl6K'); this.load.image('grabdash13', 'https://play.rosebud.ai/assets/grabdash13.png?sV8O'); this.load.image('grabdash14', 'https://play.rosebud.ai/assets/grabdash14.png?vX4Y'); // Load crawl animations this.load.image('crawl1', 'https://play.rosebud.ai/assets/crawl1.png?IFEH'); this.load.image('crawl2', 'https://play.rosebud.ai/assets/crawl2.png?yI4L'); this.load.image('crawl3', 'https://play.rosebud.ai/assets/crawl3.png?Dblt'); this.load.image('crawl6', 'https://play.rosebud.ai/assets/crawl6.png?WYB9'); this.load.image('crawl7', 'https://play.rosebud.ai/assets/crawl7.png?SKWD'); this.load.image('crawl8', 'https://play.rosebud.ai/assets/crawl8.png?aKfi'); this.load.image('crawl9', 'https://play.rosebud.ai/assets/crawl9.png?DjzC'); this.load.image('crawl10', 'https://play.rosebud.ai/assets/crawl10.png?x5Lr'); this.load.image('crawl11', 'https://play.rosebud.ai/assets/crawl11.png?8PWe'); // Original assets this.load.image('crouch1', 'https://play.rosebud.ai/assets/crouch1.png?D13O'); this.load.image('crouch4', 'https://play.rosebud.ai/assets/crouch4.png?6cWz'); this.load.image('crouch5', 'https://play.rosebud.ai/assets/crouch5.png?RXAx'); this.load.image('crouch-begin', 'https://play.rosebud.ai/assets/crouch-begin.png?o8np'); this.load.image('spr_font_collect_0', 'https://play.rosebud.ai/assets/spr_font_collect_0.png?sBcP'); this.load.image('rank_d', 'https://play.rosebud.ai/assets/rank_D.png?bHF7'); this.load.image('pizzascore', 'https://play.rosebud.ai/assets/pizzascore.png?VhpS'); this.load.image('tv_bg', 'https://play.rosebud.ai/assets/tv_bg.png?JUzi'); this.load.image('background-prop-on-floor2', 'https://play.rosebud.ai/assets/background-prop-on-floor2.png?gFeq'); this.load.image('background-prop-on-floor', 'https://play.rosebud.ai/assets/background-prop-on-floor.png?RD7a'); this.load.image('inside', 'https://play.rosebud.ai/assets/inside.png?UUdt'); this.load.image('inside-bottom-right', 'https://play.rosebud.ai/assets/inside-bottom-right.png?WZZu'); this.load.image('inside-top-left', 'https://play.rosebud.ai/assets/inside-top-left.png?IymJ'); this.load.image('side-left', 'https://play.rosebud.ai/assets/side-left.png?g8jN'); this.load.image('side-right', 'https://play.rosebud.ai/assets/side-right.png?KgIX'); this.load.image('left-corner', 'https://play.rosebud.ai/assets/left-corner.png?c1zE'); this.load.image('right-corner', 'https://play.rosebud.ai/assets/right-corner.png?91w2'); this.load.image('bg_secret_0', 'https://play.rosebud.ai/assets/bg_secret_0.png?CjNY'); this.load.image('floor-secret', 'https://play.rosebud.ai/assets/floor-secret.png?Owof'); this.load.image('land1', 'https://play.rosebud.ai/assets/land1.png?ofIp'); this.load.image('land2', 'https://play.rosebud.ai/assets/land2.png?BBCx'); this.load.image('land3', 'https://play.rosebud.ai/assets/land3.png?fnkx'); this.load.image('land4', 'https://play.rosebud.ai/assets/land4.png?T4Zj'); this.load.image('land5', 'https://play.rosebud.ai/assets/land5.png?Sqhk'); this.load.image('land6', 'https://play.rosebud.ai/assets/land6.png?ZGKZ'); this.load.image('red', `https://play.rosebud.ai/assets/red.png?rmJk`); this.load.image('groundTexture', 'https://play.rosebud.ai/assets/Dirt_02-256x256.png?oPtC'); this.load.image('platformTexture', 'https://play.rosebud.ai/assets/Stone_05-256x256.png?g7Lb'); this.load.image('idle1', 'https://play.rosebud.ai/assets/idle1.png?UuW4'); this.load.image('jump1', 'https://play.rosebud.ai/assets/jump1.png?D8Zd'); this.load.image('jump2', 'https://play.rosebud.ai/assets/jump2.png?xeaR'); this.load.image('jump3', 'https://play.rosebud.ai/assets/jump3.png?H85Z'); this.load.image('jump4', 'https://play.rosebud.ai/assets/jump4.png?cyeF'); this.load.image('jump5', 'https://play.rosebud.ai/assets/jump5.png?Xmo5'); this.load.image('jump6', 'https://play.rosebud.ai/assets/jump6.png?bN6U'); this.load.image('jump7', 'https://play.rosebud.ai/assets/jump7.png?lVtD'); this.load.image('jump8', 'https://play.rosebud.ai/assets/jump8.png?ThtK'); this.load.image('jump9', 'https://play.rosebud.ai/assets/jump9.png?vEOY'); this.load.image('jump10', 'https://play.rosebud.ai/assets/jump10.png?JNIy'); this.load.image('jump11', 'https://play.rosebud.ai/assets/jump11.png?ZKmg'); this.load.image('jump12', 'https://play.rosebud.ai/assets/jump12.png?gu1U'); this.load.image('idle2', 'https://play.rosebud.ai/assets/idle2.png?dN6Q'); this.load.image('idle3', 'https://play.rosebud.ai/assets/idle3.png?D6Ow'); this.load.image('idle4', 'https://play.rosebud.ai/assets/idle4.png?wpCa'); this.load.image('idle5', 'https://play.rosebud.ai/assets/idle5.png?uNgC'); this.load.image('idle6', 'https://play.rosebud.ai/assets/idle6.png?bNsH'); this.load.image('idle7', 'https://play.rosebud.ai/assets/idle7.png?g3vW'); this.load.image('idle8', 'https://play.rosebud.ai/assets/idle8.png?eA2i'); this.load.image('idle9', 'https://play.rosebud.ai/assets/idle9.png?kJAM'); this.load.image('idle10', 'https://play.rosebud.ai/assets/idle10.png?NVTl'); this.load.image('idle11', 'https://play.rosebud.ai/assets/idle11.png?Si22'); this.load.image('idle12', 'https://play.rosebud.ai/assets/idle12.png?GsJw'); this.load.image('idle13', 'https://play.rosebud.ai/assets/idle13.png?0Stv'); this.load.image('idle14', 'https://play.rosebud.ai/assets/idle14.png?tKpe'); this.load.image('idle15', 'https://play.rosebud.ai/assets/idle15.png?cio8'); this.load.image('idle16', 'https://play.rosebud.ai/assets/idle16.png?Vha4'); this.load.image('idle17', 'https://play.rosebud.ai/assets/idle17.png?T1G4'); this.load.image('idle18', 'https://play.rosebud.ai/assets/idle18.png?jaGR'); this.load.image('idle19', 'https://play.rosebud.ai/assets/idle19.png?jkwd'); this.load.image('idle20', 'https://play.rosebud.ai/assets/idle20.png?CAfK'); this.load.image('idle21', 'https://play.rosebud.ai/assets/idle21.png?bz4G'); this.load.image('walk1', 'https://play.rosebud.ai/assets/walk1.png?Lbfk'); this.load.image('walk2', 'https://play.rosebud.ai/assets/walk2.png?4yDa'); this.load.image('walk3', 'https://play.rosebud.ai/assets/walk3.png?wGrf'); this.load.image('walk5', 'https://play.rosebud.ai/assets/walk5.png?Dc8W'); this.load.image('walk6', 'https://play.rosebud.ai/assets/walk6.png?jVRk'); this.load.image('walk7', 'https://play.rosebud.ai/assets/walk7.png?1S0u'); this.load.image('walk8', 'https://play.rosebud.ai/assets/walk8.png?azzO'); this.load.image('walk9', 'https://play.rosebud.ai/assets/walk9.png?vn5c'); this.load.image('walk11', 'https://play.rosebud.ai/assets/walk11.png?tQ6O'); this.load.image('walk12', 'https://play.rosebud.ai/assets/walk12.png?oamP'); this.load.image('taunt1', 'https://play.rosebud.ai/assets/taunt1.png?HIwt'); this.load.image('taunt2', 'https://play.rosebud.ai/assets/taunt2.png?E9sP'); this.load.image('taunt3', 'https://play.rosebud.ai/assets/taunt3.png?PMqj'); this.load.image('taunt4', 'https://play.rosebud.ai/assets/taunt4.png?Yq7I'); this.load.image('taunt5', 'https://play.rosebud.ai/assets/taunt5.png?jPZz'); this.load.image('taunt6', 'https://play.rosebud.ai/assets/taunt6.png?jwdX'); this.load.image('taunt7', 'https://play.rosebud.ai/assets/taunt7.png?EQ9s'); this.load.image('taunt8', 'https://play.rosebud.ai/assets/taunt8.png?Ad0u'); this.load.image('taunt9', 'https://play.rosebud.ai/assets/taunt9.png?imVR'); this.load.image('taunt10', 'https://play.rosebud.ai/assets/taunt10.png?kAl0'); this.load.image('taunteffect1', 'https://play.rosebud.ai/assets/taunteffect1.png?p08p'); this.load.image('taunteffect2', 'https://play.rosebud.ai/assets/taunteffect2.png?XABz'); this.load.image('taunteffect3', 'https://play.rosebud.ai/assets/taunteffect3.png?6FIf'); this.load.image('taunteffect4', 'https://play.rosebud.ai/assets/taunteffect4.png?gVTX'); this.load.image('taunteffect5', 'https://play.rosebud.ai/assets/taunteffect5.png?KcMI'); this.load.image('taunteffect6', 'https://play.rosebud.ai/assets/taunteffect6.png?9cND'); this.load.image('taunteffect7', 'https://play.rosebud.ai/assets/taunteffect7.png?xl1t'); this.load.image('taunteffect8', 'https://play.rosebud.ai/assets/taunteffect8.png?WQMc'); this.load.image('taunteffect9', 'https://play.rosebud.ai/assets/taunteffect9.png?B9lp'); this.load.audio('secret-lockin', 'https://play.rosebud.ai/assets/secret-lockin.mp3?md7m'); this.load.audio('taunt', 'https://play.rosebud.ai/assets/taunt.mp3?EJjE'); this.load.audio('step_better', 'https://play.rosebud.ai/assets/step_better.mp3?Tu5K'); this.load.image('closet', 'https://play.rosebud.ai/assets/closet.png?NY45'); // Load TV idle frames this.load.image('tv_idle1', 'https://play.rosebud.ai/assets/tv_idle1.png?apvZ'); this.load.image('tv_idle2', 'https://play.rosebud.ai/assets/tv_idle2.png?JG6u'); this.load.image('tv_idle3', 'https://play.rosebud.ai/assets/tv_idle3.png?sgAT'); this.load.image('tv_idle4', 'https://play.rosebud.ai/assets/tv_idle4.png?q3Ch'); this.load.image('tv_idle5', 'https://play.rosebud.ai/assets/tv_idle5.png?h087'); this.load.image('tv_idle6', 'https://play.rosebud.ai/assets/tv_idle6.png?BqjL'); this.load.image('tv_idle7', 'https://play.rosebud.ai/assets/tv_idle7.png?AeUz'); this.load.image('tv_idle8', 'https://play.rosebud.ai/assets/tv_idle8.png?MpWS'); this.load.image('tv_idle9', 'https://play.rosebud.ai/assets/tv_idle9.png?59HZ'); this.load.image('tv_idle10', 'https://play.rosebud.ai/assets/tv_idle10.png?fUmS'); // Load TV lookaround frames this.load.image('tv_lookaround1', 'https://play.rosebud.ai/assets/tv_lookaround1.png?h4UP'); this.load.image('tv_lookaround2', 'https://play.rosebud.ai/assets/tv_lookaround2.png?A9Zo'); this.load.image('tv_lookaround3', 'https://play.rosebud.ai/assets/tv_lookaround3.png?LxpH'); this.load.image('tv_lookaround4', 'https://play.rosebud.ai/assets/tv_lookaround4.png?zVl3'); this.load.image('tv_lookaround5', 'https://play.rosebud.ai/assets/tv_lookaround5.png?NLTC'); this.load.image('tv_lookaround6', 'https://play.rosebud.ai/assets/tv_lookaround6.png?zCMT'); this.load.image('tv_lookaround7', 'https://play.rosebud.ai/assets/tv_lookaround7.png?jSDV'); this.load.image('tv_lookaround8', 'https://play.rosebud.ai/assets/tv_lookaround8.png?8vjE'); this.load.image('tv_lookaround9', 'https://play.rosebud.ai/assets/tv_lookaround9.png?0HIf'); this.load.image('tv_lookaround10', 'https://play.rosebud.ai/assets/tv_lookaround10.png?RWjt'); this.load.image('tv_lookaround11', 'https://play.rosebud.ai/assets/tv_lookaround11.png?okdn'); this.load.image('tv_lookaround12', 'https://play.rosebud.ai/assets/tv_lookaround12.png?HQF5'); this.load.image('tv_lookaround13', 'https://play.rosebud.ai/assets/tv_lookaround13.png?DhrU'); this.load.image('tv_lookaround14', 'https://play.rosebud.ai/assets/tv_lookaround14.png?uB5H'); this.load.image('tv_lookaround15', 'https://play.rosebud.ai/assets/tv_lookaround15.png?LHej'); this.load.image('tv_lookaround16', 'https://play.rosebud.ai/assets/tv_lookaround16.png?11VS'); this.load.image('tv_lookaround17', 'https://play.rosebud.ai/assets/tv_lookaround17.png?B7oq'); this.load.image('tv_lookaround18', 'https://play.rosebud.ai/assets/tv_lookaround18.png?Qam6'); this.load.image('tv_lookaround19', 'https://play.rosebud.ai/assets/tv_lookaround19.png?TpNh'); this.load.image('tv_lookaround20', 'https://play.rosebud.ai/assets/tv_lookaround20.png?Grzv'); this.load.image('tv_lookaround21', 'https://play.rosebud.ai/assets/tv_lookaround21.png?wgjM'); this.load.image('tv_lookaround22', 'https://play.rosebud.ai/assets/tv_lookaround22.png?2aaF'); this.load.image('tv_lookaround23', 'https://play.rosebud.ai/assets/tv_lookaround23.png?8g0k'); this.load.image('tv_lookaround24', 'https://play.rosebud.ai/assets/tv_lookaround24.png?OGq1'); this.load.image('tv_lookaround25', 'https://play.rosebud.ai/assets/tv_lookaround25.png?sySz'); this.load.image('tv_lookaround26', 'https://play.rosebud.ai/assets/tv_lookaround26.png?zRGT'); this.load.image('tv_lookaround27', 'https://play.rosebud.ai/assets/tv_lookaround27.png?BnFx'); this.load.image('tv_lookaround28', 'https://play.rosebud.ai/assets/tv_lookaround28.png?Mrr2'); // Load TV stare frames this.load.image('tv_stare1', 'https://play.rosebud.ai/assets/tv_stare1.png?CBcR'); this.load.image('tv_stare2', 'https://play.rosebud.ai/assets/tv_stare2.png?H9XC'); this.load.image('tv_stare3', 'https://play.rosebud.ai/assets/tv_stare3.png?kQzb'); this.load.image('tv_stare4', 'https://play.rosebud.ai/assets/tv_stare4.png?SMhc'); this.load.image('tv_stare5', 'https://play.rosebud.ai/assets/tv_stare5.png?vdEq'); this.load.image('tv_stare6', 'https://play.rosebud.ai/assets/tv_stare6.png?qvuO'); this.load.image('tv_stare7', 'https://play.rosebud.ai/assets/tv_stare7.png?4U8U'); this.load.image('tv_stare8', 'https://play.rosebud.ai/assets/tv_stare8.png?C7is'); this.load.image('tv_stare9', 'https://play.rosebud.ai/assets/tv_stare9.png?wPgW'); this.load.image('tv_stare10', 'https://play.rosebud.ai/assets/tv_stare10.png?GfA3'); this.load.image('tv_stare11', 'https://play.rosebud.ai/assets/tv_stare11.png?LwnD'); this.load.image('tv_stare12', 'https://play.rosebud.ai/assets/tv_stare12.png?Gajx'); this.load.image('tv_stare13', 'https://play.rosebud.ai/assets/tv_stare13.png?LPMV'); this.load.image('tv_stare14', 'https://play.rosebud.ai/assets/tv_stare14.png?oFUR'); this.load.image('tv_stare15', 'https://play.rosebud.ai/assets/tv_stare15.png?ecfm'); this.load.image('tv_stare16', 'https://play.rosebud.ai/assets/tv_stare16.png?617j'); this.load.image('tv_stare17', 'https://play.rosebud.ai/assets/tv_stare17.png?K5rZ'); this.load.image('tv_stare18', 'https://play.rosebud.ai/assets/tv_stare18.png?zqgy'); this.load.image('tv_stare19', 'https://play.rosebud.ai/assets/tv_stare19.png?rOmR'); this.load.image('tv_stare20', 'https://play.rosebud.ai/assets/tv_stare20.png?Eqae'); this.load.image('tv_stare21', 'https://play.rosebud.ai/assets/tv_stare21.png?XstL'); this.load.image('tv_stare22', 'https://play.rosebud.ai/assets/tv_stare22.png?rfLC'); this.load.image('tv_stare23', 'https://play.rosebud.ai/assets/tv_stare23.png?dBvv'); this.load.image('tv_stare24', 'https://play.rosebud.ai/assets/tv_stare24.png?NtW4'); this.load.image('tv_stare25', 'https://play.rosebud.ai/assets/tv_stare25.png?DjKw'); } create() { // Create player first this.createPlayer(); // Create grid graphics object this.grid = this.add.graphics(); this.grid.lineStyle(1, 0xffffff, 0.2); // Draw vertical lines for (let x = 0; x < this.sys.game.config.width; x += 32) { this.grid.moveTo(x, 0); this.grid.lineTo(x, this.sys.game.config.height); this.grid.strokePath(); // Stroke each line individually } // Draw horizontal lines for (let y = 0; y < this.sys.game.config.height; y += 32) { this.grid.moveTo(0, y); this.grid.lineTo(this.sys.game.config.width, y); this.grid.strokePath(); // Stroke each line individually } this.grid.setDepth(999); // Make sure grid is on top this.grid.setScrollFactor(1); // Make grid scroll with camera this.grid.visible = false; // Hide grid by default // Add pizzascore to top left this.pizzaScore = this.add.image(20, 60, 'pizzascore') .setOrigin(0, 0) .setScrollFactor(0) .setDepth(1000); // Add score number this.scoreNum = this.add.image(105, 50, 'spr_font_collect_0') .setOrigin(0, 0) .setScrollFactor(0) .setDepth(1001); this.pizzaScore = this.add.image(20, 60, 'pizzascore') .setOrigin(0, 0) .setScrollFactor(0) .setDepth(1000); // Add rank_d beside pizzascore this.rankD = this.add.image(235, 45, 'rank_d') .setOrigin(0, 0) .setScrollFactor(0) .setDepth(1000); // Create the diagonal scrolling background this.secretBg = this.add.tileSprite(0, 0, this.sys.game.config.width, this.sys.game.config.height, 'bg_secret_0') .setOrigin(0) .setDepth(-1) // Behind everything .setScale(1) .setScrollFactor(0); // Fix to camera this.physics.world.setBounds(0, 0, this.sys.game.config.width, 540); // Match game height // Create the ground visuals and collision this.createGround(); // Add the closet next to player spawn this.closet = this.add.image(596, 338, 'closet'); // Moved 2 grid blocks right (532 + 64) // Add background prop on floor this.backgroundProp = this.add.image(368, 370, 'background-prop-on-floor'); this.backgroundProp.setScale(1); this.backgroundProp.setDepth(0); // Behind floor tiles // Add second background prop on floor this.backgroundProp2 = this.add.image(564, 354, 'background-prop-on-floor2'); this.backgroundProp2.setScale(1); this.backgroundProp2.setDepth(0); // Behind floor tiles this.closet.setScale(1); this.closet.setDepth(5); // Between background and player // Create idle animation this.anims.create({ key: 'idle', frames: [{ key: 'idle1' }, { key: 'idle2' }, { key: 'idle3' }, { key: 'idle4' }, { key: 'idle5' }, { key: 'idle6' }, { key: 'idle7' }, { key: 'idle8' }, { key: 'idle9' }, { key: 'idle10' }, { key: 'idle11' }, { key: 'idle12' }, { key: 'idle13' }, { key: 'idle14' }, { key: 'idle15' }, { key: 'idle16' }, { key: 'idle17' }, { key: 'idle18' }, { key: 'idle19' }, { key: 'idle20' }, { key: 'idle21' }], frameRate: 20, repeat: -1 }); // Jump animation removed as we're using static frames based on velocity // Create walk animation this.anims.create({ key: 'walk', frames: [{ key: 'walk1' }, { key: 'walk2' }, { key: 'walk3' }, { key: 'walk5' }, { key: 'walk6' }, { key: 'walk7' }, { key: 'walk8' }, { key: 'walk9' }, { key: 'walk11' }, { key: 'walk12' }], frameRate: 28, repeat: -1 }); // Create grabdash animation this.anims.create({ key: 'grabdash', frames: [{ key: 'grabdash1', duration: 50 }, { key: 'grabdash2', duration: 50 }, { key: 'grabdash3', duration: 50 }, { key: 'grabdash4', duration: 50 }, { key: 'grabdash5', duration: 50 }, { key: 'grabdash6', duration: 50 }, { key: 'grabdash7', duration: 50 }, { key: 'grabdash8', duration: 50 }, { key: 'grabdash9', duration: 50 }, { key: 'grabdash10', duration: 50 }, { key: 'grabdash11', duration: 50 }, { key: 'grabdash12', duration: 50 }, { key: 'grabdash13', duration: 50 }, { key: 'grabdash14', duration: 50 }], frameRate: 30, repeat: 0, showOnStart: true, hideOnComplete: false, duration: 700 }); // Create crawl animation this.anims.create({ key: 'crawl', frames: [{ key: 'crawl1' }, { key: 'crawl2' }, { key: 'crawl3' }, { key: 'crawl6' }, { key: 'crawl7' }, { key: 'crawl8' }, { key: 'crawl9' }, { key: 'crawl10' }, { key: 'crawl11' }], frameRate: 20, repeat: -1 }); // Landing animation removed as we're now handling frames manually // Create taunt effect animation this.anims.create({ key: 'taunteffect', frames: [{ key: 'taunteffect1' }, { key: 'taunteffect2' }, { key: 'taunteffect3' }, { key: 'taunteffect4' }, { key: 'taunteffect5' }, { key: 'taunteffect6' }, { key: 'taunteffect7' }, { key: 'taunteffect8' }, { key: 'taunteffect9' }], frameRate: 24, repeat: 0 // Set to 0 to play only once }); // Create TV idle animation this.anims.create({ key: 'tv_idle', frames: [{ key: 'tv_idle1' }, { key: 'tv_idle2' }, { key: 'tv_idle3' }, { key: 'tv_idle4' }, { key: 'tv_idle5' }, { key: 'tv_idle6' }, { key: 'tv_idle7' }, { key: 'tv_idle8' }, { key: 'tv_idle9' }, { key: 'tv_idle10' }], frameRate: 12, repeat: -1 }); // Create TV lookaround animation this.anims.create({ key: 'tv_lookaround', frames: [{ key: 'tv_lookaround1' }, { key: 'tv_lookaround2' }, { key: 'tv_lookaround3' }, { key: 'tv_lookaround4' }, { key: 'tv_lookaround5' }, { key: 'tv_lookaround6' }, { key: 'tv_lookaround7' }, { key: 'tv_lookaround8' }, { key: 'tv_lookaround9' }, { key: 'tv_lookaround10' }, { key: 'tv_lookaround11' }, { key: 'tv_lookaround12' }, { key: 'tv_lookaround13' }, { key: 'tv_lookaround14' }, { key: 'tv_lookaround15' }, { key: 'tv_lookaround16' }, { key: 'tv_lookaround17' }, { key: 'tv_lookaround18' }, { key: 'tv_lookaround19' }, { key: 'tv_lookaround20' }, { key: 'tv_lookaround21' }, { key: 'tv_lookaround22' }, { key: 'tv_lookaround23' }, { key: 'tv_lookaround24' }, { key: 'tv_lookaround25' }, { key: 'tv_lookaround26' }, { key: 'tv_lookaround27' }, { key: 'tv_lookaround28' }], frameRate: 24, repeat: 0 }); // Create TV stare animation this.anims.create({ key: 'tv_stare', frames: [{ key: 'tv_stare1' }, { key: 'tv_stare2' }, { key: 'tv_stare3' }, { key: 'tv_stare4' }, { key: 'tv_stare5' }, { key: 'tv_stare6' }, { key: 'tv_stare7' }, { key: 'tv_stare8' }, { key: 'tv_stare9' }, { key: 'tv_stare10' }, { key: 'tv_stare11' }, { key: 'tv_stare12' }, { key: 'tv_stare13' }, { key: 'tv_stare14' }, { key: 'tv_stare15' }, { key: 'tv_stare16' }, { key: 'tv_stare17' }, { key: 'tv_stare18' }, { key: 'tv_stare19' }, { key: 'tv_stare20' }, { key: 'tv_stare21' }, { key: 'tv_stare22' }, { key: 'tv_stare23' }, { key: 'tv_stare24' }, { key: 'tv_stare25' }], frameRate: 24, repeat: 0 }); // Create TV yellow-to-white shader pipeline const tvShader = ` precision mediump float; uniform sampler2D uMainSampler; varying vec2 outTexCoord; void main(void) { vec4 color = texture2D(uMainSampler, outTexCoord); // Adjust threshold for better yellow detection if(color.r > 0.7 && color.g > 0.7 && color.b < 0.3) { // Make yellow pixels pure white gl_FragColor = vec4(1.0, 1.0, 1.0, color.a); } else { gl_FragColor = color; } } `; const tvPipeline = this.renderer.pipelines.add('TVColorReplacement', new Phaser.Renderer.WebGL.Pipelines.SinglePipeline({ game: this.game, renderer: this.game.renderer, fragShader: tvShader })); // Add TV background this.tvBg = this.add.image(this.sys.game.config.width - 125, 90, 'tv_bg') .setScrollFactor(0) .setDepth(999); // Create TV sprite in top right corner with custom shader this.tvDisplay = this.add.sprite(this.sys.game.config.width - 110, 70, 'tv_idle1') .setScrollFactor(0) // Fix to camera .setDepth(1000) // Ensure it's above other elements .setScale(1) // Adjust scale as needed .setPipeline('TVColorReplacement'); // Apply the yellow-to-white shader // Set up TV animations with alternating idle and lookaround this.tvDisplay.play('tv_idle'); // Set up a timer to trigger lookaround animation periodically this.time.addEvent({ delay: 5000, // Time between lookarounds (5 seconds) callback: () => { // Play lookaround animation this.tvDisplay.play('tv_lookaround'); // When lookaround completes, go back to idle this.tvDisplay.on('animationcomplete-tv_lookaround', () => { this.tvDisplay.play('tv_idle'); }); }, loop: true }); // Set up another timer for stare animation with longer delay this.time.addEvent({ delay: 8000, // Time between stares (8 seconds) callback: () => { // Only play stare if not already in lookaround const currentAnim = this.tvDisplay.anims.currentAnim; if (!currentAnim || currentAnim.key === 'tv_idle') { this.tvDisplay.play('tv_stare'); // When stare completes, go back to idle this.tvDisplay.on('animationcomplete-tv_stare', () => { this.tvDisplay.play('tv_idle'); }); } }, loop: true }); // Start playing the idle animation only if player exists if (this.player && this.player.active) { this.player.play('idle'); } // Set up camera to follow player horizontally with offset this.cameras.main.setBounds(0, 0, 700, 408); // Match physics world bounds this.cameras.main.startFollow(this.player, false, 1, 0, 100, 0); // Added 100px offset on X axis // Add keyboard input this.cursors = this.input.keyboard.createCursorKeys(); // Add Z as jump key and X as dash key this.jumpKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.Z); this.dashKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.X); this.tauntKey = this.input.keyboard.addKey(Phaser.Input.Keyboard.KeyCodes.C); this.isTaunting = false; // Add colliders // Collider is now set up in createGround() // this.physics.add.collider(this.player, this.platforms); // Add background music this.backgroundMusic = this.sound.add('secret-lockin', { loop: true, volume: 0.5 }); this.backgroundMusic.play(); } update() { // Move secretbg diagonally this.secretBg.tilePositionX -= 0.5; this.secretBg.tilePositionY -= 0.5; // Ground is now static, no need to update position // Handle crouching if (this.cursors.down.isDown && !this.isTaunting && this.player.body.touching.down) { if (!this.isCrouching) { this.isCrouching = true; this.player.stop(); // Stop any current animation this.player.setTexture('crouch-begin'); // Transition to crouch1 after an extremely brief delay this.time.delayedCall(25, () => { if (this.isCrouching && !this.player.body.velocity.x) { // Only if still crouching and not moving this.player.setTexture('crouch1'); } }); } // Handle crawling movement if (this.cursors.left.isDown) { this.player.setVelocityX(-240); this.player.flipX = true; this.player.play('crawl', true); } else if (this.cursors.right.isDown) { this.player.setVelocityX(240); this.player.flipX = false; this.player.play('crawl', true); } else { this.player.setVelocityX(0); // Stop crawl animation and set static crawl sprite if (this.player.anims.isPlaying && this.player.anims.currentAnim.key === 'crawl') { this.player.stop(); this.player.setTexture('crouch1'); } // Occasionally play crouch4 or crouch5 when stationary if (this.time.now - this.lastCrouchVariation > 2000) { // Every 2 seconds if (Phaser.Math.Between(0, 100) < 30) { // 30% chance this.player.setTexture(Phaser.Math.RND.pick(['crouch4', 'crouch5'])); this.time.delayedCall(300, () => { if (this.isCrouching && !this.player.body.velocity.x) { this.player.setTexture('crouch1'); } }); } this.lastCrouchVariation = this.time.now; } else if (!this.player.anims.isPlaying) { this.player.setTexture('crouch1'); } } return; } else if (this.isCrouching) { this.isCrouching = false; if (!this.isTaunting) { this.player.play('idle', true); // Force start the idle animation } } // Handle dashing if (Phaser.Input.Keyboard.JustDown(this.dashKey) && !this.isDashing && this.canDash && !this.isTaunting && !this.isCrouching) { // Check if player exists and is active before proceeding if (!this.player || !this.player.active) { return; } // Cancel all ongoing animations and states this.isLanding = false; this.isJumping = false; if (this.landingTimer) { this.landingTimer.destroy(); } this.isDashing = true; this.canDash = false; this.lastAfterimageTime = 0; // Disable gravity temporarily during dash this.player.body.setAllowGravity(false); this.player.setVelocityY(0); // Set dash direction based on player facing direction const dashDirection = this.player.flipX ? -1 : 1; // Force stop ALL current animations and states this.player.stop(); this.player.setTexture('grabdash1'); // Start the grabdash animation with priority this.player.play('grabdash', true); // Prevent any animation interruptions during dash this.player.on('animationstop', (anim) => { if (this.isDashing && anim.key !== 'grabdash') { this.player.play('grabdash', true); } }); // Create a timer event to maintain dash velocity const dashUpdate = this.time.addEvent({ delay: 16, callback: () => { if (this.isDashing) { this.player.setVelocityX(this.dashSpeed * dashDirection); } }, repeat: Math.floor(this.dashDuration / 16) }); // Listen for animation completion this.player.once('animationcomplete-grabdash', () => { this.isDashing = false; dashUpdate.destroy(); this.player.body.setAllowGravity(true); // Clear the animation interrupt listener this.player.removeAllListeners('animationstop'); // Transition to appropriate animation if (this.cursors.left.isDown || this.cursors.right.isDown) { this.player.play('walk', true); } else { this.player.play('idle', true); } }); // Add new animation complete listener this.player.on('animationcomplete', () => { if (this.isDashing) { this.isDashing = false; if (this.cursors.left.isDown || this.cursors.right.isDown) { this.player.play('walk', true); } else { this.player.play('idle', true); } } }, this); // Handle afterimage effects const afterimageSpawner = this.time.addEvent({ delay: this.afterimageDelay, callback: () => { if (this.isDashing) { // Get current animation frame texture const currentTexture = this.player.texture.key; // Create red afterimage const redAfterimage = this.add.sprite(this.player.x - 10, this.player.y, currentTexture) .setAlpha(0.3) .setTint(0xff0000) .setFlipX(this.player.flipX) .setDepth(9); // Create green afterimage const greenAfterimage = this.add.sprite(this.player.x + 10, this.player.y, currentTexture) .setAlpha(0.3) .setTint(0x00ff00) .setFlipX(this.player.flipX) .setDepth(9); // Fade out and destroy afterimages this.tweens.add({ targets: [redAfterimage, greenAfterimage], alpha: 0, duration: this.afterimageLifetime, ease: 'Power1', onComplete: () => { redAfterimage.destroy(); greenAfterimage.destroy(); } }); } }, repeat: Math.floor(this.dashDuration / this.afterimageDelay) }); // Clean up afterimage spawner when dash ends this.time.delayedCall(this.dashDuration, () => { afterimageSpawner.destroy(); }); // Gradually decrease dash speed over time let timeElapsed = 0; const dashSlowdown = this.time.addEvent({ delay: 16, // 60fps update callback: () => { timeElapsed += 16; const progress = timeElapsed / this.dashDuration; const currentSpeed = Phaser.Math.Linear(this.dashSpeed, 320, progress); // 320 is normal walk speed if (this.isDashing) { this.player.setVelocityX(currentSpeed * dashDirection); } }, repeat: Math.floor(this.dashDuration / 16) }); // Reset dash state after duration this.time.delayedCall(this.dashDuration, () => { this.isDashing = false; dashSlowdown.destroy(); }); // Reset dash cooldown this.time.delayedCall(this.dashCooldown, () => { this.canDash = true; }); } // Player movement (only if not dashing) if (!this.isDashing && !this.isTaunting && !this.isLanding) { if (this.cursors.left.isDown && this.player.body.touching.down) { this.player.setVelocityX(-320); this.player.flipX = true; if (this.player.anims.getName() !== 'walk') { this.player.play('walk'); } } else if (this.cursors.right.isDown && this.player.body.touching.down) { this.player.setVelocityX(320); this.player.flipX = false; if (this.player.anims.getName() !== 'walk') { this.player.play('walk'); } } else { this.player.setVelocityX(0); if (this.player.anims.getName() !== 'idle') { this.player.play('idle'); } } // Play step sound when moving on the ground if (this.player.body.touching.down && (this.cursors.left.isDown || this.cursors.right.isDown)) { const currentTime = this.time.now; if (currentTime - this.lastStepTime >= this.stepInterval) { this.sound.play('step_better', { volume: 0.8, // Reduced from 1.0 to 0.8 seek: 0.1, // Start 100ms into the sound rate: 1, detune: 0, duration: 0.15, // Play only 150ms of the sound overlap: true // Allow sounds to overlap }); this.lastStepTime = currentTime; } } } // Handle jumping with specific frames if (!this.isDashing && !this.isTaunting && !this.isCrouching) { // Initial jump if (Phaser.Input.Keyboard.JustDown(this.jumpKey) && this.player.body.touching.down && !this.isLanding) { this.player.setVelocityY(this.minJumpVelocity); // Start with minimum jump velocity this.isJumping = true; this.jumpTimer = 0; // Reset jump timer this.player.setTexture('jump1'); this.player.stop(); // Cancel any existing landing animation immediately if (this.landingTimer) { this.landingTimer.destroy(); this.isLanding = false; } } // Handle horizontal movement during jump separately if (!this.player.body.touching.down) { if (this.cursors.left.isDown) { this.player.setVelocityX(-320); this.player.flipX = true; } else if (this.cursors.right.isDown) { this.player.setVelocityX(320); this.player.flipX = false; } } // Handle variable jump height if (this.isJumping && this.jumpKey.isDown && this.jumpTimer < this.maxJumpTime) { this.jumpTimer += this.game.loop.delta; // Add time since last frame // Calculate jump force based on hold time let jumpProgress = this.jumpTimer / this.maxJumpTime; let currentJumpVelocity = Phaser.Math.Linear(this.minJumpVelocity, this.maxJumpVelocity, jumpProgress); this.player.setVelocityY(currentJumpVelocity); } // Cancel jump when key is released or max time reached if (Phaser.Input.Keyboard.JustUp(this.jumpKey) || (this.isJumping && this.jumpTimer >= this.maxJumpTime)) { if (this.player.body.velocity.y < 0) { this.player.setVelocityY(this.player.body.velocity.y * 0.5); // Soften the cut-off } this.isJumping = false; this.jumpTimer = 0; } // Handle jump sprites based on vertical velocity if (!this.player.body.touching.down) { let velocityY = this.player.body.velocity.y; // Stop any playing animations while in the air if (this.player.anims.isPlaying) { this.player.stop(); } // Rising if (velocityY <= -1000) this.player.setTexture('jump1'); else if (velocityY <= -800) this.player.setTexture('jump2'); else if (velocityY <= -600) this.player.setTexture('jump3'); else if (velocityY <= -400) this.player.setTexture('jump4'); else if (velocityY <= -200) this.player.setTexture('jump5'); else if (velocityY <= -100) this.player.setTexture('jump6'); // Falling else if (velocityY <= 0) this.player.setTexture('jump7'); else if (velocityY <= 100) this.player.setTexture('jump8'); else if (velocityY <= 200) this.player.setTexture('jump9'); else if (velocityY <= 300) this.player.setTexture('jump10'); else if (velocityY <= 400) this.player.setTexture('jump11'); else this.player.setTexture('jump12'); } // Handle landing animations if (this.player.body.touching.down) { // Only handle landing animations when actually touching ground and coming from a jump, not moving if (this.player.texture.key.startsWith('jump') && !this.isLanding && !this.isTaunting && Math.abs(this.player.body.velocity.x) < 10 && !this.player.texture.key.startsWith('taunt')) { this.isJumping = false; // Ensure clean state if (this.landingTimer) { this.landingTimer.destroy(); } this.isLanding = true; this.player.stop(); // Sequential landing animation frames let frame = 1; const frameDuration = 35; // Reduced from 50ms to 35ms for even faster animation this.landingTimer = this.time.addEvent({ delay: frameDuration, callback: () => { if (!this.isLanding) { this.landingTimer.destroy(); return; } this.player.setTexture(`land${frame}`); frame++; if (frame > 6) { this.isLanding = false; this.landingTimer.destroy(); // Immediate transition to next animation if (this.cursors.left.isDown || this.cursors.right.isDown) { this.player.play('walk', true); } else { this.player.play('idle', true); } } }, repeat: 5 }); } // Ground movement animations - only if not landing else if (!this.isLanding) { if (this.player.texture.key.startsWith('jump')) { // If player is moving horizontally when landing, go straight to walk/idle if (this.cursors.left.isDown || this.cursors.right.isDown) { this.player.play('walk', true); } else { this.player.play('idle', true); } this.isJumping = false; } else if (this.cursors.left.isDown || this.cursors.right.isDown) { if (this.player.anims.getName() !== 'walk') { this.player.play('walk', true); } } else if (this.player.anims.getName() !== 'idle' && !this.player.texture.key.startsWith('land')) { this.player.play('idle', true); } } } } // Handle taunting if (Phaser.Input.Keyboard.JustDown(this.tauntKey) && !this.isTaunting) { // Reset all animation states and cancel landing this.isLanding = false; this.isJumping = false; if (this.landingTimer) { this.landingTimer.destroy(); } // Force idle animation to clear any existing animation states this.player.play('idle'); // Immediately stop the idle animation this.player.stop(); this.isTaunting = true; const tauntNum = Phaser.Math.Between(1, 10); const effectNum = Phaser.Math.Between(1, 9); this.sound.play('taunt', { volume: 0.5, seek: 0.2, rate: Phaser.Math.FloatBetween(1, 1.07) // Random pitch between 80% and 120% of normal speed }); this.currentAnimation = this.player.anims.currentAnim; this.player.stop(); // Stop current animation // Create taunt effect behind player as a sprite instead of image this.tauntEffect = this.add.sprite(this.player.x, this.player.y, 'taunteffect1'); this.tauntEffect.setDepth(9); // Set taunt effect depth to 9 (just behind player) this.tauntEffect.setScale(1); // Make effect much smaller this.tauntEffect.play('taunteffect'); // Start playing the effect animation once this.tauntEffect.on('animationcomplete', () => { this.tauntEffect.stop(); // Stop on the last frame instead of hiding }); this.player.setTexture(`taunt${tauntNum}`); // Store current velocities and gravity this.previousVelocityX = this.player.body.velocity.x; this.previousVelocityY = this.player.body.velocity.y; this.previousGravityY = this.player.body.gravity.y; // Stop all movement and gravity this.player.setVelocity(0, 0); this.player.body.setAllowGravity(false); // Completely disable gravity // Reset after the delay this.time.delayedCall(300, () => { if (this.isTaunting) { // Only reset if still taunting this.isTaunting = false; // Force idle state immediately this.player.play('idle', true); this.isLanding = false; this.isJumping = false; if (this.landingTimer) { this.landingTimer.destroy(); } // Restore gravity and allow movement again this.player.body.setAllowGravity(true); // Re-enable gravity this.player.body.setGravityY(this.previousGravityY); // Force idle animation when on ground, regardless of previous state if (this.player.body.touching.down) { this.player.play('idle', true); // Short delay before allowing other animations this.time.delayedCall(50, () => { if (this.cursors.left.isDown || this.cursors.right.isDown) { this.player.play('walk', true); } }); } // Check if player is on ground and set appropriate animation if (this.player.body.touching.down) { if (this.cursors.left.isDown || this.cursors.right.isDown) { this.player.play('walk', true); } else { this.player.play('idle', true); } } else { // If in air, restore jump animation based on velocity this.isJumping = true; // Set appropriate jump texture based on current velocity let velocityY = this.player.body.velocity.y; if (velocityY <= 0) this.player.setTexture('jump7'); else if (velocityY <= 100) this.player.setTexture('jump8'); else if (velocityY <= 200) this.player.setTexture('jump9'); else if (velocityY <= 300) this.player.setTexture('jump10'); else if (velocityY <= 400) this.player.setTexture('jump11'); else this.player.setTexture('jump12'); } // Remove taunt effect if (this.tauntEffect) { this.tauntEffect.destroy(); this.tauntEffect = null; } } }); } // Don't play other animations while taunting if (this.isTaunting) { this.player.setVelocity(0, 0); // Ensure player stays completely still while taunting // Update taunt effect position to follow player if (this.tauntEffect) { this.tauntEffect.setPosition(this.player.x, this.player.y); } return; } // Check if player has fallen below the screen if (this.player.y > this.sys.game.config.height + 200) { // Reset player position this.player.setPosition((this.sys.game.config.width / 2) - 128, 340); this.player.setVelocity(0, 0); } } createGround() { const screenWidth = this.sys.game.config.width; const screenHeight = this.sys.game.config.height; const groundHeight = 32; // Height matches grid size const centerX = screenWidth / 2 - 170; // Center point minus half of ground width // Create a tiled sprite for the ground using floor-secret // Add inside-top-left sprite this.insideTopLeft = this.add.image(centerX + 20, screenHeight - groundHeight - 92, 'inside-top-left'); this.insideTopLeft.setOrigin(0, 0); this.insideTopLeft.setDepth(3); // Add inside background first (behind ground) this.inside = this.add.tileSprite(centerX, screenHeight - groundHeight - 124, 340, 96, 'inside'); this.inside.setOrigin(0, 0); this.inside.setDepth(1); // Add second inside sprite below this.inside2 = this.add.tileSprite(centerX, screenHeight - groundHeight - 28, 340, 96, 'inside'); this.inside2.setOrigin(0, 0); this.inside2.setDepth(1); this.ground = this.add.tileSprite(centerX, screenHeight - groundHeight - 124, 340, groundHeight, 'floor-secret'); this.ground.setOrigin(0, 0); this.ground.setDepth(2); // Add left corner sprite this.leftCorner = this.add.image(centerX, screenHeight - groundHeight - 124, 'left-corner'); this.leftCorner.setOrigin(0, 0); this.leftCorner.setDepth(2); // Add right corner sprite at the end of the ground this.rightCorner = this.add.image(centerX + 320, screenHeight - groundHeight - 124, 'right-corner'); this.rightCorner.setOrigin(0, 0); this.rightCorner.setDepth(2); // Add right corner sprite at the end of the ground // Add side-left sprite this.sideLeft = this.add.image(centerX, screenHeight - groundHeight - 92, 'side-left'); this.sideLeft.setOrigin(0, 0); this.sideLeft.setDepth(2); // Add second side-left sprite one row below this.sideLeft2 = this.add.image(centerX, screenHeight - groundHeight - 60, 'side-left'); this.sideLeft2.setOrigin(0, 0); this.sideLeft2.setDepth(2); // Add side-right sprite aligned with the right corner this.sideRight = this.add.image(centerX + 320, screenHeight - groundHeight - 92, 'side-right'); this.sideRight.setOrigin(0, 0); this.sideRight.setDepth(2); // Add second side-right sprite one row below this.sideRight2 = this.add.image(centerX + 320, screenHeight - groundHeight - 60, 'side-right'); this.sideRight2.setOrigin(0, 0); this.sideRight2.setDepth(2); // Add inside-bottom-right sprite this.insideBottomRight = this.add.image(centerX + 284, screenHeight - groundHeight - 26, 'inside-bottom-right'); this.insideBottomRight.setOrigin(0, 0); this.insideBottomRight.setDepth(3); this.ground.tileScaleX = 1; this.ground.tileScaleY = 1; this.ground.texture.setFilter(Phaser.Textures.FilterMode.NEAREST); this.ground.setScrollFactor(1); // Create physics group for ground this.groundPhysics = this.physics.add.staticGroup(); // Create collision blocks in a row const blockWidth = 32; // One grid block width const startX = screenWidth / 2; const y = (screenHeight / 2) + 96; // Create blocks side by side (6 to the right, 5 to the left) // Add blocks to the right for (let i = 0; i < 6; i++) { this.groundPhysics.create(startX + (i * blockWidth), y, null) .setSize(blockWidth, 32) .setAlpha(0) .refreshBody(); // If this is the last block on the right, create a vertical row down if (i === 5) { for (let j = 1; j <= 20; j++) { // Create 20 blocks down (adjust as needed) this.groundPhysics.create(startX + (i * blockWidth), y + (j * blockWidth), null) .setSize(blockWidth, 32) .setAlpha(0) .refreshBody(); } } } // Add blocks to the left for (let i = 1; i <= 5; i++) { this.groundPhysics.create(startX - (i * blockWidth), y, null) .setSize(blockWidth, 32) .setAlpha(0) .refreshBody(); // If this is the last block on the left, create a vertical row down if (i === 5) { for (let j = 1; j <= 20; j++) { // Create 20 blocks down (adjust as needed) this.groundPhysics.create(startX - (i * blockWidth), y + (j * blockWidth), null) .setSize(blockWidth, 32) .setAlpha(0) .refreshBody(); } } } // Add collision between player and floor this.physics.add.collider(this.player, this.groundPhysics); } createPlatforms() { this.platforms = this.physics.add.staticGroup(); } createPlayer() { const screenWidth = this.sys.game.config.width; const screenHeight = this.sys.game.config.height; const groundHeight = 25; const playerHeight = (32 / 3) * 1.5; // Create custom shader pipeline const fragShader = ` precision mediump float; uniform sampler2D uMainSampler; varying vec2 outTexCoord; void main(void) { vec4 color = texture2D(uMainSampler, outTexCoord); // Adjust threshold for better yellow detection if(color.r > 0.7 && color.g > 0.7 && color.b < 0.3) { // Make it pure white gl_FragColor = vec4(1.0, 1.0, 1.0, color.a); } else { gl_FragColor = color; } } `; const pipeline = this.renderer.pipelines.add('ColorReplacement', new Phaser.Renderer.WebGL.Pipelines.SinglePipeline({ game: this.game, renderer: this.game.renderer, fragShader: fragShader })); // Create player sprite and ensure it's properly initialized this.player = this.physics.add.sprite(screenWidth / 2, 340, 'idle1'); // Ensure the player exists before setting properties if (!this.player) { console.error('Failed to create player sprite'); return; } this.player.setScale(1).setDepth(10); this.player.setPipeline('ColorReplacement'); this.player.setBounce(0.1); this.player.setCollideWorldBounds(false); this.player.body.setSize(32, 45); // Set a more precise collision box this.player.body.setOffset(16, 19); // Center the collision box // Set player physics properties (similar to Mario) this.player.body.setGravityY(1800); // Further reduced gravity for even floatier feel 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' }); } } const container = document.getElementById('renderDiv'); const config = { type: Phaser.AUTO, parent: 'renderDiv', scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH, }, width: 960, height: 540, pixelArt: true, crisp: true, physics: { default: 'arcade', arcade: { gravity: { y: 250 // Reduced world gravity }, debug: false, debugShowBody: false, debugShowStaticBody: false } }, scene: Example }; window.phaserGame = new Phaser.Game(config);