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 = 600; // Reduced dash speed for slower movement this.dashDuration = 700; // Extended duration of the dash to 700ms this.dashCooldown = 800; // Increased cooldown to balance longer dash 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 grabdashcancel frames this.load.image('grabdashcancel1', 'https://play.rosebud.ai/assets/grabdashcancel1.png?VGho'); this.load.image('grabdashcancel2', 'https://play.rosebud.ai/assets/grabdashcancel2.png?uhUd'); this.load.image('grabdashcancel3', 'https://play.rosebud.ai/assets/grabdashcancel3.png?P8O0'); this.load.image('grabdashcancel4', 'https://play.rosebud.ai/assets/grabdashcancel4.png?SIQC'); this.load.image('grabdashcancel5', 'https://play.rosebud.ai/assets/grabdashcancel5.png?AqvI'); this.load.image('grabdashcancel6', 'https://play.rosebud.ai/assets/grabdashcancel6.png?YiWa'); this.load.image('grabdashcancel7', 'https://play.rosebud.ai/assets/grabdashcancel7.png?Yjjn'); this.load.image('grabdashcancel8', 'https://play.rosebud.ai/assets/grabdashcancel8.png?SjUI'); this.load.image('grabdashcancel9', 'https://play.rosebud.ai/assets/grabdashcancel9.png?7ZjF'); this.load.image('grabdashcancel10', 'https://play.rosebud.ai/assets/grabdashcancel10.png?hMzH'); // Load grabdashjumpstart frames this.load.image('grabdashjumpstart2', 'https://play.rosebud.ai/assets/grabdashjumpstart2.png?RKUr'); this.load.image('grabdashjumpstart3', 'https://play.rosebud.ai/assets/grabdashjumpstart3.png?J825'); this.load.image('grabdashjumpstart4', 'https://play.rosebud.ai/assets/grabdashjumpstart4.png?LyqM'); this.load.image('grabdashjumpstart5', 'https://play.rosebud.ai/assets/grabdashjumpstart5.png?OlOS'); // Load grabdash frames first this.load.image('grabdash1', 'https://play.rosebud.ai/assets/grabdash1.png?66pz'); this.load.image('grabdash2', 'https://play.rosebud.ai/assets/grabdash2.png?Q8KF'); this.load.image('grabdash3', 'https://play.rosebud.ai/assets/grabdash3.png?GKG2'); this.load.image('grabdash4', 'https://play.rosebud.ai/assets/grabdash4.png?l4Pq'); this.load.image('grabdash5', 'https://play.rosebud.ai/assets/grabdash5.png?G90F'); this.load.image('grabdash6', 'https://play.rosebud.ai/assets/grabdash6.png?ckvm'); this.load.image('grabdash7', 'https://play.rosebud.ai/assets/grabdash7.png?7ZnE'); this.load.image('grabdash8', 'https://play.rosebud.ai/assets/grabdash8.png?lIcs'); this.load.image('grabdash9', 'https://play.rosebud.ai/assets/grabdash9.png?4RGc'); this.load.image('grabdash10', 'https://play.rosebud.ai/assets/grabdash10.png?15QE'); this.load.image('grabdash11', 'https://play.rosebud.ai/assets/grabdash11.png?Mx4j'); this.load.image('grabdash12', 'https://play.rosebud.ai/assets/grabdash12.png?NKme'); this.load.image('grabdash13', 'https://play.rosebud.ai/assets/grabdash13.png?wZbc'); this.load.image('grabdash14', 'https://play.rosebud.ai/assets/grabdash14.png?X2ww'); // Load crawl animations this.load.image('crawl1', 'https://play.rosebud.ai/assets/crawl1.png?LHmG'); this.load.image('crawl2', 'https://play.rosebud.ai/assets/crawl2.png?YCdr'); this.load.image('crawl3', 'https://play.rosebud.ai/assets/crawl3.png?lDYy'); this.load.image('crawl6', 'https://play.rosebud.ai/assets/crawl6.png?DxMq'); this.load.image('crawl7', 'https://play.rosebud.ai/assets/crawl7.png?EjYo'); this.load.image('crawl8', 'https://play.rosebud.ai/assets/crawl8.png?j01P'); this.load.image('crawl9', 'https://play.rosebud.ai/assets/crawl9.png?vgmC'); this.load.image('crawl10', 'https://play.rosebud.ai/assets/crawl10.png?NGcM'); this.load.image('crawl11', 'https://play.rosebud.ai/assets/crawl11.png?qxwv'); // Original assets this.load.image('crouch1', 'https://play.rosebud.ai/assets/crouch1.png?qzI9'); this.load.image('crouch4', 'https://play.rosebud.ai/assets/crouch4.png?pB1t'); this.load.image('crouch5', 'https://play.rosebud.ai/assets/crouch5.png?NbJu'); this.load.image('crouch-begin', 'https://play.rosebud.ai/assets/crouch-begin.png?djKl'); this.load.image('spr_font_collect_0', 'https://play.rosebud.ai/assets/spr_font_collect_0.png?rTrr'); this.load.image('rank_d', 'https://play.rosebud.ai/assets/rank_D.png?hXWB'); this.load.image('pizzascore', 'https://play.rosebud.ai/assets/pizzascore.png?2OTm'); this.load.image('tv_bg', 'https://play.rosebud.ai/assets/tv_bg.png?HWZ6'); this.load.image('background-prop-on-floor2', 'https://play.rosebud.ai/assets/background-prop-on-floor2.png?CnCJ'); this.load.image('background-prop-on-floor', 'https://play.rosebud.ai/assets/background-prop-on-floor.png?tqWz'); this.load.image('inside', 'https://play.rosebud.ai/assets/inside.png?JqvO'); this.load.image('inside-bottom-right', 'https://play.rosebud.ai/assets/inside-bottom-right.png?22CT'); this.load.image('inside-top-left', 'https://play.rosebud.ai/assets/inside-top-left.png?aVRf'); this.load.image('side-left', 'https://play.rosebud.ai/assets/side-left.png?GwZY'); this.load.image('side-right', 'https://play.rosebud.ai/assets/side-right.png?FX6v'); this.load.image('left-corner', 'https://play.rosebud.ai/assets/left-corner.png?riHc'); this.load.image('right-corner', 'https://play.rosebud.ai/assets/right-corner.png?1Fob'); this.load.image('bg_secret_0', 'https://play.rosebud.ai/assets/bg_secret_0.png?cbKw'); this.load.image('floor-secret', 'https://play.rosebud.ai/assets/floor-secret.png?LQoV'); this.load.image('land1', 'https://play.rosebud.ai/assets/land1.png?F21k'); this.load.image('land2', 'https://play.rosebud.ai/assets/land2.png?QepF'); this.load.image('land3', 'https://play.rosebud.ai/assets/land3.png?Qx3c'); this.load.image('land4', 'https://play.rosebud.ai/assets/land4.png?9lRU'); this.load.image('land5', 'https://play.rosebud.ai/assets/land5.png?vISl'); this.load.image('land6', 'https://play.rosebud.ai/assets/land6.png?Q7ga'); this.load.image('red', `https://play.rosebud.ai/assets/red.png?yr54`); this.load.image('groundTexture', 'https://play.rosebud.ai/assets/Dirt_02-256x256.png?YjZJ'); this.load.image('platformTexture', 'https://play.rosebud.ai/assets/Stone_05-256x256.png?FZnj'); this.load.image('idle1', 'https://play.rosebud.ai/assets/idle1.png?fmFz'); this.load.image('jump1', 'https://play.rosebud.ai/assets/jump1.png?7hpk'); this.load.image('jump2', 'https://play.rosebud.ai/assets/jump2.png?2Eve'); this.load.image('jump3', 'https://play.rosebud.ai/assets/jump3.png?Ro8h'); this.load.image('jump4', 'https://play.rosebud.ai/assets/jump4.png?ROv3'); this.load.image('jump5', 'https://play.rosebud.ai/assets/jump5.png?QdlQ'); this.load.image('jump6', 'https://play.rosebud.ai/assets/jump6.png?5R4I'); this.load.image('jump7', 'https://play.rosebud.ai/assets/jump7.png?ykSo'); this.load.image('jump8', 'https://play.rosebud.ai/assets/jump8.png?W6Yv'); this.load.image('jump9', 'https://play.rosebud.ai/assets/jump9.png?ibji'); this.load.image('jump10', 'https://play.rosebud.ai/assets/jump10.png?tlAc'); this.load.image('jump11', 'https://play.rosebud.ai/assets/jump11.png?pGK9'); this.load.image('jump12', 'https://play.rosebud.ai/assets/jump12.png?dEhz'); this.load.image('idle2', 'https://play.rosebud.ai/assets/idle2.png?BH5o'); this.load.image('idle3', 'https://play.rosebud.ai/assets/idle3.png?flZa'); this.load.image('idle4', 'https://play.rosebud.ai/assets/idle4.png?ZkXj'); this.load.image('idle5', 'https://play.rosebud.ai/assets/idle5.png?GYGY'); this.load.image('idle6', 'https://play.rosebud.ai/assets/idle6.png?MfDK'); this.load.image('idle7', 'https://play.rosebud.ai/assets/idle7.png?EK62'); this.load.image('idle8', 'https://play.rosebud.ai/assets/idle8.png?wHfz'); this.load.image('idle9', 'https://play.rosebud.ai/assets/idle9.png?PbnK'); this.load.image('idle10', 'https://play.rosebud.ai/assets/idle10.png?vHSs'); this.load.image('idle11', 'https://play.rosebud.ai/assets/idle11.png?1Nrn'); this.load.image('idle12', 'https://play.rosebud.ai/assets/idle12.png?neHe'); this.load.image('idle13', 'https://play.rosebud.ai/assets/idle13.png?IqV1'); this.load.image('idle14', 'https://play.rosebud.ai/assets/idle14.png?dQ66'); this.load.image('idle15', 'https://play.rosebud.ai/assets/idle15.png?1gEz'); this.load.image('idle16', 'https://play.rosebud.ai/assets/idle16.png?ildn'); this.load.image('idle17', 'https://play.rosebud.ai/assets/idle17.png?8dHE'); this.load.image('idle18', 'https://play.rosebud.ai/assets/idle18.png?QwIb'); this.load.image('idle19', 'https://play.rosebud.ai/assets/idle19.png?8e5Q'); this.load.image('idle20', 'https://play.rosebud.ai/assets/idle20.png?sBqs'); this.load.image('idle21', 'https://play.rosebud.ai/assets/idle21.png?bJxV'); this.load.image('walk1', 'https://play.rosebud.ai/assets/walk1.png?crQ5'); this.load.image('walk2', 'https://play.rosebud.ai/assets/walk2.png?3Esg'); this.load.image('walk3', 'https://play.rosebud.ai/assets/walk3.png?DurL'); this.load.image('walk5', 'https://play.rosebud.ai/assets/walk5.png?R5at'); this.load.image('walk6', 'https://play.rosebud.ai/assets/walk6.png?db7j'); this.load.image('walk7', 'https://play.rosebud.ai/assets/walk7.png?Ce1E'); this.load.image('walk8', 'https://play.rosebud.ai/assets/walk8.png?jnwO'); this.load.image('walk9', 'https://play.rosebud.ai/assets/walk9.png?afZC'); this.load.image('walk11', 'https://play.rosebud.ai/assets/walk11.png?EwKI'); this.load.image('walk12', 'https://play.rosebud.ai/assets/walk12.png?uUSn'); this.load.image('taunt1', 'https://play.rosebud.ai/assets/taunt1.png?zNhS'); this.load.image('taunt2', 'https://play.rosebud.ai/assets/taunt2.png?0mph'); this.load.image('taunt3', 'https://play.rosebud.ai/assets/taunt3.png?q5kH'); this.load.image('taunt4', 'https://play.rosebud.ai/assets/taunt4.png?QS1W'); this.load.image('taunt5', 'https://play.rosebud.ai/assets/taunt5.png?Dksa'); this.load.image('taunt6', 'https://play.rosebud.ai/assets/taunt6.png?DfkK'); this.load.image('taunt7', 'https://play.rosebud.ai/assets/taunt7.png?OSXi'); this.load.image('taunt8', 'https://play.rosebud.ai/assets/taunt8.png?o1xE'); this.load.image('taunt9', 'https://play.rosebud.ai/assets/taunt9.png?WlQ7'); this.load.image('taunt10', 'https://play.rosebud.ai/assets/taunt10.png?5MTg'); this.load.image('taunteffect1', 'https://play.rosebud.ai/assets/taunteffect1.png?4icJ'); this.load.image('taunteffect2', 'https://play.rosebud.ai/assets/taunteffect2.png?M0XX'); this.load.image('taunteffect3', 'https://play.rosebud.ai/assets/taunteffect3.png?93q8'); this.load.image('taunteffect4', 'https://play.rosebud.ai/assets/taunteffect4.png?NDBc'); this.load.image('taunteffect5', 'https://play.rosebud.ai/assets/taunteffect5.png?pDVZ'); this.load.image('taunteffect6', 'https://play.rosebud.ai/assets/taunteffect6.png?7sR0'); this.load.image('taunteffect7', 'https://play.rosebud.ai/assets/taunteffect7.png?DEzM'); this.load.image('taunteffect8', 'https://play.rosebud.ai/assets/taunteffect8.png?tJHO'); this.load.image('taunteffect9', 'https://play.rosebud.ai/assets/taunteffect9.png?nPWd'); this.load.audio('secret-lockin', 'https://play.rosebud.ai/assets/secret-lockin.mp3?z5E8'); this.load.audio('taunt', 'https://play.rosebud.ai/assets/taunt.mp3?lHsK'); this.load.audio('step_better', 'https://play.rosebud.ai/assets/step_better.mp3?WyWX'); this.load.image('closet', 'https://play.rosebud.ai/assets/closet.png?KuwY'); // Load TV idle frames this.load.image('tv_idle1', 'https://play.rosebud.ai/assets/tv_idle1.png?KA0s'); this.load.image('tv_idle2', 'https://play.rosebud.ai/assets/tv_idle2.png?YIrx'); this.load.image('tv_idle3', 'https://play.rosebud.ai/assets/tv_idle3.png?ui0P'); this.load.image('tv_idle4', 'https://play.rosebud.ai/assets/tv_idle4.png?TLha'); this.load.image('tv_idle5', 'https://play.rosebud.ai/assets/tv_idle5.png?wqSu'); this.load.image('tv_idle6', 'https://play.rosebud.ai/assets/tv_idle6.png?tCgz'); this.load.image('tv_idle7', 'https://play.rosebud.ai/assets/tv_idle7.png?HCUH'); this.load.image('tv_idle8', 'https://play.rosebud.ai/assets/tv_idle8.png?jMyi'); this.load.image('tv_idle9', 'https://play.rosebud.ai/assets/tv_idle9.png?lxlP'); this.load.image('tv_idle10', 'https://play.rosebud.ai/assets/tv_idle10.png?7mjo'); // Load TV lookaround frames this.load.image('tv_lookaround1', 'https://play.rosebud.ai/assets/tv_lookaround1.png?SfRR'); this.load.image('tv_lookaround2', 'https://play.rosebud.ai/assets/tv_lookaround2.png?iaa9'); this.load.image('tv_lookaround3', 'https://play.rosebud.ai/assets/tv_lookaround3.png?wFTv'); this.load.image('tv_lookaround4', 'https://play.rosebud.ai/assets/tv_lookaround4.png?f77W'); this.load.image('tv_lookaround5', 'https://play.rosebud.ai/assets/tv_lookaround5.png?Vemt'); this.load.image('tv_lookaround6', 'https://play.rosebud.ai/assets/tv_lookaround6.png?OvZp'); this.load.image('tv_lookaround7', 'https://play.rosebud.ai/assets/tv_lookaround7.png?orjX'); this.load.image('tv_lookaround8', 'https://play.rosebud.ai/assets/tv_lookaround8.png?MoUr'); this.load.image('tv_lookaround9', 'https://play.rosebud.ai/assets/tv_lookaround9.png?3dva'); this.load.image('tv_lookaround10', 'https://play.rosebud.ai/assets/tv_lookaround10.png?Z3AY'); this.load.image('tv_lookaround11', 'https://play.rosebud.ai/assets/tv_lookaround11.png?wiKO'); this.load.image('tv_lookaround12', 'https://play.rosebud.ai/assets/tv_lookaround12.png?31h2'); this.load.image('tv_lookaround13', 'https://play.rosebud.ai/assets/tv_lookaround13.png?0kNh'); this.load.image('tv_lookaround14', 'https://play.rosebud.ai/assets/tv_lookaround14.png?owTd'); this.load.image('tv_lookaround15', 'https://play.rosebud.ai/assets/tv_lookaround15.png?nWDd'); this.load.image('tv_lookaround16', 'https://play.rosebud.ai/assets/tv_lookaround16.png?i4Nz'); this.load.image('tv_lookaround17', 'https://play.rosebud.ai/assets/tv_lookaround17.png?oojd'); this.load.image('tv_lookaround18', 'https://play.rosebud.ai/assets/tv_lookaround18.png?4eqK'); this.load.image('tv_lookaround19', 'https://play.rosebud.ai/assets/tv_lookaround19.png?Ftm6'); this.load.image('tv_lookaround20', 'https://play.rosebud.ai/assets/tv_lookaround20.png?PyGz'); this.load.image('tv_lookaround21', 'https://play.rosebud.ai/assets/tv_lookaround21.png?X6OW'); this.load.image('tv_lookaround22', 'https://play.rosebud.ai/assets/tv_lookaround22.png?rMPo'); this.load.image('tv_lookaround23', 'https://play.rosebud.ai/assets/tv_lookaround23.png?LQeK'); this.load.image('tv_lookaround24', 'https://play.rosebud.ai/assets/tv_lookaround24.png?TGNP'); this.load.image('tv_lookaround25', 'https://play.rosebud.ai/assets/tv_lookaround25.png?uZMi'); this.load.image('tv_lookaround26', 'https://play.rosebud.ai/assets/tv_lookaround26.png?RttJ'); this.load.image('tv_lookaround27', 'https://play.rosebud.ai/assets/tv_lookaround27.png?6h0K'); this.load.image('tv_lookaround28', 'https://play.rosebud.ai/assets/tv_lookaround28.png?f9oY'); // Load TV stare frames this.load.image('tv_stare1', 'https://play.rosebud.ai/assets/tv_stare1.png?marD'); this.load.image('tv_stare2', 'https://play.rosebud.ai/assets/tv_stare2.png?2QBR'); this.load.image('tv_stare3', 'https://play.rosebud.ai/assets/tv_stare3.png?ZCXn'); this.load.image('tv_stare4', 'https://play.rosebud.ai/assets/tv_stare4.png?3UEc'); this.load.image('tv_stare5', 'https://play.rosebud.ai/assets/tv_stare5.png?TTox'); this.load.image('tv_stare6', 'https://play.rosebud.ai/assets/tv_stare6.png?Ld5o'); this.load.image('tv_stare7', 'https://play.rosebud.ai/assets/tv_stare7.png?f6fz'); this.load.image('tv_stare8', 'https://play.rosebud.ai/assets/tv_stare8.png?AUyC'); this.load.image('tv_stare9', 'https://play.rosebud.ai/assets/tv_stare9.png?zwnd'); this.load.image('tv_stare10', 'https://play.rosebud.ai/assets/tv_stare10.png?PcHV'); this.load.image('tv_stare11', 'https://play.rosebud.ai/assets/tv_stare11.png?y15r'); this.load.image('tv_stare12', 'https://play.rosebud.ai/assets/tv_stare12.png?Zher'); this.load.image('tv_stare13', 'https://play.rosebud.ai/assets/tv_stare13.png?1675'); this.load.image('tv_stare14', 'https://play.rosebud.ai/assets/tv_stare14.png?oW5U'); this.load.image('tv_stare15', 'https://play.rosebud.ai/assets/tv_stare15.png?sgKg'); this.load.image('tv_stare16', 'https://play.rosebud.ai/assets/tv_stare16.png?HHvb'); this.load.image('tv_stare17', 'https://play.rosebud.ai/assets/tv_stare17.png?XUXg'); this.load.image('tv_stare18', 'https://play.rosebud.ai/assets/tv_stare18.png?81zw'); this.load.image('tv_stare19', 'https://play.rosebud.ai/assets/tv_stare19.png?oBCu'); this.load.image('tv_stare20', 'https://play.rosebud.ai/assets/tv_stare20.png?pJCJ'); this.load.image('tv_stare21', 'https://play.rosebud.ai/assets/tv_stare21.png?giw6'); this.load.image('tv_stare22', 'https://play.rosebud.ai/assets/tv_stare22.png?f00e'); this.load.image('tv_stare23', 'https://play.rosebud.ai/assets/tv_stare23.png?Iv4s'); this.load.image('tv_stare24', 'https://play.rosebud.ai/assets/tv_stare24.png?8pNu'); this.load.image('tv_stare25', 'https://play.rosebud.ai/assets/tv_stare25.png?qlNj'); } 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: 'grabdashcancel', frames: [{ key: 'grabdashcancel1', duration: 50 }, { key: 'grabdashcancel2', duration: 50 }, { key: 'grabdashcancel3', duration: 50 }, { key: 'grabdashcancel4', duration: 50 }, { key: 'grabdashcancel5', duration: 50 }, { key: 'grabdashcancel6', duration: 50 }, { key: 'grabdashcancel7', duration: 50 }, { key: 'grabdashcancel8', duration: 50 }, { key: 'grabdashcancel9', duration: 50 }, { key: 'grabdashcancel10', duration: 50 }], frameRate: 24, repeat: 0, showOnStart: true, hideOnComplete: false, duration: 500 }); 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: 40, repeat: 0, showOnStart: true, hideOnComplete: false, duration: 800 // Reduced duration to match faster frameRate }); // Create grabdashjumpstart animation this.anims.create({ key: 'grabdashjumpstart', frames: [{ key: 'grabdashjumpstart2' }, { key: 'grabdashjumpstart3' }, { key: 'grabdashjumpstart4' }, { key: 'grabdashjumpstart5' }], frameRate: 15, repeat: 0 }); // 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 dash canceling if (this.isDashing && Phaser.Input.Keyboard.JustDown(this.dashKey)) { // Cancel dash immediately this.isDashing = false; // Stop all current animations this.player.stop(); // Preserve some momentum but reduce it const currentVelocity = this.player.body.velocity.x; this.player.setVelocityX(currentVelocity * 0.5); // Force play the cancel animation this.player.play({ key: 'grabdashcancel', frameRate: 24, repeat: 0 }); // Set proper orientation this.player.flipX = currentVelocity < 0; // Listen for animation completion this.player.once('animationcomplete', () => { // Set appropriate jump frame based on velocity with smoother transition const 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'); }); // Reset any ongoing dash timers or events if (this.dashTimer) { this.dashTimer.destroy(); } // Allow for new dash after cooldown this.time.delayedCall(this.dashCooldown, () => { this.canDash = true; }); return; } // 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; } // Allow jumping during dash by not canceling jump state this.isLanding = false; if (this.landingTimer) { this.landingTimer.destroy(); } // 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; // Maintain normal gravity during dash this.player.body.setAllowGravity(true); this.player.body.setGravityY(1800); // Set dash direction based on player facing direction const dashDirection = this.player.flipX ? -1 : 1; // Maintain current vertical velocity for natural falling const currentVelocityY = this.player.body.velocity.y; this.player.setVelocityY(currentVelocityY); // 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(); // Play specific end frames const endFrameDuration = 50; // Duration for each frame // Play grabdash12 this.player.setTexture('grabdash12'); this.time.delayedCall(endFrameDuration, () => { // Play grabdash13 this.player.setTexture('grabdash13'); this.time.delayedCall(endFrameDuration, () => { // Play grabdash14 this.player.setTexture('grabdash14'); }); }); // Wait for the final frames to complete this.player.once('animationcomplete', () => { // Maintain current physics state const currentVelocityX = this.player.body.velocity.x; this.player.setVelocityX(currentVelocityX * 0.5); // Reduce horizontal momentum // Let gravity continue naturally without resetting vertical velocity this.player.body.setGravityY(1800); // Transition to appropriate animation based on state 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 { // Set appropriate jump frame based on velocity const velocityY = this.player.body.velocity.y; if (velocityY > 0) { 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'); } } }); // Clear all animation states and listeners this.player.removeAllListeners('animationstop'); this.player.removeAllListeners('animationcomplete'); this.isJumping = false; this.isLanding = false; // Force immediate animation reset this.player.stop(); // Set the appropriate state based on ground contact if (this.player.body.touching.down) { // On ground - play walk or idle if (this.cursors.left.isDown || this.cursors.right.isDown) { this.player.play('walk', true); } else { this.player.play('idle', true); } } else { // In air - set appropriate jump state and frame this.isJumping = true; // Start with neutral jump frame this.player.setTexture('jump7'); // Update jump frame based on vertical velocity const velocityY = this.player.body.velocity.y; if (velocityY > 0) { 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'); } } // Set up a one-time check for ground contact if (!this.player.body.touching.down) { const groundCheck = () => { 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); } this.isJumping = false; this.events.off('update', groundCheck); } }; this.events.on('update', groundCheck); } }); // Add new animation complete listener with state cleanup this.player.on('animationcomplete', () => { if (this.isDashing) { this.isDashing = false; this.isJumping = false; this.isLanding = false; // Check ground contact for 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 { // Set appropriate jump frame if in air 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'); } } }, 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 first afterimage const afterimage1 = this.add.sprite(this.player.x - 10, this.player.y, currentTexture) .setAlpha(0.3) .setFlipX(this.player.flipX) .setDepth(9); // Create second afterimage const afterimage2 = this.add.sprite(this.player.x + 10, this.player.y, currentTexture) .setAlpha(0.3) .setFlipX(this.player.flipX) .setDepth(9); // Fade out and destroy afterimages this.tweens.add({ targets: [afterimage1, afterimage2], alpha: 0, duration: this.afterimageLifetime, ease: 'Power1', onComplete: () => { afterimage1.destroy(); afterimage2.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, 280, progress); // Reduced end 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) { // Handle jumping during grabdash differently if (this.isDashing) { this.player.setVelocityY(this.minJumpVelocity * 1.2); // Slightly higher jump during dash this.isJumping = true; this.jumpTimer = 0; this.player.play('grabdashjumpstart'); } else { this.player.setVelocityY(this.minJumpVelocity); this.isJumping = true; this.jumpTimer = 0; this.player.setTexture('jump1'); this.player.stop(); } 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); // Add breathing animation immediately after player creation this.addBreathingAnimation(); } addBreathingAnimation() { // Create a more subtle breathing animation this.breathingTween = this.tweens.add({ targets: this.player, scaleY: '+=0.02', // More subtle scale change duration: 1000, yoyo: true, repeat: -1, ease: 'Sine.easeInOut', paused: false // Start playing immediately }); } } 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);

Other games like this

About 2D Platformer