// GAME_PROJECT_V1 // GameLogic handles gameplay. When a Scene Editor scene is present, the runtime // calls `new GameLogic(scene, objects)` and `gameLogic.update(time, delta)` each frame. // In standalone mode (no scene), this file creates its own Phaser.Game below. // // You can use scene objects via objects[id] AND create new sprites/shapes directly. // GAME_LOGIC_START class GameLogic { /** * @param {Phaser.Scene} scene - The active Phaser scene. * @param {{ [id: string]: Phaser.GameObjects.GameObject }} objects - Map of scene object ids to game objects (may be empty in standalone mode). */ constructor(scene, objects) { this.scene = scene; this.objects = objects; this.gameState = 'menu'; // 'menu' or 'playing' // Character Classes this.classOptions = [ { name: 'Ninja', speed: 555, jump: -650, power: 1.0, color: 0x38bdf8 }, { name: 'Ash', speed: 550, jump: -620, power: 1.1, color: 0xffffff }, { name: 'Brute', speed: 450, jump: -450, power: 1.8, color: 0xff0000 }, { name: 'Speedy', speed: 700, jump: -550, power: 0.7, color: 0x166534 }, { name: 'Jim', speed: 575, jump: -600, power: 1.2, color: 0x9333ea }, { name: 'Hunter', speed: 600, jump: -600, power: 1.4, color: 0x71717a }, { name: 'Timesweeper', speed: 500, jump: -600, power: 1.2, color: 0x4b3621 }, { name: 'Switcher', speed: 510, jump: -600, power: 1.5, color: 0xd2b48c }, { name: 'Psychic', speed: 550, jump: -600, power: 1.3, color: 0xff69b4 }, { name: 'King', speed: 580, jump: -620, power: 1.6, color: 0xfef3c7 }, { name: 'Sun God', speed: 620, jump: -750, power: 1.5, color: 0xffffff }, { name: 'Honored One', speed: 650, jump: -750, power: 1.5, color: 0xffe0bd }, { name: 'Tiger', speed: 620, jump: -700, power: 1.4, color: 0xffe0bd }, { name: 'Fox Ninja', speed: 640, jump: -720, power: 1.3, color: 0xf97316 } ]; this.p1Index = 0; this.p2Index = 1; this.isCGI = true; // Map Options this.mapOptions = [ { name: 'Great Sky Arena', bg: '#0c4a6e', type: 'sky', platforms: [ {x: 800, y: 700, w: 1200, h: 40, c: 0x334155}, // Main floor {x: 400, y: 500, w: 250, h: 20, c: 0x64748b}, {x: 1200, y: 500, w: 250, h: 20, c: 0x64748b}, {x: 800, y: 320, w: 400, h: 20, c: 0x94a3b8}, {x: 200, y: 300, w: 150, h: 20, c: 0x64748b}, {x: 1400, y: 300, w: 150, h: 20, c: 0x64748b} ] }, { name: 'Cyber Ridge', bg: '#020617', type: 'cyber', platforms: [ {x: 400, y: 650, w: 500, h: 30, c: 0x06b6d4}, {x: 1200, y: 650, w: 500, h: 30, c: 0x06b6d4}, {x: 800, y: 450, w: 600, h: 20, c: 0xd946ef}, {x: 250, y: 300, w: 200, h: 15, c: 0x06b6d4}, {x: 1350, y: 300, w: 200, h: 15, c: 0x06b6d4}, {x: 800, y: 150, w: 300, h: 15, c: 0xd946ef} ] }, { name: 'Giant Castle', bg: '#171717', type: 'castle', platforms: [ {x: 800, y: 850, w: 2000, h: 100, c: 0x404040}, // Massive base {x: 300, y: 600, w: 300, h: 30, c: 0xf59e0b}, {x: 1300, y: 600, w: 300, h: 30, c: 0xf59e0b}, {x: 800, y: 400, w: 400, h: 30, c: 0xd97706}, {x: 500, y: 200, w: 200, h: 20, c: 0xf59e0b}, {x: 1100, y: 200, w: 200, h: 20, c: 0xf59e0b} ] }, { name: 'Frozen Peak', bg: '#cbd5e1', type: 'ice', platforms: [ {x: 800, y: 750, w: 1000, h: 60, c: 0x94a3b8}, {x: 300, y: 550, w: 300, h: 25, c: 0xe2e8f0}, {x: 1300, y: 550, w: 300, h: 25, c: 0xe2e8f0}, {x: 800, y: 350, w: 400, h: 25, c: 0xf8fafc}, {x: 800, y: 150, w: 200, h: 25, c: 0xffffff}, {x: 100, y: 350, w: 180, h: 20, c: 0xe2e8f0}, {x: 1500, y: 350, w: 180, h: 20, c: 0xe2e8f0} ] }, { name: 'Magma Vault', bg: '#450a0a', type: 'lava', platforms: [ {x: 800, y: 900, w: 3000, h: 200, c: 0x171717}, // Bottom floor {x: 400, y: 600, w: 400, h: 40, c: 0xf97316}, {x: 1200, y: 600, w: 400, h: 40, c: 0xf97316}, {x: 800, y: 400, w: 500, h: 40, c: 0xea580c}, {x: 200, y: 300, w: 250, h: 30, c: 0xf97316}, {x: 1400, y: 300, w: 250, h: 30, c: 0xf97316} ] } ]; this.mapIndex = 0; // Platforms Group this.platforms = scene.physics.add.staticGroup(); // Inputs this.keys = scene.input.keyboard.addKeys({ up: 'W', left: 'A', down: 'S', right: 'D', attack: 'SPACE', kick: 'E', teleport: 'F', p2Up: 'UP', p2Left: 'LEFT', p2Down: 'DOWN', p2Right: 'RIGHT', p2Punch: 'K', p2Kick: 'L', p2Teleport: 'J', toggleMode: 'M' }); this.setupMenu(); scene.cameras.main.setBounds(-1000, -1000, 3600, 3000); } setupMenu() { this.menuBgLayer = this.scene.add.container(0, 0); this.menuBgElements = []; for(let i = 0; i < 15; i++) { const rect = this.scene.add.rectangle(Math.random() * 800, Math.random() * 600, Math.random() * 100 + 50, 2, 0x334155, 0.3); this.menuBgElements.push({obj: rect, speed: Math.random() * 2 + 1}); } this.menuLayer = this.scene.add.container(400, 300); const bg = this.scene.add.rectangle(0, 0, 800, 600, 0x020617, 0.85); const title = this.scene.add.text(0, -240, "SUPER STICK FIGHT", { fontSize: '48px', fontStyle: 'bold', fill: '#facc15', stroke: '#000', strokeThickness: 8 }).setOrigin(0.5); this.p1PreviewCont = this.scene.add.container(-220, 80); this.p2PreviewCont = this.scene.add.container(220, 80); this.mapPreviewCont = this.scene.add.container(0, 130); this.p1Text = this.scene.add.text(-220, -50, "", { fontSize: '22px', fontStyle: 'bold', align: 'center' }).setOrigin(0.5); this.p2Text = this.scene.add.text(220, -50, "", { fontSize: '22px', fontStyle: 'bold', align: 'center' }).setOrigin(0.5); this.mapText = this.scene.add.text(0, -20, "", { fontSize: '24px', fontStyle: 'bold', align: 'center', fill: '#ffffff' }).setOrigin(0.5); const hint = this.scene.add.text(0, 240, "A/D: P1 | Arrows: P2 | W/S: Change Map\nPress SPACE to Start", { fontSize: '18px', align: 'center', fill: '#94a3b8' }).setOrigin(0.5); this.menuLayer.add([bg, title, this.p1PreviewCont, this.p2PreviewCont, this.mapPreviewCont, this.p1Text, this.p2Text, this.mapText, hint]); this.updateMenuText(); } updateMenuText() { const p1 = this.classOptions[this.p1Index]; const p2 = this.classOptions[this.p2Index]; const map = this.mapOptions[this.mapIndex]; const p1Color = '#' + p1.color.toString(16).padStart(6, '0'); const p2Color = '#' + p2.color.toString(16).padStart(6, '0'); this.p1Text.setText(`P1: ${p1.name}\nSPD: ${p1.speed} PWR: ${p1.power}`).setColor(p1Color); this.p2Text.setText(`${this.isCGI ? 'CGI' : 'P2'}: ${p2.name}\nSPD: ${p2.speed} PWR: ${p2.power}`).setColor(p2Color); this.mapText.setText(`MAP: ${map.name}`); this.drawMenuStickman(this.p1PreviewCont, p1, false); this.drawMenuStickman(this.p2PreviewCont, p2, true); this.drawMapPreview(this.mapPreviewCont, map); } drawMenuStickman(container, charClass, flip) { container.removeAll(true); const color = charClass.color; const isBrute = charClass.name === 'Brute'; const isKing = charClass.name === 'King'; const isBig = isBrute || isKing; const isSwitcher = charClass.name === 'Switcher'; const scale = 1.5; const f = flip ? -1 : 1; // Base body parts const headY = (isKing ? -53 : (isBrute ? -50 : (isSwitcher ? -48 : -45))) * scale; const headR = (isKing ? 13 : (isBrute ? 13 : 12)) * scale; const bodyY = (isKing ? -24 : (isBrute ? -20 : (isSwitcher ? -17 : -15))) * scale; const bodyH = (isKing ? 48 : (isBrute ? 45 : 35)) * scale; const legH = (isKing ? 55 : (isBrute ? 30 : 25)) * scale; const bodyW = (isKing ? 10 : (isBrute ? 14 : 4)) * scale; const armW = (isKing ? 30 : (isBrute ? 25 : 18)) * scale; const armH = (isKing ? 8 : (isBrute ? 8 : 4)) * scale; const armY = (isKing ? -34 : (isBrute ? -35 : (isSwitcher ? -30 : -25))) * scale; const legW = (isKing ? 7 : (isBrute ? 8 : 4)) * scale; const head = this.scene.add.circle(0, headY, headR, color); const bodyColor = isBrute ? 0x000000 : color; const body = this.scene.add.rectangle(0, bodyY, bodyW, bodyH, bodyColor); // Clothing detail const belt = this.scene.add.rectangle(0, bodyY + (bodyH * 0.2), bodyW + (2 * scale), 2 * scale, 0x000000, 0.5); const shirtLine = this.scene.add.rectangle(0, bodyY - (bodyH * 0.1), bodyW + (2 * scale), 1 * scale, 0xffffff, 0.2); const armL = this.scene.add.rectangle(-5 * scale, armY, armW, armH, color).setOrigin(1, 0.5); const armR = this.scene.add.rectangle(5 * scale, armY, armW, armH, color).setOrigin(0, 0.5); const legL = this.scene.add.rectangle(-5 * scale, 0, legW, legH, color).setOrigin(0.5, 0); const legR = this.scene.add.rectangle(5 * scale, 0, legW, legH, color).setOrigin(0.5, 0); // Hands and Feet const handL = this.scene.add.circle(-5 * scale - armW, armL.y, armH * 0.8, color); const handR = this.scene.add.circle(5 * scale + armW, armR.y, armH * 0.8, color); const footL = this.scene.add.circle(-5 * scale, legH, legW * 0.8, color); const footR = this.scene.add.circle(5 * scale, legH, legW * 0.8, color); // Character-Specific Fighting Stances switch(charClass.name) { case 'Ninja': legL.setAngle(45 * f); legR.setAngle(-20 * f); armL.setAngle(-10 * f); armR.setAngle(10 * f); // Punching pose armR.width = 20 * scale; const auraCfg = { speed: { min: 80, max: 200 }, scale: { start: 0.8, end: 0 }, alpha: { start: 0.5, end: 0 }, tint: 0xd1d5db, lifespan: 400, frequency: 30, blendMode: 'ADD' }; const auraL = this.scene.add.particles(-20 * scale, -25 * scale, 'flare', auraCfg); const auraR = this.scene.add.particles(20 * scale * f, -25 * scale, 'flare', auraCfg); container.add([auraL, auraR]); container.add(this.scene.add.rectangle(0, -48 * scale, 26 * scale, 6 * scale, 0x000000)); container.add(this.scene.add.circle(-4 * scale, -48 * scale, 2 * scale, 0x38bdf8)); container.add(this.scene.add.circle(4 * scale, -48 * scale, 2 * scale, 0x38bdf8)); break; case 'Brute': legL.setAngle(30 * f); legR.setAngle(-30 * f); // Normal legs armL.setAngle(-45 * f); armR.setAngle(-100 * f); // Normal left arm, right arm aimed up body.y = -20 * scale; break; case 'Speedy': legL.setAngle(-60 * f); legR.setAngle(60 * f); // Running pose armL.setAngle(45 * f); armR.setAngle(-45 * f); body.setAngle(10 * f); break; case 'Ash': legL.setAngle(10 * f); legR.setAngle(-10 * f); armL.setAngle(-20 * f); armR.setAngle(20 * f); const ashAura = this.scene.add.particles(0, -25 * scale, 'flare', { speed: { min: 20, max: 100 }, scale: { start: 1.5, end: 0 }, alpha: { start: 0.5, end: 0 }, tint: 0xffffff, lifespan: 800, frequency: 20, gravityY: -100 }); container.add(ashAura); break; case 'Jim': legL.setAngle(20 * f); legR.setAngle(-20 * f); armL.setAngle(-40 * f); armR.setAngle(0); armR.width = 10 * scale; // Pointing at screen const finger = this.scene.add.circle(5 * scale, -25 * scale, 4 * scale, color); container.add(finger); break; case 'Hunter': legL.setAngle(40 * f); legR.setAngle(-40 * f); armL.setAngle(-160 * f); armR.setAngle(160 * f); // Pounding fist into hand armL.setOrigin(1, 0.5); armR.setOrigin(0, 0.5); break; case 'Timesweeper': legL.setAngle(15 * f); legR.setAngle(-15 * f); armL.setAngle(-130 * f); armR.setAngle(130 * f); const glass = this.scene.add.container(0, -35 * scale); const gTop = this.scene.add.triangle(0, -4, 0, 0, 8, 0, 4, 6, 0x94a3b8).setScale(scale); const gBot = this.scene.add.triangle(0, 4, 4, -6, 0, 0, 8, 0, 0x94a3b8).setScale(scale); glass.add([gTop, gBot]); this.scene.tweens.add({ targets: glass, y: '-=10', duration: 1000, yoyo: true, repeat: -1 }); container.add(glass); container.add(this.scene.add.rectangle(0, -65 * scale, 20 * scale, 15 * scale, 0x000000)); container.add(this.scene.add.rectangle(0, -58 * scale, 28 * scale, 4 * scale, 0x000000)); break; case 'Switcher': // Smaller, rounded pointed scar const scarPtsM = [0, -6 * scale, 1.5 * scale, 0, 0, 6 * scale, -1.5 * scale, 0]; container.add(this.scene.add.polygon(-4 * scale, headY + (4 * scale), scarPtsM, 0x581c87).setAngle(20)); legL.setAngle(20 * f); legR.setAngle(-20 * f); armL.setAngle(-30 * f); armR.setAngle(30 * f); break; case 'Psychic': container.add(this.scene.add.circle(-4 * scale, -48 * scale, 2 * scale, 0x000000)); // Normal Eye L container.add(this.scene.add.circle(4 * scale, -48 * scale, 2 * scale, 0x000000)); // Normal Eye R container.add(this.scene.add.circle(0, -54 * scale, 2.5 * scale, 0x000000)); // Third Eye (Fully Black) const pAura = this.scene.add.particles(0, -25 * scale, 'flare', { speed: { min: 30, max: 100 }, scale: { start: 1.2, end: 0 }, alpha: { start: 0.4, end: 0 }, tint: 0xff69b4, lifespan: 600, frequency: 30, gravityY: -50 }); container.add(pAura); legL.setAngle(15 * f); legR.setAngle(-15 * f); armL.setAngle(-100 * f); armR.setAngle(-80 * f); // Meditating hands break; case 'Honored One': body.setFillStyle(0x111111); legL.setFillStyle(0xd1d5db).width = 8 * scale; legR.setFillStyle(0xd1d5db).width = 8 * scale; legL.setAngle(15 * f); legR.setAngle(-15 * f); armL.setAngle(-120 * f); armR.setAngle(0); // Infinite stance // Spiky White Gojo Hair const gojoHairSpikes = [ {x: -8, y: -11, a: -30, sc: 1.3}, {x: 0, y: -14, a: 0, sc: 1.6}, {x: 8, y: -11, a: 30, sc: 1.3} ]; gojoHairSpikes.forEach(s => { const spike = this.scene.add.triangle(s.x * scale, headY + s.y * scale, 0, 16 * scale * s.sc, 8 * scale, 0, 16 * scale * s.sc, 16 * scale, 0xffffff); spike.setAngle(s.a); container.add(spike); }); // Light Blue Glowing Eyes container.add(this.scene.add.circle(-4 * scale, headY, 3.5 * scale, 0xbae6fd, 0.6)); container.add(this.scene.add.circle(4 * scale, headY, 3.5 * scale, 0xbae6fd, 0.6)); container.add(this.scene.add.circle(-4 * scale, headY, 2 * scale, 0xffffff)); container.add(this.scene.add.circle(4 * scale, headY, 2 * scale, 0xffffff)); // Light Blue Aura const gojoAura = this.scene.add.particles(0, -25 * scale, 'flare', { speed: { min: 30, max: 80 }, scale: { start: 1.8, end: 0 }, alpha: { start: 0.5, end: 0 }, tint: 0xbae6fd, lifespan: 1000, frequency: 30, gravityY: -30 }); container.add(gojoAura); break; case 'Sun God': legL.setAngle(45 * f); legR.setAngle(-45 * f); armL.setAngle(-120 * f); armR.setAngle(-100 * f); // Laughing pose // Straw Hat on head const hatTop = this.scene.add.circle(0, headY - 12 * scale, 8 * scale, 0xfacc15); const hatBrim = this.scene.add.circle(0, headY - 8 * scale, 15 * scale, 0xfacc15).setScale(1, 0.4); const hatStripe = this.scene.add.rectangle(0, headY - 10 * scale, 16 * scale, 3 * scale, 0xef4444); container.add([hatTop, hatBrim, hatStripe]); break; case 'Tiger': // Black Pants legL.setFillStyle(0x000000); legR.setFillStyle(0x000000); // Black Jacket with Hood Up body.setFillStyle(0x000000); // Main jacket body // Demon Arms (Yuji Chapter 238+) const armColor = 0x7f1d1d; // Dark blood red armL.setFillStyle(armColor).setSize(armW * 1.1, armH * 1.2); armR.setFillStyle(armColor).setSize(armW * 1.1, armH * 1.2); const hoodBack = this.scene.add.circle(0, headY, headR + 3 * scale, 0x000000); const hoodSideL = this.scene.add.rectangle(-8 * scale, headY, 6 * scale, headR * 1.5, 0x000000).setAngle(10); const hoodSideR = this.scene.add.rectangle(8 * scale, headY, 6 * scale, headR * 1.5, 0x000000).setAngle(-10); const hoodieBase = this.scene.add.rectangle(0, bodyY - 18*scale, 16*scale, 14*scale, 0x000000); container.add([hoodBack, hoodSideL, hoodSideR, hoodieBase]); // Spiky Pink Hair peeking out (More hair) const tHairColor = 0xf472b6; for(let i = 0; i < 7; i++) { const tSpike = this.scene.add.triangle((-12 + i*4)*scale, headY - 8*scale, 0, 10*scale, 5*scale, 0, 10*scale, 10*scale, tHairColor); tSpike.setAngle(-30 + i*10); container.add(tSpike); } // Enhanced Face Scars const tScars = this.scene.add.graphics(); tScars.lineStyle(1.5 * scale, 0x451a03, 0.8); tScars.lineBetween(-7 * scale, headY + 6 * scale, -2 * scale, headY + 4 * scale); // Mouth L tScars.lineBetween(7 * scale, headY + 6 * scale, 2 * scale, headY + 4 * scale); // Mouth R tScars.lineBetween(-4 * scale, headY - 10 * scale, -2 * scale, headY - 2 * scale); // Eye scar L 1 tScars.lineBetween(-6 * scale, headY - 6 * scale, -3 * scale, headY - 4 * scale); // Eye scar L 2 tScars.lineBetween(4 * scale, headY - 4 * scale, 6 * scale, headY + 4 * scale); // Eye scar R 1 tScars.lineBetween(2 * scale, headY - 8 * scale, 4 * scale, headY - 2 * scale); // Eye scar R 2 tScars.lineBetween(-5 * scale, headY - 15 * scale, 2 * scale, headY - 13 * scale); // Forehead scar tScars.lineBetween(-10 * scale, headY + 2 * scale, -6 * scale, headY + 1 * scale); // Cheek scar L container.add(tScars); legL.setAngle(25 * f); legR.setAngle(-25 * f); armL.setAngle(-30 * f); armR.setAngle(30 * f); // Detailed Demon Arms (Stripes and Elbow spikes) const tArmParts = []; for(let i=0; i<2; i++) { const sL = this.scene.add.rectangle(-armW * 0.5 * scale, armL.y, 2 * scale, armH * 1.3, 0x000000).setAngle(armL.angle); const sR = this.scene.add.rectangle(armW * 0.5 * scale, armR.y, 2 * scale, armH * 1.3, 0x000000).setAngle(armR.angle); sL.x -= i * 8 * scale; sR.x += i * 8 * scale; tArmParts.push(sL, sR); } const eSpikeL = this.scene.add.triangle(-5 * scale, armL.y, 0, 4*scale, 0, -4*scale, -6*scale, 0, 0x7f1d1d).setAngle(armL.angle); const eSpikeR = this.scene.add.triangle(5 * scale, armR.y, 0, 4*scale, 0, -4*scale, 6*scale, 0, 0x7f1d1d).setAngle(armR.angle); tArmParts.push(eSpikeL, eSpikeR); container.add(tArmParts); // Claw Tips for(let i=0; i<3; i++) { const cL = this.scene.add.triangle(-armW * 1.1, armL.y + (i-1)*2, 0, 3, 0, -3, -8, 0, 0x000000).setAngle(armL.angle); const cR = this.scene.add.triangle(armW * 1.1, armR.y + (i-1)*2, 0, 3, 0, -3, 8, 0, 0x000000).setAngle(armR.angle); container.add([cL, cR]); tArmParts.push(cL, cR); } container.tigerExtraArms = tArmParts; break; case 'Fox Ninja': body.setFillStyle(0xf97316); legL.setFillStyle(0xf97316); legR.setFillStyle(0xf97316); // Spiky Blonde Hair const nHair = 0xfacc15; for(let i = 0; i < 7; i++) { const s = this.scene.add.triangle((-12 + i*4)*scale, headY - 10*scale, 0, 12*scale, 6*scale, 0, 12*scale, 12*scale, nHair); s.setAngle(-40 + i*15); container.add(s); } // Headband container.add(this.scene.add.rectangle(0, headY - 2*scale, 26*scale, 6*scale, 0x1e3a8a)); container.add(this.scene.add.rectangle(0, headY - 2*scale, 10*scale, 4*scale, 0x94a3b8)); // Whiskers const nWhiskers = this.scene.add.graphics(); nWhiskers.lineStyle(1.5 * scale, 0x000000, 0.6); for(let i=0; i<3; i++) { nWhiskers.lineBetween(-10*scale, headY + (2+i*3)*scale, -4*scale, headY + (1+i*3)*scale); nWhiskers.lineBetween(10*scale, headY + (2+i*3)*scale, 4*scale, headY + (1+i*3)*scale); } container.add(nWhiskers); legL.setAngle(25 * f); legR.setAngle(-25 * f); armL.setAngle(-45 * f); armR.setAngle(45 * f); break; case 'King': // Pink Hair Spikes const hColor = 0xf472b6; for(let i = 0; i < 5; i++) { const spike = this.scene.add.triangle(-10*scale + i*5*scale, headY - 8*scale, 0, 10*scale, 5*scale, 0, 10*scale, 10*scale, hColor); spike.setAngle(-20 + i*10); container.add(spike); } const tattoos = this.scene.add.graphics(); tattoos.lineStyle(1.2 * scale, 0x000000); // Sukuna Face Tattoos tattoos.strokeCircle(0, headY - (7 * scale), 2.5 * scale); // Forehead circle tattoos.lineBetween(-3 * scale, headY - (11 * scale), 3 * scale, headY - (11 * scale)); // Forehead line 1 tattoos.lineBetween(-3 * scale, headY - (13 * scale), 3 * scale, headY - (13 * scale)); // Forehead line 2 tattoos.lineBetween(-9 * scale, headY + (1 * scale), -4 * scale, headY + (2 * scale)); // Eye mark L 1 tattoos.lineBetween(-9 * scale, headY + (3 * scale), -4 * scale, headY + (4 * scale)); // Eye mark L 2 tattoos.lineBetween(9 * scale, headY + (1 * scale), 4 * scale, headY + (2 * scale)); // Eye mark R 1 tattoos.lineBetween(9 * scale, headY + (3 * scale), 4 * scale, headY + (4 * scale)); // Eye mark R 2 // Sukuna Body Tattoos // Shoulder Circles tattoos.strokeCircle(-8 * scale, bodyY - (15 * scale), 4 * scale); tattoos.strokeCircle(8 * scale, bodyY - (15 * scale), 4 * scale); // Chest Curves tattoos.beginPath(); tattoos.arc(-5 * scale, bodyY - (5 * scale), 6 * scale, Math.PI, Math.PI * 1.5); tattoos.strokePath(); tattoos.beginPath(); tattoos.arc(5 * scale, bodyY - (5 * scale), 6 * scale, Math.PI * 1.5, Math.PI * 2); tattoos.strokePath(); // Stomach Marks tattoos.lineBetween(-5 * scale, bodyY + (10 * scale), 5 * scale, bodyY + (10 * scale)); tattoos.lineBetween(-4 * scale, bodyY + (14 * scale), 4 * scale, bodyY + (14 * scale)); container.add(tattoos); // Extra arms for 4-arm design const armL2 = this.scene.add.rectangle(-5 * scale, -40 * scale, 40 * scale, 6 * scale, color).setOrigin(1, 0.5).setAngle(-20 * f); const armR2 = this.scene.add.rectangle(5 * scale, -40 * scale, 40 * scale, 6 * scale, color).setOrigin(0, 0.5).setAngle(20 * f); container.add([armL2, armR2]); legL.setAngle(20 * f); legR.setAngle(-20 * f); armL.setAngle(-60 * f); armR.setAngle(60 * f); break; default: legL.setAngle(30 * f); legR.setAngle(-30 * f); armL.setAngle(-45 * f); armR.setAngle(45 * f); } container.add([legL, legR, body, belt, shirtLine, armL, armR, handL, handR, footL, footR, head]); // Link limbs this.scene.events.on('update', () => { if (!container.active) return; const radL = Phaser.Math.DegToRad(armL.angle + (flip ? 0 : 180)); const radR = Phaser.Math.DegToRad(armR.angle + (flip ? 180 : 0)); handL.setPosition(armL.x + Math.cos(radL) * armW, armL.y + Math.sin(radL) * armW); handR.setPosition(armR.x + Math.cos(radR) * armW, armR.y + Math.sin(radR) * armW); const lLegRad = Phaser.Math.DegToRad(legL.angle + 90); const rLegRad = Phaser.Math.DegToRad(legR.angle + 90); footL.setPosition(legL.x + Math.cos(lLegRad) * legH, legL.y + Math.sin(lLegRad) * legH); footR.setPosition(legR.x + Math.cos(rLegRad) * legH, legR.y + Math.sin(rLegRad) * legH); }); // Idle animation for menu const tweenTargets = [head, body, belt, shirtLine, armL, armR]; if (container.tigerExtraArms) tweenTargets.push(...container.tigerExtraArms); this.scene.tweens.add({ targets: tweenTargets, y: '+=2', duration: 1000 + Math.random() * 500, yoyo: true, repeat: -1, ease: 'Sine.easeInOut' }); } drawMapPreview(container, map) { container.removeAll(true); const bg = this.scene.add.rectangle(0, 40, 200, 100, Phaser.Display.Color.HexStringToColor(map.bg).color).setStrokeStyle(2, 0xffffff); container.add(bg); map.platforms.forEach(p => { // Scale down platform positions (centered around 800, 500) const px = (p.x - 800) * 0.1; const py = (p.y - 500) * 0.1 + 40; const pw = p.w * 0.1; const ph = p.h * 0.1; container.add(this.scene.add.rectangle(px, py, pw, ph, p.c)); }); } startGame() { this.gameState = 'playing'; this.menuLayer.destroy(); this.menuBgLayer.destroy(); const map = this.mapOptions[this.mapIndex]; this.scene.cameras.main.setBackgroundColor(map.bg); this.bgDecorations = []; this.createMapDecorations(map); map.platforms.forEach(p => { const plat = this.scene.add.rectangle(p.x, p.y, p.w, p.h, p.c); const highlight = this.scene.add.rectangle(p.x, p.y - (p.h/2) + 2, p.w, 4, 0xffffff, 0.2); const shadow = this.scene.add.rectangle(p.x, p.y + (p.h/2) - 2, p.w, 4, 0x000000, 0.3); this.platforms.add(plat); }); this.items = this.scene.physics.add.group(); this.nextItemTime = this.scene.time.now + 15000; this.p1 = this.createStickman(400, 400, this.classOptions[this.p1Index], "P1"); this.p2 = this.createStickman(1200, 400, this.classOptions[this.p2Index], this.isCGI ? "CGI" : "P2"); this.scene.physics.add.collider(this.p1.container, this.platforms); this.scene.physics.add.collider(this.p2.container, this.platforms); this.info = this.scene.add.text(400, 50, "P1: WASD (Space: Punch, E: Kick, W+Space: Uppercut) | P2: Arrows (K: Punch, L: Kick, Up+K: Uppercut)", { fontSize: "14px", fill: "#ffffff" }).setOrigin(0.5).setScrollFactor(0); const readyText = this.scene.add.text(400, 300, "READY...", { fontSize: "80px", fontStyle: "bold", color: "#facc15" }).setOrigin(0.5).setScrollFactor(0); this.scene.tweens.add({ targets: readyText, scale: 1.2, duration: 1000, onComplete: () => { readyText.setText("GO!").setColor("#ef4444"); this.scene.tweens.add({ targets: readyText, alpha: 0, scale: 2, duration: 500, delay: 500 }); } }); } createMapDecorations(map) { if (map.type === 'sky') { // Big Detail: Floating Pagoda const pagoda = this.scene.add.container(600, -200).setScrollFactor(0.1); pagoda.add(this.scene.add.rectangle(0, 0, 100, 80, 0x334155)); pagoda.add(this.scene.add.rectangle(0, -50, 140, 20, 0x1e293b)); pagoda.add(this.scene.add.rectangle(0, -90, 80, 60, 0x334155)); pagoda.add(this.scene.add.rectangle(0, -130, 110, 15, 0x1e293b)); this.bgDecorations.push({ obj: pagoda, float: Math.random() }); for (let i = 0; i < 25; i++) { const cloud = this.scene.add.rectangle(Math.random() * 4000 - 1000, Math.random() * 1500 - 500, Math.random() * 300 + 100, 40, 0xffffff, 0.25).setScrollFactor(0.2 + Math.random() * 0.3); this.bgDecorations.push({ obj: cloud, speed: 0.3 + Math.random() * 0.7 }); } for (let i = 0; i < 100; i++) { const star = this.scene.add.circle(Math.random() * 4000 - 1000, Math.random() * 2000 - 1000, 1, 0xffffff, 0.4).setScrollFactor(0.05); this.bgDecorations.push({ obj: star, pulse: Math.random() }); } } else if (map.type === 'cyber') { const grid = this.scene.add.grid(800, 400, 4000, 2000, 150, 150, 0, 0, 0x06b6d4, 0.08).setScrollFactor(0.1); this.bgDecorations.push({ obj: grid, isGrid: true }); // Big Detail: Giant Neon Spires for(let i = 0; i < 5; i++) { const spire = this.scene.add.rectangle(-800 + i * 800, 1000, 150, 2500, 0x020617).setScrollFactor(0.2).setStrokeStyle(4, 0x06b6d4, 0.3); this.bgDecorations.push({ obj: spire }); } for (let i = 0; i < 50; i++) { const isStreak = Math.random() > 0.8; const color = Math.random() > 0.5 ? 0x06b6d4 : 0xd946ef; if (isStreak) { const streak = this.scene.add.rectangle(Math.random() * 3000, Math.random() * 2000, 100, 2, color, 0.3).setScrollFactor(0.5); this.bgDecorations.push({ obj: streak, speed: 10 + Math.random() * 10 }); } else { const dot = this.scene.add.circle(Math.random() * 3600 - 1000, Math.random() * 2000 - 1000, 2, color, 0.5).setScrollFactor(0.4); this.bgDecorations.push({ obj: dot, pulse: Math.random() }); } } } else if (map.type === 'castle') { // Big Detail: Mountain Silhouette for(let i = 0; i < 3; i++) { const tri = this.scene.add.triangle(-200 + i * 900, 800, 0, 0, 400, -600, 800, 0, 0x0a0a0a).setScrollFactor(0.1); this.bgDecorations.push({ obj: tri }); } for (let i = 0; i < 10; i++) { const tx = -500 + i * 500; const tower = this.scene.add.rectangle(tx, 500, 150, 1600, 0x171717).setScrollFactor(0.3); // Brick patterns on towers for(let j=0; j<10; j++) { const brick = this.scene.add.rectangle(tx, -300 + j*200, 150, 2, 0x404040, 0.3).setScrollFactor(0.3); this.bgDecorations.push({ obj: brick }); } const top = this.scene.add.rectangle(tx, -300, 220, 80, 0x171717).setScrollFactor(0.3); // Torch const torch = this.scene.add.rectangle(tx - 40, 200, 10, 40, 0x4b3621).setScrollFactor(0.3); const flame = this.scene.add.particles(tx - 40, 180, 'flare', { speed: 40, scale: { start: 1, end: 0 }, tint: [0xf59e0b, 0xef4444], lifespan: 400, frequency: 50 }).setScrollFactor(0.3); this.bgDecorations.push({ obj: tower }, { obj: top }, { obj: torch }); } } else if (map.type === 'ice') { // Big Detail: Northern Lights for(let i = 0; i < 3; i++) { const aurora = this.scene.add.rectangle(800, -200 + i * 100, 4000, 150, 0x22c55e, 0.1).setScrollFactor(0.05); this.bgDecorations.push({ obj: aurora, pulse: i }); } for (let i = 0; i < 60; i++) { const snowflake = this.scene.add.circle(Math.random() * 4000 - 1000, Math.random() * 2000 - 1000, 2, 0xffffff, 0.6).setScrollFactor(0.5); this.bgDecorations.push({ obj: snowflake, fall: 2 + Math.random() * 3, drift: Math.random() }); } for(let i = 0; i < 15; i++) { const crystal = this.scene.add.triangle(Math.random() * 3000 - 500, 800, 0, 0, 40, -150 - Math.random() * 200, 80, 0, 0xbae6fd, 0.4).setScrollFactor(0.4); this.bgDecorations.push({ obj: crystal }); } } else if (map.type === 'lava') { // Big Detail: Distant Volcanoes for(let i = 0; i < 2; i++) { const vol = this.scene.add.triangle(i * 1600, 1000, 0, 0, 600, -800, 1200, 0, 0x171717).setScrollFactor(0.15); this.bgDecorations.push({ obj: vol }); } for (let i = 0; i < 80; i++) { const ember = this.scene.add.rectangle(Math.random() * 4000 - 1000, Math.random() * 2000 - 500, 3, 3, 0xf97316, 0.8).setScrollFactor(0.6); this.bgDecorations.push({ obj: ember, rise: 3 + Math.random() * 5, drift: Math.random() }); } // Lava Flow Details for(let i = 0; i < 10; i++) { const pool = this.scene.add.rectangle(i * 400 - 800, 950, 350, 100, 0xef4444, 0.5).setScrollFactor(0.2); this.bgDecorations.push({ obj: pool, pulse: i }); } } } spawnItem(time) { const x = 200 + Math.random() * 1200; const y = -100; const orb = this.scene.add.circle(x, y, 12, 0x22c55e); orb.setStrokeStyle(3, 0xffffff); this.items.add(orb); orb.body.setBounce(0.5).setDrag(50); this.scene.physics.add.collider(orb, this.platforms); const aura = this.scene.add.particles(0, 0, 'flare', { speed: 20, scale: { start: 0.8, end: 0 }, tint: 0x22c55e, lifespan: 400, frequency: 50, follow: orb }); orb.aura = aura; this.scene.physics.add.overlap(orb, [this.p1.container, this.p2.container], (orbObj, playerCont) => { const player = (playerCont === this.p1.container) ? this.p1 : this.p2; player.health = Math.max(0, player.health - 40); const healText = this.scene.add.text(orbObj.x, orbObj.y, "RECOVER!", { fontSize: '24px', color: '#22c55e', fontStyle: 'bold' }).setOrigin(0.5); this.scene.tweens.add({ targets: healText, y: '-=100', alpha: 0, duration: 1000, onComplete: () => healText.destroy() }); orbObj.aura.destroy(); orbObj.destroy(); }); } createStickman(x, y, charClass, label) { const color = charClass.color; const container = this.scene.add.container(x, y); let fistAuraL = null; let fistAuraR = null; const isBrute = charClass.name === 'Brute'; const isKing = charClass.name === 'King'; const isBig = isBrute || isKing; const isSwitcher = charClass.name === 'Switcher'; // Core visual parts const headY = isKing ? -53 : (isBrute ? -50 : (isSwitcher ? -48 : -45)); const headR = isKing ? 13 : (isBrute ? 13 : 12); const bodyY = isKing ? -24 : (isBrute ? -20 : (isSwitcher ? -17 : -15)); const bodyH = isKing ? 48 : (isBrute ? 45 : 35); const bodyW = isKing ? 10 : (isBrute ? 14 : 4); const legH = isKing ? 55 : (isBrute ? 30 : 25); const legW = isKing ? 9 : (isBrute ? 8 : 4); const armW = isKing ? 30 : (isBrute ? 25 : 18); const armH = isKing ? 8 : (isBrute ? 8 : 4); const armY = isKing ? -34 : (isBrute ? -35 : (isSwitcher ? -30 : -25)); const head = this.scene.add.circle(0, headY, headR, color); const bodyColor = isBrute ? 0x000000 : color; const body = this.scene.add.rectangle(0, bodyY, bodyW, bodyH, bodyColor); // Clothing details const belt = this.scene.add.rectangle(0, bodyY + (bodyH * 0.2), bodyW + 2, 2, 0x000000, 0.4); const vest = this.scene.add.rectangle(0, bodyY - 5, bodyW + 1, bodyH * 0.4, 0x000000, 0.1); const armL = this.scene.add.rectangle(-5, armY, armW, armH, color).setOrigin(1, 0.5); const armR = this.scene.add.rectangle(5, armY, armW, armH, color).setOrigin(0, 0.5); const legL = this.scene.add.rectangle(-5, 0, legW, legH, color).setOrigin(0.5, 0).setAngle(20); const legR = this.scene.add.rectangle(5, 0, legW, legH, color).setOrigin(0.5, 0).setAngle(-20); // Hands and Feet const handL = this.scene.add.circle(-5 - armW, armY, armH * 0.8, color); const handR = this.scene.add.circle(5 + armW, armY, armH * 0.8, color); const footL = this.scene.add.circle(-5, legH, legW * 0.8, color); const footR = this.scene.add.circle(5, legH, legW * 0.8, color); this.scene.events.on('update', () => { if (!container.active) return; const aLRad = Phaser.Math.DegToRad(armL.angle + 180); const aRRad = Phaser.Math.DegToRad(armR.angle); handL.setPosition(armL.x + Math.cos(aLRad) * armW, armL.y + Math.sin(aLRad) * armW); handR.setPosition(armR.x + Math.cos(aRRad) * armW, armR.y + Math.sin(aRRad) * armW); const lLRad = Phaser.Math.DegToRad(legL.angle + 90); const rLRad = Phaser.Math.DegToRad(legR.angle + 90); footL.setPosition(legL.x + Math.cos(lLRad) * legH, legL.y + Math.sin(lLRad) * legH); footR.setPosition(legR.x + Math.cos(rLRad) * legH, legR.y + Math.sin(rLRad) * legH); }); // Eyes for expressions const eyeOffset = isKing ? -56 : (isBrute ? -53 : (isSwitcher ? -51 : -48)); let eyeColor = 0x000000; if (charClass.name === 'Ninja') eyeColor = 0x38bdf8; else if (charClass.name === 'Honored One') eyeColor = 0xbae6fd; const eyeL = this.scene.add.circle(-4, eyeOffset, 2, eyeColor); const eyeR = this.scene.add.circle(4, eyeOffset, 2, eyeColor); const eyeCCont = this.scene.add.container(0, 0).setVisible(charClass.name === 'Psychic'); const eyeC = this.scene.add.circle(0, eyeOffset - 5, 2.8, 0x000000); eyeCCont.add([eyeC]); const starEyeL = this.scene.add.star(-4, eyeOffset, 5, 2, 5, 0xfacc15).setVisible(false); const starEyeR = this.scene.add.star(4, eyeOffset, 5, 2, 5, 0xfacc15).setVisible(false); // Accessories const accessories = []; let timeSpiral = null; let timeGlass = null; let ninjaAuraL = null; let ninjaAuraR = null; if (charClass.name === 'Ninja') { accessories.push(this.scene.add.rectangle(0, -48, 26, 6, 0x000000)); // Mask const auraCfg = { speed: { min: 100, max: 250 }, scale: { start: 1.2, end: 0 }, alpha: { start: 0.4, end: 0 }, tint: 0xd1d5db, lifespan: 400, frequency: 25, blendMode: 'ADD' }; ninjaAuraL = this.scene.add.particles(0, 0, 'flare', auraCfg); ninjaAuraR = this.scene.add.particles(0, 0, 'flare', auraCfg); container.add([ninjaAuraL, ninjaAuraR]); } else if (charClass.name === 'Brute') { const chain = this.scene.add.graphics(); chain.lineStyle(3, 0x94a3b8); chain.beginPath(); chain.moveTo(-10, -40); chain.lineTo(10, -10); chain.strokePath(); accessories.push(chain); } else if (charClass.name === 'Speedy') { accessories.push(this.scene.add.triangle(-12, -45, 0, 0, -8, -10, -8, 0, 0x166534).setAngle(-20)); // Ear Wing L accessories.push(this.scene.add.triangle(12, -45, 0, 0, 8, -10, 8, 0, 0x166534).setAngle(20)); // Ear Wing R } else if (charClass.name === 'Timesweeper') { const hatCrown = this.scene.add.rectangle(0, -65, 20, 15, 0x000000); const hatBrim = this.scene.add.rectangle(0, -58, 28, 4, 0x000000); const monocle = this.scene.add.graphics(); monocle.lineStyle(2, 0xffd700); monocle.strokeCircle(4, eyeOffset, 4); monocle.lineStyle(1, 0xffd700); monocle.lineBetween(8, eyeOffset, 12, eyeOffset + 10); timeSpiral = this.scene.add.graphics(); timeGlass = this.scene.add.container(20, -40); const gTop = this.scene.add.triangle(0, -4, 0, 0, 10, 0, 5, 6, 0x94a3b8); const gBot = this.scene.add.triangle(0, 4, 5, -6, 0, 0, 10, 0, 0x94a3b8); const sand = this.scene.add.rectangle(5, 0, 2, 4, 0xfacc15); timeGlass.add([gTop, gBot, sand]); this.scene.tweens.add({ targets: timeGlass, y: '-=10', duration: 1500, yoyo: true, repeat: -1 }); this.scene.tweens.add({ targets: sand, alpha: 0.3, duration: 500, yoyo: true, repeat: -1 }); accessories.push(hatCrown, hatBrim, monocle, timeSpiral, timeGlass); } else if (charClass.name === 'Switcher') { // Smaller, rounded pointed scar shape const scarPts = [0, -7, 2, -3, 2.5, 0, 2, 3, 0, 7, -2, 3, -2.5, 0, -2, -3]; const scar = this.scene.add.polygon(-4, eyeOffset + 4, scarPts, 0x581c87).setAngle(20); accessories.push(scar); } else if (charClass.name === 'Psychic') { const pBodyAura = this.scene.add.particles(0, -25, 'flare', { speed: { min: 20, max: 80 }, scale: { start: 1.5, end: 0 }, alpha: { start: 0.3, end: 0 }, tint: 0xff69b4, lifespan: 800, frequency: 40, gravityY: -30 }); container.add(pBodyAura); } else if (charClass.name === 'King') { // Spiky Pink Hair const hairColor = 0xf472b6; for(let i = 0; i < 5; i++) { const hSpike = this.scene.add.triangle(-10 + i*5, headY - 8, 0, 10, 5, 0, 10, 10, hairColor); hSpike.setAngle(-20 + i*10); container.add(hSpike); } const g = this.scene.add.graphics(); g.lineStyle(1.5, 0x000000); // Sukuna Face Tattoos g.strokeCircle(0, headY - 7, 2.5); // Forehead circle g.lineBetween(-3, headY - 11, 3, headY - 11); // Forehead line 1 g.lineBetween(-3, headY - 13, 3, headY - 13); // Forehead line 2 g.lineBetween(-9, headY + 1, -4, headY + 2); // Eye mark L 1 g.lineBetween(-9, headY + 3, -4, headY + 4); // Eye mark L 2 g.lineBetween(9, headY + 1, 4, headY + 2); // Eye mark R 1 g.lineBetween(9, headY + 3, 4, headY + 4); // Eye mark R 2 // Sukuna Body Tattoos g.strokeCircle(-8, bodyY - 15, 4); // Shoulder L g.strokeCircle(8, bodyY - 15, 4); // Shoulder R // Chest Curves g.beginPath(); g.arc(-5, bodyY - 5, 6, Math.PI, Math.PI * 1.5); g.strokePath(); g.beginPath(); g.arc(5, bodyY - 5, 6, Math.PI * 1.5, Math.PI * 2); g.strokePath(); // Stomach Marks g.lineBetween(-5, bodyY + 10, 5, bodyY + 10); g.lineBetween(-4, bodyY + 14, 4, bodyY + 14); accessories.push(g); } else if (charClass.name === 'Honored One') { body.setFillStyle(0x111111); legL.setFillStyle(0xd1d5db).width = 10; legR.setFillStyle(0xd1d5db).width = 10; // Spiky White Gojo Hair const hairConfig = [ {x: -8, y: -11, a: -30, sc: 1.3}, {x: 0, y: -14, a: 0, sc: 1.6}, {x: 8, y: -11, a: 30, sc: 1.3} ]; hairConfig.forEach(s => { const spike = this.scene.add.triangle(s.x, headY + s.y, 0, 16 * s.sc, 8, 0, 16 * s.sc, 16, 0xffffff); spike.setAngle(s.a); container.add(spike); }); // Eye Glows for brightness const eyeGlowL = this.scene.add.circle(-4, eyeOffset, 4.5, 0xbae6fd, 0.4); const eyeGlowR = this.scene.add.circle(4, eyeOffset, 4.5, 0xbae6fd, 0.4); container.add([eyeGlowL, eyeGlowR]); const blueAura = this.scene.add.particles(0, -25, 'flare', { speed: { min: 40, max: 120 }, scale: { start: 2.2, end: 0 }, alpha: { start: 0.4, end: 0 }, tint: 0xbae6fd, lifespan: 1000, frequency: 25, gravityY: -50 }); container.add(blueAura); } else if (charClass.name === 'Tiger') { // Black Pants legL.setFillStyle(0x000000); legR.setFillStyle(0x000000); // Black Jacket with Hood Up body.setFillStyle(0x000000); // Demon Arms (Yuji Chapter 238+) const dArmColor = 0x7f1d1d; armL.setFillStyle(dArmColor).setSize(armW * 1.1, armH * 1.2); armR.setFillStyle(dArmColor).setSize(armW * 1.1, armH * 1.2); const hoodBack = this.scene.add.circle(0, headY, headR + 3, 0x000000); const hoodSideL = this.scene.add.rectangle(-8, headY, 6, headR * 1.5, 0x000000).setAngle(10); const hoodSideR = this.scene.add.rectangle(8, headY, 6, headR * 1.5, 0x000000).setAngle(-10); const hoodieBase = this.scene.add.rectangle(0, bodyY - 18, 16, 14, 0x000000); container.add([hoodBack, hoodSideL, hoodSideR, hoodieBase]); // Spiky Pink Hair peeking out (Enhanced) const tigHairColor = 0xf472b6; for(let i = 0; i < 7; i++) { const tigSpike = this.scene.add.triangle(-12 + i*4, headY - 8, 0, 10, 5, 0, 10, 10, tigHairColor); tigSpike.setAngle(-30 + i*10); container.add(tigSpike); } // Enhanced Face Scars const tScars = this.scene.add.graphics(); tScars.lineStyle(1.5, 0x451a03, 0.8); tScars.lineBetween(-7, headY + 6, -2, headY + 4); // Mouth L tScars.lineBetween(7, headY + 6, 2, headY + 4); // Mouth R tScars.lineBetween(-4, headY - 10, -2, headY - 2); // Eye scar L 1 tScars.lineBetween(-6, headY - 6, -3, headY - 4); // Eye scar L 2 tScars.lineBetween(4, headY - 4, 6, headY + 4); // Eye scar R 1 tScars.lineBetween(2, headY - 8, 4, headY - 2); // Eye scar R 2 tScars.lineBetween(-5, headY - 15, 2, headY - 13); // Forehead scar tScars.lineBetween(-10, headY + 2, -6, headY + 1); // Cheek scar L container.add(tScars); // Detailed Demon Arms (Stripes and Elbow spikes) const armDetails = []; for(let i=0; i<2; i++) { const sL = this.scene.add.rectangle(0, 0, 2, armH * 1.3, 0x000000); const sR = this.scene.add.rectangle(0, 0, 2, armH * 1.3, 0x000000); container.add([sL, sR]); armDetails.push({obj: sL, isLeft: true, type: 'stripe', offset: 6 + i*6}); armDetails.push({obj: sR, isLeft: false, type: 'stripe', offset: 6 + i*6}); } const eSpikeL = this.scene.add.triangle(0, 0, 0, 4, 0, -4, -6, 0, 0x7f1d1d); const eSpikeR = this.scene.add.triangle(0, 0, 0, 4, 0, -4, 6, 0, 0x7f1d1d); container.add([eSpikeL, eSpikeR]); armDetails.push({obj: eSpikeL, isLeft: true, type: 'spike', offset: 2}); armDetails.push({obj: eSpikeR, isLeft: false, type: 'spike', offset: 2}); // Claw Tips for gameplay for(let i=0; i<3; i++) { const cL = this.scene.add.triangle(-armW * 1.1, (i-1)*2, 0, 3, 0, -3, -8, 0, 0x000000); const cR = this.scene.add.triangle(armW * 1.1, (i-1)*2, 0, 3, 0, -3, 8, 0, 0x000000); container.add([cL, cR]); armDetails.push({obj: cL, isLeft: true, type: 'claw', offset: armW * 1.1, yOff: (i-1)*2}); armDetails.push({obj: cR, isLeft: false, type: 'claw', offset: armW * 1.1, yOff: (i-1)*2}); } this.scene.events.on('update', () => { if(!armL.scene) return; armDetails.forEach(d => { const arm = d.isLeft ? armL : armR; const rotBase = d.isLeft ? arm.rotation + Math.PI : arm.rotation; const ox = arm.x + Math.cos(rotBase) * d.offset; const oy = arm.y + Math.sin(rotBase) * d.offset + (d.yOff || 0); d.obj.setPosition(ox, oy); d.obj.setRotation(arm.rotation); }); }); } else if (charClass.name === 'Fox Ninja') { body.setFillStyle(0xf97316); legL.setFillStyle(0xf97316); legR.setFillStyle(0xf97316); // Spiky Blonde Hair const blonde = 0xfacc15; for(let i = 0; i < 7; i++) { const spike = this.scene.add.triangle(-12 + i*4, headY - 10, 0, 12, 6, 0, 12, 12, blonde); spike.setAngle(-40 + i*15); container.add(spike); } // Headband container.add(this.scene.add.rectangle(0, headY - 2, 26, 6, 0x1e3a8a)); container.add(this.scene.add.rectangle(0, headY - 2, 10, 4, 0x94a3b8)); // Whisker marks const whiskers = this.scene.add.graphics(); whiskers.lineStyle(1.5, 0x000000, 0.5); for(let i=0; i<3; i++) { whiskers.lineBetween(-10, headY + (2+i*3), -4, headY + (1+i*3)); whiskers.lineBetween(10, headY + (2+i*3), 4, headY + (1+i*3)); } container.add(whiskers); // Fox Fist Auras (Blue for Rasengan ready) fistAuraL = this.scene.add.particles(0, 0, 'flare', { speed: { min: 20, max: 60 }, scale: { start: 1, end: 0 }, alpha: { start: 0.6, end: 0 }, tint: 0x38bdf8, lifespan: 300, frequency: 30, blendMode: 'ADD' }); fistAuraR = this.scene.add.particles(0, 0, 'flare', { speed: { min: 20, max: 60 }, scale: { start: 1, end: 0 }, alpha: { start: 0.6, end: 0 }, tint: 0x38bdf8, lifespan: 300, frequency: 30, blendMode: 'ADD' }); container.add([fistAuraL, fistAuraR]); fistAuraL.stop(); fistAuraR.stop(); } else if (charClass.name === 'Sun God') { // Straw Hat on head const hatTop = this.scene.add.circle(0, headY - 12, 8, 0xfacc15); const hatBrim = this.scene.add.circle(0, headY - 8, 15, 0xfacc15).setScale(1, 0.4); const hatStripe = this.scene.add.rectangle(0, headY - 10, 16, 3, 0xef4444); container.add([hatTop, hatBrim, hatStripe]); const sunSpiralL = this.scene.add.graphics(); const sunSpiralR = this.scene.add.graphics(); container.add([sunSpiralL, sunSpiralR]); container.sunSpiralL = sunSpiralL; container.sunSpiralR = sunSpiralR; } // King Extra Arms let armL2 = null; let armR2 = null; if (charClass.name === 'King') { armL2 = this.scene.add.rectangle(-5, -40, 40, 6, color).setOrigin(1, 0.5); armR2 = this.scene.add.rectangle(5, -40, 40, 6, color).setOrigin(0, 0.5); container.add([armL2, armR2]); } // Hunter Claws let clawL = null; let clawR = null; let rageBarBg = null; let rageBarFill = null; let rageAura = null; if (charClass.name === 'Hunter') { clawL = this.scene.add.graphics(); clawL.fillStyle(0x000000); clawL.fillTriangle(0, -3, 0, 3, -12, 0); clawR = this.scene.add.graphics(); clawR.fillStyle(0x000000); clawR.fillTriangle(0, -3, 0, 3, 12, 0); rageBarBg = this.scene.add.rectangle(0, -110, 50, 6, 0x333333); rageBarFill = this.scene.add.rectangle(-25, -110, 0, 6, 0xff0000).setOrigin(0, 0.5); rageAura = this.scene.add.particles(0, -25, 'flare', { speed: { min: 40, max: 120 }, scale: { start: 1.8, end: 0 }, alpha: { start: 0.7, end: 0 }, tint: 0xff0000, lifespan: 500, frequency: 15, blendMode: 'ADD' }); fistAuraL = this.scene.add.particles(0, 0, 'flare', { speed: { min: 10, max: 50 }, scale: { start: 1.2, end: 0 }, alpha: { start: 0.6, end: 0 }, tint: 0xff0000, lifespan: 300, frequency: 20, blendMode: 'ADD' }); fistAuraR = this.scene.add.particles(0, 0, 'flare', { speed: { min: 10, max: 50 }, scale: { start: 1.2, end: 0 }, alpha: { start: 0.6, end: 0 }, tint: 0xff0000, lifespan: 300, frequency: 20, blendMode: 'ADD' }); container.add([clawL, clawR, rageBarBg, rageBarFill, rageAura, fistAuraL, fistAuraR]); rageAura.stop(); fistAuraL.stop(); fistAuraR.stop(); } if (charClass.name === 'Psychic' || charClass.name === 'King' || charClass.name === 'Honored One' || charClass.name === 'Tiger') { const auraColor = charClass.name === 'King' ? 0xef4444 : (charClass.name === 'Honored One' ? 0xbae6fd : (charClass.name === 'Tiger' ? 0xff0000 : (charClass.name === 'Sun God' ? 0x9333ea : 0xff69b4))); fistAuraL = this.scene.add.particles(0, 0, 'flare', { speed: { min: 40, max: 120 }, scale: { start: 1, end: 0 }, alpha: { start: 0.8, end: 0 }, tint: auraColor, lifespan: 400, frequency: 15, blendMode: 'ADD' }); fistAuraR = this.scene.add.particles(0, 0, 'flare', { speed: { min: 40, max: 120 }, scale: { start: 1, end: 0 }, alpha: { start: 0.8, end: 0 }, tint: auraColor, lifespan: 400, frequency: 15, blendMode: 'ADD' }); container.add([fistAuraL, fistAuraR]); fistAuraL.stop(); fistAuraR.stop(); } // Glow effect parts (Layer 2) - Only for Speedy const glowColor = 0x22c55e; const parts = [head, body, armL, armR, legL, legR]; const glows = []; let teleportAura = null; let squishyAura = null; let armFireL = null; let armFireR = null; let weaponVisuals = null; if (charClass.name === 'Jim') { weaponVisuals = { hammerHeadL: null, hammerHeadR: null, swordL: null, swordR: null }; const fireConfig = { speed: { min: 20, max: 100 }, scale: { start: 1.5, end: 0 }, alpha: { start: 0.8, end: 0 }, tint: [0x9333ea, 0xa855f7, 0x000000], lifespan: 600, frequency: 15, blendMode: 'ADD', follow: container }; armFireL = this.scene.add.particles(0, 0, 'flare', fireConfig); armFireR = this.scene.add.particles(0, 0, 'flare', fireConfig); squishyAura = this.scene.add.particles(0, -45, 'flare', { speed: { min: 20, max: 80 }, scale: { start: 1.5, end: 0 }, alpha: { start: 0.8, end: 0 }, tint: [0x9333ea, 0x000000, 0x7e22ce], lifespan: 600, frequency: 20, blendMode: 'ADD' }); container.add(squishyAura); squishyAura.stop(); } if (charClass.name === 'Speedy' || charClass.name === 'Switcher') { teleportAura = this.scene.add.graphics(); container.add(teleportAura); container.sendToBack(teleportAura); } if (charClass.name === 'Speedy') { parts.forEach(p => { const g = this.scene.add.existing(p.type === 'Rectangle' ? this.scene.add.rectangle(p.x, p.y, p.width + 4, p.height + 4, glowColor, 0.3) : this.scene.add.circle(p.x, p.y, p.radius + 2, glowColor, 0.3) ); g.setBlendMode('ADD').setOrigin(p.originX, p.originY).setAngle(p.angle); glows.push(g); }); } const text = this.scene.add.text(x, y - 90, `${label}`, { fontSize: '18px', fontStyle: 'bold', stroke: '#000', strokeThickness: 4 }).setOrigin(0.5); container.add([...glows, ...parts, belt, vest, handL, handR, footL, footR, ...accessories, eyeL, eyeR, eyeCCont, starEyeL, starEyeR]); this.scene.physics.add.existing(container); container.body.setDrag(100, 0); container.body.setBounce(0, 0); const topY = isKing ? -66 : (isBrute ? -63 : (isSwitcher ? -60 : -57)); const botY = isKing ? 55 : (isBrute ? 30 : 25); if (isKing) { container.body.setSize(60, botY - topY); container.body.setOffset(-30, topY); } else { container.body.setSize(isBrute ? 40 : 20, botY - topY); container.body.setOffset(isBrute ? -20 : -10, topY); } const shield = this.scene.add.circle(0, -25, 45, 0x38bdf8, 0.4).setVisible(false); container.add(shield); // Ash Style Visuals let counterAura = null; let overloadAura = null; if (charClass.name === 'Ash') { counterAura = this.scene.add.particles(0, -25, 'flare', { speed: { min: 50, max: 150 }, scale: { start: 1.5, end: 0 }, alpha: { start: 0.6, end: 0 }, tint: 0xffffff, lifespan: 400, frequency: 20, blendMode: 'ADD' }); overloadAura = this.scene.add.particles(0, -25, 'flare', { speed: { min: 100, max: 300 }, scale: { start: 2, end: 0 }, alpha: { start: 0.8, end: 0 }, tint: [0xffffff, 0xe2e8f0], lifespan: 600, frequency: 10, blendMode: 'ADD' }); container.add([counterAura, overloadAura]); counterAura.stop(); overloadAura.stop(); } return { container, head, body, armL, armR, legL, legR, glows, shield, eyeL, eyeR, eyeC: eyeCCont, starEyeL, starEyeR, teleportAura, squishyAura, lastFoxAbility: -12000, armFireL, armFireR, counterAura, overloadAura, ninjaAuraL, ninjaAuraR, health: 0, lives: 3, stats: charClass, label: text, lastAttack: 0, isAttacking: false, jumpsUsed: 0, isShielding: false, isTumbling: false, isCountering: false, counterHoldTime: 0, counterOverload: false, counterOverloadTimer: 0, countersThisHold: 0, hasReachedMaxCounters: false, chargeTime: 0, isCharging: false, isSuperCharging: false, chargeEmitter: null, lastTeleport: 0, weaponMode: 0, // 0: Fists, 1: Swords, 2: Hammer weaponVisuals: weaponVisuals, clawL, clawR, rageBarFill, rageAura, fistAuraL, fistAuraR, timeSpiral, timeGlass, sunSpiralL: container.sunSpiralL, sunSpiralR: container.sunSpiralR, tigFistL: container.tigFistL, tigFistR: container.tigFistR, armL2, armR2, rageProgress: 0, isRageMode: false, rageTimer: 0, lastSquishyAbility: -15000, tankAbilityUsedCount: 0, tankAbilityActive: false, tankAbilityCharges: 0, lastTankAbility: -10000, tankFistEmitters: [], lastTimeAbility: -15000, lastOnePunchAbility: -15000, lastSwitcherAbility: -12000, lastPsychicAbility: -15000, lastKingAbility: -10000, lastSunAbility: -12000, lastSaiyanAbility: -15000, lastHonoredAbility: -15000, lastTigerAbility: -10000, freezeTimer: 0, kingUltimateUsed: false, slowTimer: 0 }; } handleFoxAbility(actor, target, time) { if (time < actor.lastFoxAbility + 12000) return; actor.lastFoxAbility = time; actor.isAttacking = true; const dir = actor.container.x < target.container.x ? 1 : -1; const activeArm = dir > 0 ? actor.armR : actor.armL; // Rasengan Creation const rasenganCont = this.scene.add.container(actor.container.x + (dir * 30), actor.container.y - 30); const core = this.scene.add.circle(0, 0, 15, 0xbae6fd, 0.8).setStrokeStyle(2, 0xffffff); const outer = this.scene.add.circle(0, 0, 22, 0x38bdf8, 0.3); rasenganCont.add([outer, core]); // Swirl effects const swirls = []; for(let i=0; i<3; i++) { const swirl = this.scene.add.graphics(); swirl.lineStyle(2, 0xffffff, 0.6); swirl.beginPath(); swirl.arc(0, 0, 18, 0, Math.PI); swirl.strokePath(); swirl.setAngle(i * 120); rasenganCont.add(swirl); swirls.push(swirl); } const emitter = this.scene.add.particles(0, 0, 'flare', { speed: { min: 50, max: 200 }, scale: { start: 1.5, end: 0 }, tint: [0x38bdf8, 0xffffff], lifespan: 400, frequency: 10, follow: rasenganCont, blendMode: 'ADD' }); // Charge dash this.scene.tweens.add({ targets: [actor.container, rasenganCont], x: `+=${dir * 300}`, duration: 400, ease: 'Cubic.easeIn', onUpdate: () => { swirls.forEach((s, i) => s.angle += 25); const dist = Phaser.Math.Distance.Between(rasenganCont.x, rasenganCont.y, target.container.x, target.container.y); if (dist < 60 && !actor.foxHit) { actor.foxHit = true; target.health += 45 * actor.stats.power; target.container.body.setVelocity(dir * 2000, -800); target.isTumbling = true; this.scene.cameras.main.shake(400, 0.06); const impact = this.scene.add.particles(target.container.x, target.container.y, 'flare', { speed: { min: 400, max: 1200 }, scale: { start: 4, end: 0 }, tint: [0x38bdf8, 0xffffff], lifespan: 600, quantity: 100 }); impact.explode(); this.scene.time.delayedCall(600, () => impact.destroy()); rasenganCont.destroy(); emitter.destroy(); } }, onComplete: () => { actor.isAttacking = false; actor.foxHit = false; if (rasenganCont.active) { rasenganCont.destroy(); emitter.destroy(); } } }); this.scene.tweens.add({ targets: activeArm, angle: dir > 0 ? 90 : -90, duration: 200, yoyo: true }); } handleTigerAbility(actor, target, time) { if (time < actor.lastTigerAbility + 10000) return; actor.lastTigerAbility = time; actor.isAttacking = true; const dir = actor.container.x < target.container.x ? 1 : -1; const activeArm = dir > 0 ? actor.armR : actor.armL; // Divergent Fist: Flash dash + Double Impact this.scene.tweens.add({ targets: actor.container, x: actor.container.x + (dir * 250), duration: 300, ease: 'Expo.easeOut', onStart: () => { // Red and Black cursed energy trail const trail = this.scene.add.particles(0, -25, 'flare', { speed: 100, scale: { start: 2, end: 0 }, tint: [0xff0000, 0x000000], lifespan: 400, follow: actor.container }); this.scene.time.delayedCall(400, () => trail.destroy()); }, onUpdate: () => { const dist = Phaser.Math.Distance.Between(actor.container.x, actor.container.y, target.container.x, target.container.y); if (dist < 100 && !actor.tigerHit) { actor.tigerHit = true; // Impact 1: Physical Hit target.health += 15 * actor.stats.power; target.container.body.setVelocity(dir * 1000, -300); this.drawBlackFlashLightning(target.container.x, target.container.y, dir, 0xff0000); const impact1 = this.scene.add.particles(target.container.x, target.container.y, 'flare', { speed: 400, scale: { start: 1.5, end: 0 }, tint: [0xff0000, 0x000000], lifespan: 200, quantity: 20 }); this.scene.time.delayedCall(200, () => impact1.destroy()); // Impact 2: Delayed Cursed Energy Impact (Divergent Fist) this.scene.time.delayedCall(350, () => { if (!target.container || !target.container.body) return; target.health += 35 * actor.stats.power; target.container.body.setVelocity(dir * 2500, -1000); target.isTumbling = true; this.scene.cameras.main.shake(500, 0.08); // BLACK FLASH: Black and Red lightning for(let i=0; i<6; i++) { this.drawBlackFlashLightning(target.container.x, target.container.y, dir, 0xff0000); this.drawBlackFlashLightning(target.container.x, target.container.y, -dir, 0x000000); if (i % 2 === 0) this.drawBlackFlashLightning(target.container.x, target.container.y, Math.random() > 0.5 ? 1 : -1, 0xff0000); } const impact2 = this.scene.add.particles(target.container.x, target.container.y, 'flare', { speed: { min: 600, max: 1500 }, scale: { start: 5, end: 0 }, tint: [0xff0000, 0x000000], lifespan: 800, quantity: 150 }); impact2.explode(); this.scene.time.delayedCall(800, () => impact2.destroy()); }); } }, onComplete: () => { actor.isAttacking = false; actor.tigerHit = false; } }); // Punching pose this.scene.tweens.add({ targets: activeArm, angle: dir > 0 ? 45 : -45, scaleX: 2.5, duration: 150, yoyo: true }); } handleHonoredOneAbility(actor, target, time) { if (time < actor.lastHonoredAbility + 15000) return; actor.lastHonoredAbility = time; actor.isAttacking = true; const dir = actor.container.x < target.container.x ? 1 : -1; // Zoom/Focus effect this.scene.cameras.main.shake(1200, 0.01); this.scene.cameras.main.flash(300, 147, 51, 234, 0.4); // BLUE: Lapace Cursed Technique Reversal (Larger) const blueOrb = this.scene.add.circle(actor.container.x + (dir * 60), actor.container.y - 100, 30, 0x38bdf8); const blueTrail = this.scene.add.particles(0, 0, 'flare', { speed: 150, scale: { start: 2.5, end: 0 }, tint: 0x38bdf8, lifespan: 400, follow: blueOrb }); // RED: Cursed Technique Reversal (Larger) const redOrb = this.scene.add.circle(actor.container.x + (dir * 60), actor.container.y + 50, 30, 0xef4444); const redTrail = this.scene.add.particles(0, 0, 'flare', { speed: 150, scale: { start: 2.5, end: 0 }, tint: 0xef4444, lifespan: 400, follow: redOrb }); // Convergence Spiral this.scene.tweens.addCounter({ from: 0, to: 1, duration: 1000, onUpdate: (tween) => { const val = tween.getValue(); const angle = val * Math.PI * 5; const radius = (1 - val) * 100; const centerX = actor.container.x + (dir * 80); const centerY = actor.container.y - 30; blueOrb.setPosition(centerX + Math.cos(angle) * radius, centerY + Math.sin(angle) * radius); redOrb.setPosition(centerX + Math.cos(angle + Math.PI) * radius, centerY + Math.sin(angle + Math.PI) * radius); if (Math.random() < 0.3) { this.drawBlackFlashLightning(centerX, centerY, (Math.random() > 0.5 ? 1 : -1), 0x9333ea); } }, onComplete: () => { blueOrb.destroy(); blueTrail.destroy(); redOrb.destroy(); redTrail.destroy(); // HOLLOW SINGULARITY: Massive Purple Blast const purple = this.scene.add.circle(actor.container.x + (dir * 80), actor.container.y - 30, 60, 0x9333ea); purple.setStrokeStyle(8, 0xffffff); this.scene.physics.add.existing(purple); purple.body.setAllowGravity(false); purple.body.setVelocity(dir * 1800, 0); // Massive energy beam trail const trail = this.scene.add.particles(0, 0, 'flare', { speed: { min: 300, max: 800 }, scale: { start: 10, end: 0 }, tint: [0x9333ea, 0xd8b4fe, 0x000000], lifespan: 800, follow: purple, frequency: 5, blendMode: 'ADD' }); // Lingering Distortion const distortion = this.scene.add.rectangle(actor.container.x + (dir * 80), actor.container.y - 30, 20, 150, 0x9333ea, 0.5); this.scene.tweens.add({ targets: distortion, width: 2500 * dir, alpha: 0, duration: 1200, onComplete: () => distortion.destroy() }); this.scene.time.delayedCall(1500, () => { purple.destroy(); trail.destroy(); actor.isAttacking = false; }); // Impact detection this.scene.physics.add.overlap(purple, target.container, () => { target.health += 60 * actor.stats.power; target.container.body.setVelocity(dir * 3000, -1500); target.isTumbling = true; this.scene.cameras.main.shake(1000, 0.1); this.scene.cameras.main.flash(500, 147, 51, 234); const exp = this.scene.add.particles(target.container.x, target.container.y, 'flare', { speed: { min: 500, max: 2000 }, scale: { start: 12, end: 0 }, tint: [0x9333ea, 0xffffff, 0x000000], lifespan: 1200, quantity: 200 }); exp.explode(); this.scene.time.delayedCall(1000, () => exp.destroy()); purple.destroy(); }); } }); // Pose this.scene.tweens.add({ targets: [actor.armL, actor.armR], angle: dir > 0 ? -90 : 90, duration: 300 }); } handleSunGodAbility(actor, target, time) { if (time < actor.lastSunAbility + 12000) return; actor.lastSunAbility = time; actor.isAttacking = true; const dir = actor.container.x < target.container.x ? 1 : -1; const activeArm = dir > 0 ? actor.armR : actor.armL; // Gigantify Smash this.scene.tweens.add({ targets: actor.container, scale: 2.5, y: '-=100', duration: 300, ease: 'Back.easeOut', onComplete: () => { this.scene.tweens.add({ targets: activeArm, angle: dir > 0 ? 120 : -120, scaleX: 5, duration: 200, onComplete: () => { // Impact const dist = Phaser.Math.Distance.Between(actor.container.x, actor.container.y, target.container.x, target.container.y); if (dist < 200) { target.health += 35 * actor.stats.power; target.container.body.setVelocity(dir * 1500, 600); target.isTumbling = true; this.scene.cameras.main.shake(400, 0.05); const impact = this.scene.add.particles(target.container.x, target.container.y, 'smoke', { speed: { min: 100, max: 800 }, scale: { start: 4, end: 0 }, alpha: { start: 1, end: 0 }, tint: 0xffffff, lifespan: 600, quantity: 60 }); impact.explode(); this.scene.time.delayedCall(600, () => impact.destroy()); } // Shrink back this.scene.tweens.add({ targets: [actor.container, activeArm], scale: 1, scaleX: 1, angle: 0, duration: 500, ease: 'Elastic.easeOut', onComplete: () => { actor.isAttacking = false; } }); } }); } }); } handleKingAbility(actor, target, time) { if (time < actor.lastKingAbility + 10000) return; const isUltimate = target.health > 100 && !actor.kingUltimateUsed; if (isUltimate) { actor.kingUltimateUsed = true; } actor.lastKingAbility = time; const dir = actor.container.x < target.container.x ? 1 : -1; const slashCount = isUltimate ? 15 : 35; if (isUltimate) { this.scene.cameras.main.flash(500, 255, 0, 0); this.scene.cameras.main.setBackgroundColor('#000000'); // Restore background after 3 seconds this.scene.time.delayedCall(3000, () => { this.scene.cameras.main.setBackgroundColor(this.mapOptions[this.mapIndex].bg); }); } // Slash visuals for (let i = 0; i < slashCount; i++) { this.scene.time.delayedCall(i * (isUltimate ? 120 : 40), () => { if (!target.container || !target.container.body) return; const offsetX = (Math.random() - 0.5) * (isUltimate ? 120 : 80); const offsetY = (Math.random() - 0.5) * (isUltimate ? 120 : 140); // Spawn slashes starting from King's hand area towards target const startX = actor.container.x + (dir * 30); const startY = actor.container.y - 30; const endX = target.container.x + offsetX; const endY = target.container.y - 25 + offsetY; const slashPts = [-90, 0, -60, -1.5, 0, -2, 60, -1.5, 90, 0, 60, 1.5, 0, 2, -60, 1.5]; const slashColor = isUltimate ? 0xef4444 : 0x000000; const slash = this.scene.add.polygon(endX, endY, slashPts, slashColor); slash.setStrokeStyle(2, isUltimate ? 0x000000 : 0x94a3b8); slash.setAngle(Math.random() * 360); if (isUltimate) { // Extra trail from King's hand const trail = this.scene.add.line(0, 0, startX, startY, endX, endY, 0xef4444, 0.5).setOrigin(0); this.scene.tweens.add({ targets: trail, alpha: 0, duration: 200, onComplete: () => trail.destroy() }); // Screen-wide red lighting strikes this.drawBlackFlashLightning(Math.random() * 800, Math.random() * 600, (Math.random() > 0.5 ? 1 : -1), 0xff0000); } this.scene.tweens.add({ targets: slash, alpha: 0, scaleX: 0, duration: 300, onComplete: () => slash.destroy() }); // Impact if (isUltimate && i === slashCount - 1) { // INSTANT KILL EXPLOSION target.health = 999; // Big explosion effect (Kid-friendly sparks) const boom = this.scene.add.particles(target.container.x, target.container.y, 'flare', { speed: { min: 200, max: 1200 }, scale: { start: 4, end: 0 }, alpha: { start: 1, end: 0 }, tint: [0xff0000, 0x000000, 0xef4444], lifespan: 800, quantity: 100 }); boom.explode(); this.scene.time.delayedCall(800, () => boom.destroy()); // Disassemble Visual (Stylized Fragment Explosion) const parts = [target.head, target.body, target.armL, target.armR, target.legL, target.legR]; parts.forEach(p => { const partCopy = this.scene.add.existing(p.type === 'Circle' ? this.scene.add.circle(target.container.x, target.container.y, p.radius, p.fillColor) : this.scene.add.rectangle(target.container.x, target.container.y, p.width, p.height, p.fillColor) ); this.scene.physics.add.existing(partCopy); partCopy.body.setVelocity((Math.random() - 0.5) * 1500, (Math.random() - 0.5) * 1500); partCopy.body.setAngularVelocity(Math.random() * 2000 - 1000); // "Energy Leak" Trails const leak = this.scene.add.particles(0, 0, 'flare', { speed: 50, scale: { start: 1.5, end: 0 }, tint: 0xef4444, lifespan: 600, follow: partCopy }); this.scene.time.delayedCall(1500, () => { partCopy.destroy(); leak.destroy(); }); }); this.scene.cameras.main.shake(800, 0.08); target.container.body.setVelocity(0, -2000); } else { target.health += (isUltimate ? 0 : 0.715) * actor.stats.power; if (isUltimate) { // Kings Ultimate - Drift up slowly as slashes hit target.container.body.setVelocity(0, -80); } else { // Normal Ability - Drift up slowly target.container.body.setVelocity(0, -30); } } const sparkColor = isUltimate ? [0xff0000, 0xef4444, 0x000000] : [0x000000, 0x94a3b8]; const spark = this.scene.add.particles(target.container.x, target.container.y, 'flare', { speed: 400, scale: { start: 1.5, end: 0 }, tint: sparkColor, lifespan: 250, quantity: isUltimate ? 40 : 10 }); this.scene.time.delayedCall(250, () => spark.destroy()); }); } // Hand pose this.scene.tweens.add({ targets: [actor.armL, actor.armR, actor.armL2, actor.armR2], angle: dir > 0 ? 60 : -60, duration: 150, yoyo: true }); } handleBruteAbility(actor, time) { if (actor.stats.name !== 'Brute' || actor.tankAbilityUsedCount >= 2 || time < actor.lastTankAbility + 10000) return; actor.tankAbilityUsedCount++; actor.tankAbilityActive = true; actor.tankAbilityCharges = 2; // 2 round (hit) use actor.lastTankAbility = time; // Visual activation burst const burst = this.scene.add.particles(actor.container.x, actor.container.y, 'flare', { speed: { min: 100, max: 400 }, scale: { start: 2, end: 0 }, tint: [0xff0000, 0x000000], lifespan: 600, quantity: 40 }); burst.explode(); this.scene.time.delayedCall(700, () => burst.destroy()); } handleJimWeaponSwitch(actor) { actor.weaponMode = (actor.weaponMode + 1) % 3; const color = actor.stats.color; // Reset arm styles actor.armL.setSize(18, 4).setFillStyle(color); actor.armR.setSize(18, 4).setFillStyle(color); // Cleanup previous visuals [actor.weaponVisuals.hammerHeadL, actor.weaponVisuals.hammerHeadR, actor.weaponVisuals.swordL, actor.weaponVisuals.swordR].forEach(v => v?.destroy()); actor.weaponVisuals.hammerHeadL = actor.weaponVisuals.hammerHeadR = actor.weaponVisuals.swordL = actor.weaponVisuals.swordR = null; if (actor.weaponMode === 1) { // Swords (Come out of arms) actor.weaponVisuals.swordL = this.scene.add.rectangle(0, 0, 25, 3, 0xe2e8f0).setOrigin(1, 0.5); actor.weaponVisuals.swordR = this.scene.add.rectangle(0, 0, 25, 3, 0xe2e8f0).setOrigin(0, 0.5); actor.container.add([actor.weaponVisuals.swordL, actor.weaponVisuals.swordR]); } else if (actor.weaponMode === 2) { // Big Hammer (Jim's color) actor.armL.setSize(25, 6).setFillStyle(color); actor.armR.setSize(25, 6).setFillStyle(color); // Add hammer heads using Jim's color actor.weaponVisuals.hammerHeadL = this.scene.add.rectangle(-30, 0, 15, 25, color); actor.weaponVisuals.hammerHeadR = this.scene.add.rectangle(30, 0, 15, 25, color); actor.container.add([actor.weaponVisuals.hammerHeadL, actor.weaponVisuals.hammerHeadR]); } // Switch visual effect const burst = this.scene.add.particles(actor.container.x, actor.container.y - 25, 'flare', { speed: 150, scale: { start: 1, end: 0 }, tint: color, lifespan: 300, quantity: 20 }); burst.explode(); this.scene.time.delayedCall(300, () => burst.destroy()); } handleSwitcherAbility(actor, target, time) { if (time < actor.lastSwitcherAbility + 12000) return; actor.lastSwitcherAbility = time; const originalArmAngleL = actor.armL.angle; const originalArmAngleR = actor.armR.angle; // Clap animation this.scene.tweens.add({ targets: [actor.armL, actor.armR], angle: 0, duration: 150, yoyo: true, onStart: () => { // Aura burst from hands const aura = this.scene.add.particles(actor.container.x, actor.container.y - 30, 'flare', { speed: { min: 100, max: 300 }, scale: { start: 2.5, end: 0 }, alpha: { start: 1, end: 0 }, tint: 0xffffff, lifespan: 500, quantity: 30 }); aura.explode(); this.scene.time.delayedCall(500, () => aura.destroy()); }, onComplete: () => { // Swap positions const tempX = actor.container.x; const tempY = actor.container.y; actor.container.setPosition(target.container.x, target.container.y); target.container.setPosition(tempX, tempY); // Swirl aura at both locations [actor.container, target.container].forEach(c => { const swirl = this.scene.add.particles(c.x, c.y - 25, 'flare', { speed: { min: 50, max: 150 }, scale: { start: 1.5, end: 0 }, alpha: { start: 0.6, end: 0 }, tint: 0xffffff, lifespan: 600, quantity: 20 }); swirl.explode(); this.scene.time.delayedCall(600, () => swirl.destroy()); }); actor.armL.angle = originalArmAngleL; actor.armR.angle = originalArmAngleR; } }); } handlePsychicAbility(actor, target, time) { if (time < actor.lastPsychicAbility + 15000) return; actor.lastPsychicAbility = time; actor.isAttacking = true; const dir = actor.container.x < target.container.x ? 1 : -1; const activeArm = dir > 0 ? actor.armR : actor.armL; // Hand aiming animation this.scene.tweens.add({ targets: activeArm, angle: dir > 0 ? -120 : 120, duration: 300, onComplete: () => { // Slam logic const startX = target.container.x; const startY = target.container.y; // Push Up this.scene.tweens.add({ targets: target.container, y: startY - 200, duration: 400, ease: 'Sine.easeOut', onStart: () => { target.container.body.setAllowGravity(false); target.container.body.setVelocity(0, 0); const liftAura = this.scene.add.particles(target.container.x, target.container.y, 'flare', { speed: 100, scale: { start: 2, end: 0 }, tint: 0xff69b4, lifespan: 400, quantity: 20 }); this.scene.time.delayedCall(400, () => liftAura.destroy()); }, onComplete: () => { // Slam Down this.scene.tweens.add({ targets: target.container, y: startY + 50, duration: 200, ease: 'Expo.easeIn', onComplete: () => { target.container.body.setAllowGravity(true); target.health += 25 * actor.stats.power; target.container.body.setVelocity(dir * 150, 400); target.isTumbling = true; this.scene.cameras.main.shake(300, 0.04); const impact = this.scene.add.particles(target.container.x, target.container.y, 'flare', { speed: { min: 200, max: 800 }, scale: { start: 3, end: 0 }, tint: 0xff69b4, lifespan: 500, quantity: 40 }); impact.explode(); this.scene.time.delayedCall(500, () => impact.destroy()); actor.isAttacking = false; this.scene.tweens.add({ targets: activeArm, angle: 0, duration: 200 }); } }); } }); } }); } handleTimeAbility(actor, target, time) { if (time < actor.lastTimeAbility + 15000) return; actor.lastTimeAbility = time; const glass = this.scene.add.container(actor.container.x, actor.container.y - 40); const gTop = this.scene.add.triangle(0, -6, 0, 0, 12, 0, 6, 8, 0x94a3b8); const gBot = this.scene.add.triangle(0, 6, 6, -8, 0, 0, 12, 0, 0x94a3b8); glass.add([gTop, gBot]); this.scene.physics.add.existing(glass); const dir = actor.container.x < target.container.x ? 1 : -1; glass.body.setVelocity(dir * 600, -300); glass.body.setAngularVelocity(400); this.scene.time.delayedCall(400, () => { const ex = this.scene.add.circle(glass.x, glass.y, 10, 0x444444, 0.6); this.scene.tweens.add({ targets: ex, scale: 50, alpha: 0, duration: 600, onComplete: () => ex.destroy() }); this.scene.cameras.main.flash(200, 50, 50, 50); target.slowTimer = time + 3500; glass.destroy(); }); } createJumpEffect(x, y) { const burst = this.scene.add.particles(x, y, 'smoke', { speed: { min: 50, max: 150 }, scale: { start: 1.2, end: 0 }, alpha: { start: 0.5, end: 0 }, lifespan: 300, quantity: 15, blendMode: 'ADD' }); burst.explode(); this.scene.time.delayedCall(400, () => burst.destroy()); } createImpactCircle(x, y, color = 0xffffff) { const circle = this.scene.add.circle(x, y, 10, color, 0.4); circle.setStrokeStyle(4, color, 0.8); this.scene.tweens.add({ targets: circle, radius: 80, alpha: 0, duration: 300, ease: 'Cubic.easeOut', onComplete: () => circle.destroy() }); } shakeLabel(label) { this.scene.tweens.add({ targets: label, x: '+=5', y: '+=5', duration: 30, yoyo: true, repeat: 3 }); } handleTeleport(actor, target, time) { const cooldown = 15000; if (actor.stats.name !== 'Speedy' || time < actor.lastTeleport + cooldown) return; actor.lastTeleport = time; // Visual start effect const startX = actor.container.x; const startY = actor.container.y; // Calculate "behind" position const dir = actor.container.x < target.container.x ? 1 : -1; const targetX = target.container.x + (dir * 70); const targetY = target.container.y; // Teleport actor.container.setPosition(targetX, targetY); actor.container.body.setVelocity(0, 0); // Trail / After-image effect const graphics = this.scene.add.graphics(); graphics.lineStyle(4, actor.stats.color, 0.5); graphics.beginPath(); graphics.moveTo(startX, startY); graphics.lineTo(targetX, targetY); graphics.strokePath(); this.scene.tweens.add({ targets: graphics, alpha: 0, duration: 400, onComplete: () => graphics.destroy() }); // Particles at both ends [ {x: startX, y: startY}, {x: targetX, y: targetY} ].forEach(pos => { const p = this.scene.add.particles(pos.x, pos.y, 'flare', { speed: { min: 50, max: 200 }, scale: { start: 1, end: 0 }, alpha: { start: 1, end: 0 }, tint: actor.stats.color, lifespan: 400, quantity: 20 }); p.explode(); this.scene.time.delayedCall(500, () => p.destroy()); }); } handleAttack(attacker, target, time, type = 'punch', chargeMult = 1.0) { let cooldown = (type === 'uppercut' ? 500 : 250); if (attacker.stats.name === 'Jim') { if (attacker.weaponMode === 1) cooldown = 150; // Sword Speed else if (attacker.weaponMode === 2) cooldown = 1200; // Hammer Speed (Slowed to prevent spam) } if (attacker.isAttacking || time < attacker.lastAttack + cooldown) return; attacker.isAttacking = true; attacker.lastAttack = time; const dir = attacker.container.x < target.container.x ? 1 : -1; const activeArm = dir > 0 ? attacker.armR : attacker.armL; // Hand Lightning Particles (Black Flash Lightning) if (attacker.isSuperCharging) { this.drawBlackFlashLightning(attacker.container.x + activeArm.x, attacker.container.y + activeArm.y, dir, 0xff0000); chargeMult *= 2.5; // Massive damage for Ninja super charge } else if (chargeMult > 1.2 || attacker.stats.name === 'Sun God' || attacker.stats.name === 'Honored One' || attacker.stats.name === 'Tiger') { const lColor = attacker.stats.name === 'Honored One' ? 0xbae6fd : (attacker.stats.name === 'Tiger' ? 0xff0000 : (attacker.stats.name === 'Timesweeper' ? 0x333333 : (attacker.stats.name === 'King' ? 0xef4444 : (attacker.stats.name === 'Sun God' ? 0x9333ea : attacker.stats.color)))); this.drawBlackFlashLightning(attacker.container.x + activeArm.x, attacker.container.y + activeArm.y, dir, lColor); } if (attacker.stats.name === 'Honored One') { const auraPunch = this.scene.add.particles(attacker.container.x, attacker.container.y - 25, 'flare', { speed: { min: 100, max: 400 }, scale: { start: 3.5, end: 0 }, alpha: { start: 0.8, end: 0 }, tint: [0xbae6fd, 0x38bdf8, 0xffffff], lifespan: 350, quantity: 25, blendMode: 'ADD' }); auraPunch.explode(); this.scene.time.delayedCall(400, () => auraPunch.destroy()); } const handEmitter = this.scene.add.particles(0, 0, 'flare', { speed: { min: 300, max: 1000 }, scale: { start: 2, end: 0 }, rotate: { min: 0, max: 360 }, alpha: { start: 1, end: 0 }, tint: attacker.stats.name === 'Honored One' ? [0xbae6fd, 0x38bdf8, 0xffffff] : (attacker.stats.name === 'King' ? [0xef4444, 0x000000] : (attacker.stats.name === 'Sun God' ? [0x9333ea, 0x000000] : (attacker.stats.name === 'Tiger' ? [0xff0000, 0x000000] : (attacker.stats.name === 'Hunter' ? [0xf3f4f6, 0xd1d5db] : (attacker.stats.name === 'Switcher' ? 0xffffff : (attacker.stats.name === 'Timesweeper' ? [0x444444, 0x222222] : [attacker.stats.color, 0x000000])))))), lifespan: 200, quantity: chargeMult > 1.2 ? 30 : 10, follow: attacker.container, followOffset: { x: activeArm.x + (dir * 20), y: activeArm.y } }); this.scene.time.delayedCall(200, () => handEmitter.destroy()); // Animation based on type if (type === 'kick') { const activeLeg = dir > 0 ? attacker.legR : attacker.legL; this.scene.tweens.chain({ targets: activeLeg, tweens: [ { angle: dir > 0 ? 30 : -30, duration: 60 }, // Chamber { angle: dir > 0 ? -90 : 90, duration: 40 }, // Snap { angle: dir > 0 ? -20 : 20, duration: 120 } // Recover ], onComplete: () => { attacker.isAttacking = false; } }); } else if (type === 'uppercut') { this.scene.tweens.chain({ targets: activeArm, tweens: [ { angle: dir > 0 ? 45 : -45, y: activeArm.y + 10, duration: 80 }, // Lower { angle: dir > 0 ? -160 : 160, y: activeArm.y - 15, duration: 60 }, // Rise { angle: 0, y: -25, duration: 150 } // Reset ], onComplete: () => { attacker.isAttacking = false; } }); } else { // Animation durations based on weapon const isHammer = attacker.stats.name === 'Jim' && attacker.weaponMode === 2; const windUp = isHammer ? 350 : 50; const strike = isHammer ? 120 : 30; const recover = isHammer ? 400 : 100; // Punch Arc Visual const arc = this.scene.add.graphics(); arc.lineStyle(4, 0xffffff, 0.6); arc.beginPath(); arc.arc(attacker.container.x, attacker.container.y - 25, 40, Phaser.Math.DegToRad(dir > 0 ? -45 : 135), Phaser.Math.DegToRad(dir > 0 ? 45 : 225)); arc.strokePath(); this.scene.tweens.add({ targets: arc, alpha: 0, scale: 1.5, duration: 150, onComplete: () => arc.destroy() }); // Realistic Punch: Wind-up, Strike, Recovery this.scene.tweens.chain({ targets: activeArm, tweens: [ { angle: dir > 0 ? -80 : 80, duration: windUp, ease: 'Back.easeIn' }, // Deep Wind-up { angle: dir > 0 ? 90 : -90, scaleX: isHammer ? 2.0 : 1.5, duration: strike, ease: 'Expo.easeOut' }, // Full Strike { angle: 0, scaleX: 1.0, duration: recover, ease: 'Sine.easeOut' } // Recover ], onComplete: () => { attacker.isAttacking = false; } }); // Exaggerated Body Lunge this.scene.tweens.add({ targets: attacker.body, x: dir * 12, angle: dir * 25, duration: 60, yoyo: true }); // Angry Eyes for attacker this.scene.tweens.add({ targets: [attacker.eyeL, attacker.eyeR], scaleY: 0.3, duration: 100, yoyo: true }); } // Hit check const dist = Phaser.Math.Distance.Between(attacker.container.x, attacker.container.y, target.container.x, target.container.y); if (dist < 85) { if (target.isCountering) { this.triggerCounter(target, attacker, time); return; } if (target.isShielding) { target.container.body.setVelocityX(dir * 80); return; } this.createImpactCircle(target.container.x, target.container.y - 25, attacker.stats.color); this.shakeLabel(target.label); // Shocked Eyes for target this.scene.tweens.add({ targets: [target.eyeL, target.eyeR], scaleX: 1.8, scaleY: 1.8, duration: 150, yoyo: true }); // Brute Ability Power Boost if (attacker.tankAbilityActive) { chargeMult *= 1.25; attacker.tankAbilityCharges--; if (attacker.tankAbilityCharges <= 0) { attacker.tankAbilityActive = false; } } // Ash Overload Damage Boost if (attacker.counterOverload) { chargeMult *= 1.6; } let dmg = 10; let forceMod = 1.0; let vMod = 0.5; if (attacker.stats.name === 'Jim') { if (attacker.weaponMode === 1) { dmg = 13; forceMod = 1.1; } // Sword else if (attacker.weaponMode === 2) { dmg = 25; forceMod = 1.6; } // Hammer } if (attacker.stats.name === 'Hunter') { if (!attacker.isRageMode) { attacker.rageProgress = Math.min(attacker.rageProgress + 20, 100); if (attacker.rageProgress >= 100) { attacker.isRageMode = true; attacker.rageTimer = time + 4500; attacker.stats.speed = 650; attacker.stats.power = 1.6; if (attacker.rageAura) attacker.rageAura.start(); if (attacker.fistAuraL) attacker.fistAuraL.start(); if (attacker.fistAuraR) attacker.fistAuraR.start(); // Rage Aura Explosion (0.5s burst) const explosion = this.scene.add.particles(attacker.container.x, attacker.container.y - 25, 'flare', { speed: { min: 200, max: 500 }, scale: { start: 3, end: 0 }, alpha: { start: 1, end: 0 }, tint: 0xff0000, lifespan: 500, quantity: 50, blendMode: 'ADD' }); explosion.explode(); this.scene.time.delayedCall(500, () => explosion.destroy()); } } } if (type === 'kick') { dmg = 6; forceMod = 1.3; // High knockback, low damage vMod = 0.2; } else if (type === 'uppercut') { dmg = 15; forceMod = 0.8; vMod = 2.0; // High vertical launch } target.health += (dmg + (attacker.stats.power * 5)) * chargeMult; const baseForce = (150 + (target.health * 12)) * attacker.stats.power * Math.sqrt(chargeMult); target.container.body.setVelocity(dir * baseForce * forceMod, -baseForce * vMod); // Anime Impact VFX const hitColor = attacker.stats.name === 'Tiger' ? 0xff0000 : attacker.stats.color; const hitTints = attacker.stats.name === 'Tiger' ? [0xff0000, 0x000000] : [0xffffff, hitColor]; const burst = this.scene.add.particles(target.container.x, target.container.y, 'flare', { speed: { min: 200, max: 600 }, angle: { min: 0, max: 360 }, scale: { start: 1.5, end: 0 }, alpha: { start: 1, end: 0 }, tint: hitTints, blendMode: 'ADD', lifespan: 400, quantity: 15 }); burst.explode(); this.scene.time.delayedCall(500, () => burst.destroy()); // Ragdoll / Tumble state for high knockback if (baseForce > 600) { target.isTumbling = true; // Hard hit lightning particles: Red and Black (Only if health > 60%) if (target.health > 60) { const hardHitParticles = this.scene.add.particles(target.container.x, target.container.y, 'flare', { speed: { min: 400, max: 1200 }, angle: { min: 0, max: 360 }, scale: { start: 2, end: 0 }, rotate: { min: 0, max: 360 }, alpha: { start: 1, end: 0 }, tint: [0xff0000, 0x000000, 0xff0000], lifespan: 500, quantity: 100 }); hardHitParticles.explode(); this.scene.time.delayedCall(600, () => hardHitParticles.destroy()); } const emitter = this.scene.add.particles(0, 0, 'smoke', { speed: 100, scale: { start: 1.5, end: 0 }, blendMode: 'ADD', lifespan: 400, follow: target.container }); this.scene.time.delayedCall(800, () => { emitter.destroy(); target.isTumbling = false; }); } // Hit-stop effect this.scene.physics.world.pause(); this.scene.time.delayedCall(60, () => { if (this.scene && this.scene.physics && this.scene.physics.world) { this.scene.physics.world.resume(); } }); this.scene.cameras.main.shake(200, 0.02); // Screen Flash (Black for powerful "Black Flash" hits > 60%) const isBlackFlash = (baseForce > 600 && target.health > 60) || chargeMult > 1.5; if (isBlackFlash) { const lColor = attacker.stats.name === 'King' ? 0xef4444 : attacker.stats.color; this.drawBlackFlashLightning(target.container.x, target.container.y, -dir, lColor); } const flashColor = isBlackFlash ? 0x000000 : 0xffffff; const screenFlash = this.scene.add.rectangle(400, 300, 800, 600, flashColor, 0.3).setScrollFactor(0); this.scene.tweens.add({ targets: screenFlash, alpha: 0, duration: 100, onComplete: () => screenFlash.destroy() }); } } triggerCounter(actor, target, time) { // Visual Pulse const pulse = this.scene.add.circle(actor.container.x, actor.container.y, 20, 0xffffff, 0.8); this.scene.tweens.add({ targets: pulse, scale: 10, alpha: 0, duration: 400, onComplete: () => pulse.destroy() }); this.scene.cameras.main.flash(200, 255, 255, 255); // Counter Attack Animation const dir = actor.container.x < target.container.x ? 1 : -1; const activeArm = dir > 0 ? actor.armR : actor.armL; this.scene.tweens.chain({ targets: activeArm, tweens: [ { angle: dir > 0 ? 90 : -90, scaleX: 2, duration: 50 }, { angle: 0, scaleX: 1.0, duration: 200 } ] }); // Punish Attacker target.health += 20 * actor.stats.power; target.container.body.setVelocity(dir * 1000, -400); target.isTumbling = true; target.lastAttack = time + 1200; // Stun attacker's ability to attack back immediately if (actor.stats.name === 'Ash') { actor.countersThisHold++; if (actor.countersThisHold >= 3) { actor.isCountering = false; actor.hasReachedMaxCounters = true; } } else { actor.isCountering = false; actor.counterWindow = 0; } const emitter = this.scene.add.particles(0, 0, 'smoke', { speed: 100, scale: { start: 1.5, end: 0 }, blendMode: 'ADD', lifespan: 400, follow: target.container }); this.scene.time.delayedCall(800, () => { emitter.destroy(); target.isTumbling = false; }); // Activate Ash Overload actor.counterOverload = true; actor.counterOverloadTimer = time + 7000; } drawBlackFlashLightning(x, y, dir, color = 0xff0000) { const graphics = this.scene.add.graphics(); graphics.lineStyle(4, color, 1); for (let i = 0; i < 5; i++) { let curX = x; let curY = y; graphics.beginPath(); graphics.moveTo(curX, curY); for (let j = 0; j < 12; j++) { curX += (Math.random() * 80 + 20) * dir; curY += (Math.random() - 0.5) * 100; graphics.lineTo(curX, curY); const lColor = (color === 0x333333) ? 0x111111 : color; graphics.lineStyle(j % 2 === 0 ? 6 : 2, j % 2 === 0 ? 0x000000 : lColor); } graphics.strokePath(); } this.scene.tweens.add({ targets: graphics, alpha: 0, duration: 300, onComplete: () => graphics.destroy() }); } /** * Called once per frame. Implement controls, physics, and gameplay here. * @param {number} time - Current game time in milliseconds. * @param {number} delta - Time elapsed since last frame in milliseconds. */ update(time, delta) { if (this.gameState === 'menu') { // Animate cinematic menu background this.menuBgElements.forEach(el => { el.obj.x -= el.speed; if (el.obj.x < -150) el.obj.x = 850; }); if (Phaser.Input.Keyboard.JustDown(this.keys.left)) { this.p1Index = (this.p1Index - 1 + this.classOptions.length) % this.classOptions.length; this.updateMenuText(); } if (Phaser.Input.Keyboard.JustDown(this.keys.right)) { this.p1Index = (this.p1Index + 1) % this.classOptions.length; this.updateMenuText(); } if (Phaser.Input.Keyboard.JustDown(this.keys.p2Left)) { this.p2Index = (this.p2Index - 1 + this.classOptions.length) % this.classOptions.length; this.updateMenuText(); } if (Phaser.Input.Keyboard.JustDown(this.keys.p2Right)) { this.p2Index = (this.p2Index + 1) % this.classOptions.length; this.updateMenuText(); } if (Phaser.Input.Keyboard.JustDown(this.keys.up)) { this.mapIndex = (this.mapIndex - 1 + this.mapOptions.length) % this.mapOptions.length; this.updateMenuText(); } if (Phaser.Input.Keyboard.JustDown(this.keys.down)) { this.mapIndex = (this.mapIndex + 1) % this.mapOptions.length; this.updateMenuText(); } if (Phaser.Input.Keyboard.JustDown(this.keys.toggleMode)) { this.isCGI = !this.isCGI; this.updateMenuText(); } if (Phaser.Input.Keyboard.JustDown(this.keys.attack)) { this.startGame(); } return; } // Background Decorations & Item Spawning if (this.bgDecorations) { this.bgDecorations.forEach(d => { if (d.speed) { d.obj.x -= d.speed; if (d.obj.x < -1500) d.obj.x = 3000; } else if (d.pulse !== undefined) { d.obj.setAlpha(0.1 + Math.abs(Math.sin(time * 0.001 + d.pulse)) * 0.6); } else if (d.float !== undefined) { d.obj.y = -200 + Math.sin(time * 0.001 + d.float) * 20; } else if (d.fall !== undefined) { d.obj.y += d.fall; d.obj.x += Math.sin(time * 0.002 + d.drift) * 1; if (d.obj.y > 1500) d.obj.y = -500; } else if (d.rise !== undefined) { d.obj.y -= d.rise; d.obj.x += Math.sin(time * 0.003 + d.drift) * 2; if (d.obj.y < -500) d.obj.y = 1500; } }); } if (time > this.nextItemTime) { this.spawnItem(time); this.nextItemTime = time + 20000; } // Toggle Mode in-game if (Phaser.Input.Keyboard.JustDown(this.keys.toggleMode)) { this.isCGI = !this.isCGI; if (this.p2) this.p2.label.setText(this.isCGI ? "CGI" : "P2"); if (this.info) this.info.setText(`Mode: ${this.isCGI ? "CGI (Auto)" : "Local 2-Player"}`); } if (!this.p1 || !this.p2) return; [this.p1, this.p2].forEach((p, index) => { if (!p || !p.container || !p.container.body) return; const body = p.container.body; const target = index === 0 ? this.p2 : this.p1; const f = (target && target.container) ? (p.container.x < target.container.x ? 1 : -1) : 1; // Keep label (halo tag) above player and upright p.label.setPosition(p.container.x, p.container.y - 90); p.label.setAngle(0); p.label.setVisible(p.lives > 0); if (body.blocked.down) { if (!p.wasGrounded) { // Landing Dust if (Math.abs(body.velocity.y) > 100) { this.createJumpEffect(p.container.x, p.container.y + 25); } } p.jumpsUsed = 0; p.wasGrounded = true; } else { p.wasGrounded = false; } p.shield.setVisible(p.isShielding); const isSlowed = p.slowTimer > time; // Ragdoll / Tumble Physics Simulation if (p.isTumbling) { p.container.angle += body.velocity.x * 0.05; p.armL.angle += 25; p.armR.angle -= 25; p.legL.angle += 30; p.legR.angle -= 30; p.head.y = -45 + Math.sin(time * 0.05) * 5; } else { // Lean into movement const targetAngle = body.velocity.x * 0.05; p.container.angle = Phaser.Math.Linear(p.container.angle, targetAngle, 0.1); // Advanced Running Animation (Arms & Legs) const isMoving = Math.abs(body.velocity.x) > 50 && body.blocked.down; const animSpeed = isSlowed ? 0.005 : 0.018; const baseBodyY = p.stats.name === 'Brute' ? -20 : -15; const baseHeadY = p.stats.name === 'Brute' ? -50 : -45; if (isMoving) { const runCycle = time * animSpeed; const moveDir = Math.sign(body.velocity.x); // Lean into the run p.container.angle = moveDir * 10; // Synchronized leg striding p.legL.angle = Math.sin(runCycle) * 50; p.legR.angle = Math.sin(runCycle + Math.PI) * 50; // Arm swinging if (!p.isAttacking && !p.isCharging) { p.armL.angle = Math.sin(runCycle + Math.PI) * 40; p.armR.angle = Math.sin(runCycle) * 40; } // Bobbing const bob = Math.abs(Math.sin(runCycle * 2)) * 5; p.body.y = baseBodyY - bob; p.head.y = baseHeadY - bob; // Dust particles if (time % 5 === 0) { const dust = this.scene.add.circle(p.container.x, p.container.y + 25, 2, 0xffffff, 0.4); this.scene.tweens.add({ targets: dust, x: p.container.x - moveDir * 20, y: p.container.y + 15, alpha: 0, scale: 2, duration: 300, onComplete: () => dust.destroy() }); } } else { // Uniform Normal Stance for all characters let idleLegL = 20 * f, idleLegR = -20 * f, idleArmL = -30 * f, idleArmR = 30 * f, idleBodyAngle = 0, idleYOffset = 0; if (p.stats.name === 'King') { p.armL2.angle = Phaser.Math.Linear(p.armL2.angle, -60 * f, 0.2); p.armR2.angle = Phaser.Math.Linear(p.armR2.angle, 60 * f, 0.2); } const breathe = Math.sin(time * 0.004) * 2; p.legL.angle = Phaser.Math.Linear(p.legL.angle, idleLegL, 0.2); p.legR.angle = Phaser.Math.Linear(p.legR.angle, idleLegR, 0.2); p.head.y = Phaser.Math.Linear(p.head.y, baseHeadY + breathe - idleYOffset, 0.2); if (!p.isAttacking && !p.isCharging) { p.armL.angle = Phaser.Math.Linear(p.armL.angle, idleArmL, 0.2); p.armR.angle = Phaser.Math.Linear(p.armR.angle, idleArmR, 0.2); p.body.y = Phaser.Math.Linear(p.body.y, baseBodyY + breathe - idleYOffset, 0.2); p.body.angle = Phaser.Math.Linear(p.body.angle, idleBodyAngle, 0.2); } } } if (p.stats.name === 'Timesweeper') { const isReady = time - p.lastTimeAbility >= 15000; p.eyeR.setFillStyle(isReady ? 0xff0000 : 0x000000); if (p.timeGlass) { p.timeGlass.x = 20 * f; } if (p.timeSpiral) { p.timeSpiral.clear(); if (isReady) { const rot = (time * 0.005); // Draw dual spirals for (let arm = 0; arm < 2; arm++) { p.timeSpiral.lineStyle(2 + arm, arm === 0 ? 0xb45309 : 0x78350f, 0.6); const points = 60; p.timeSpiral.beginPath(); for (let i = 0; i < points; i++) { const angle = i * 0.2 + (arm === 0 ? rot : -rot); const radius = i * 1.1; const sx = Math.cos(angle) * radius; const sy = Math.sin(angle) * radius - 25; if (i === 0) p.timeSpiral.moveTo(sx, sy); else p.timeSpiral.lineTo(sx, sy); } p.timeSpiral.strokePath(); } // Clock markers for (let i = 0; i < 12; i++) { const angle = (i / 12) * Math.PI * 2; const dist = 55 + Math.sin(time * 0.01 + i) * 3; const mx = Math.cos(angle) * dist; const my = Math.sin(angle) * dist - 25; const size = (i % 3 === 0) ? 3 : 1.5; p.timeSpiral.fillStyle(0xd97706, 0.8); p.timeSpiral.fillCircle(mx, my, size); } // Pulsing center glow const pulse = Math.abs(Math.sin(time * 0.005)); p.timeSpiral.fillStyle(0xfacc15, 0.2 * pulse); p.timeSpiral.fillCircle(0, -25, 30 + pulse * 10); } } } // Jim Ability Ready Visuals if (p.stats.name === 'Jim' && p.squishyAura) { const isReady = time - p.lastSquishyAbility >= 15000; if (isReady && !p.squishyAura.emitting) { p.squishyAura.start(); } else if (!isReady && p.squishyAura.emitting) { p.squishyAura.stop(); } } // Ash Style State Updates if (p.stats.name === 'Ash') { if (p.counterAura) { if (p.isCountering && !p.counterAura.emitting) p.counterAura.start(); else if (!p.isCountering && p.counterAura.emitting) p.counterAura.stop(); } if (p.overloadAura) { if (p.counterOverload && time < p.counterOverloadTimer) { if (!p.overloadAura.emitting) p.overloadAura.start(); p.head.setFillStyle(0xffffff); // Bright white glow head during overload } else { p.counterOverload = false; if (p.overloadAura.emitting) p.overloadAura.stop(); p.head.setFillStyle(p.stats.color); } } } // Psychic / King / Honored One Ready Visuals if (p.stats.name === 'Psychic' || p.stats.name === 'King' || p.stats.name === 'Honored One' || p.stats.name === 'Tiger' || p.stats.name === 'Fox Ninja') { let cooldown = p.stats.name === 'King' ? 10000 : 15000; if (p.stats.name === 'Tiger') cooldown = 8000; if (p.stats.name === 'Fox Ninja') cooldown = 12000; let lastAb = p.lastPsychicAbility; if (p.stats.name === 'King') lastAb = p.lastKingAbility; if (p.stats.name === 'Honored One') lastAb = p.lastHonoredAbility; if (p.stats.name === 'Tiger') lastAb = p.lastTigerAbility; if (p.stats.name === 'Fox Ninja') lastAb = p.lastFoxAbility; if (p.stats.name === 'Sun Breather') lastAb = p.lastSunAbility; const isReady = time - lastAb >= cooldown; if (p.fistAuraL && p.fistAuraR) { if (isReady && !p.fistAuraL.emitting) { p.fistAuraL.start(); p.fistAuraR.start(); } else if (!isReady && p.fistAuraL.emitting) { p.fistAuraL.stop(); p.fistAuraR.stop(); } } if (p.fistAuraL && p.fistAuraR) { const radL = Phaser.Math.DegToRad(p.armL.angle + 180); const radR = Phaser.Math.DegToRad(p.armR.angle); p.fistAuraL.setPosition(p.armL.x + Math.cos(radL) * 18, p.armL.y + Math.sin(radL) * 18); p.fistAuraR.setPosition(p.armR.x + Math.cos(radR) * 18, p.armR.y + Math.sin(radR) * 18); } } if (p.stats.name === 'Sun God' && p.sunSpiralL && p.sunSpiralR) { const isReady = time - p.lastSunAbility >= 12000; [p.sunSpiralL, p.sunSpiralR].forEach((sp, i) => { sp.clear(); if (isReady) { const arm = i === 0 ? p.armL : p.armR; const rad = Phaser.Math.DegToRad(i === 0 ? arm.angle + 180 : arm.angle); const hx = arm.x + Math.cos(rad) * 18; const hy = arm.y + Math.sin(rad) * 18; sp.lineStyle(2, 0x9333ea, 0.7); sp.beginPath(); const rot = time * 0.012; for(let j=0; j<25; j++) { const angle = j * 0.4 + rot; const r = j * 0.9; const px = hx + Math.cos(angle) * r; const py = hy + Math.sin(angle) * r; if(j === 0) sp.moveTo(px, py); else sp.lineTo(px, py); } sp.strokePath(); } }); } // Hunter Rage Mode and Visuals if (p.stats.name === 'Hunter') { if (p.isRageMode && time > p.rageTimer) { p.isRageMode = false; p.rageProgress = 0; p.stats.speed = 600; p.stats.power = 1.4; if (p.rageAura) p.rageAura.stop(); if (p.fistAuraL) p.fistAuraL.stop(); if (p.fistAuraR) p.fistAuraR.stop(); p.eyeL.setFillStyle(0x000000); p.eyeR.setFillStyle(0x000000); p.clawL.clear().fillStyle(0x000000).fillTriangle(0, -3, 0, 3, -12, 0); p.clawR.clear().fillStyle(0x000000).fillTriangle(0, -3, 0, 3, 12, 0); } if (p.isRageMode) { p.eyeL.setFillStyle(0xff0000); p.eyeR.setFillStyle(0xff0000); p.clawL.clear().fillStyle(0xff0000).fillTriangle(0, -3, 0, 3, -12, 0); p.clawR.clear().fillStyle(0xff0000).fillTriangle(0, -3, 0, 3, 12, 0); } if (p.rageBarFill) { p.rageBarFill.width = (p.rageProgress / 100) * 50; } if (p.clawL && p.clawR) { const radL = Phaser.Math.DegToRad(p.armL.angle + 180); const radR = Phaser.Math.DegToRad(p.armR.angle); p.clawL.setPosition(p.armL.x + Math.cos(radL) * 18, p.armL.y + Math.sin(radL) * 18); p.clawL.setAngle(p.armL.angle); p.clawR.setPosition(p.armR.x + Math.cos(radR) * 18, p.armR.y + Math.sin(radR) * 18); p.clawR.setAngle(p.armR.angle); if (p.fistAuraL) p.fistAuraL.setPosition(p.clawL.x, p.clawL.y); if (p.fistAuraR) p.fistAuraR.setPosition(p.clawR.x, p.clawR.y); } } // Sync Ninja hand auras if (p.stats.name === 'Ninja' && p.ninjaAuraL && p.ninjaAuraR) { const radL = Phaser.Math.DegToRad(p.armL.angle + 180); const radR = Phaser.Math.DegToRad(p.armR.angle); const dist = 18; p.ninjaAuraL.setPosition(p.armL.x + Math.cos(radL) * dist, p.armL.y + Math.sin(radL) * dist); p.ninjaAuraR.setPosition(p.armR.x + Math.cos(radR) * dist, p.armR.y + Math.sin(radR) * dist); } // Sync Glows to Parts const visualParts = [p.head, p.body, p.armL, p.armR, p.legL, p.legR]; visualParts.forEach((part, i) => { if (p.glows && p.glows[i]) { p.glows[i].angle = part.angle; p.glows[i].x = part.x; p.glows[i].y = part.y; // Update glow sizes for weapons if (part.type === 'Rectangle') { p.glows[i].width = part.width + 4; p.glows[i].height = part.height + 4; } } }); // Update Jim Weapon Visuals Position if (p.stats.name === 'Jim') { if (p.weaponMode === 2 && p.weaponVisuals.hammerHeadL) { const hL = p.weaponVisuals.hammerHeadL; const hR = p.weaponVisuals.hammerHeadR; const radL = Phaser.Math.DegToRad(p.armL.angle + 180); const radR = Phaser.Math.DegToRad(p.armR.angle); hL.setPosition(p.armL.x + Math.cos(radL) * 25, p.armL.y + Math.sin(radL) * 25); hL.setAngle(p.armL.angle); hR.setPosition(p.armR.x + Math.cos(radR) * 25, p.armR.y + Math.sin(radR) * 25); hR.setAngle(p.armR.angle); } else if (p.weaponMode === 1 && p.weaponVisuals.swordL) { const sL = p.weaponVisuals.swordL; const sR = p.weaponVisuals.swordR; const radL = Phaser.Math.DegToRad(p.armL.angle + 180); const radR = Phaser.Math.DegToRad(p.armR.angle); sL.setPosition(p.armL.x + Math.cos(radL) * 18, p.armL.y + Math.sin(radL) * 18); sL.setAngle(p.armL.angle); sR.setPosition(p.armR.x + Math.cos(radR) * 18, p.armR.y + Math.sin(radR) * 18); sR.setAngle(p.armR.angle); } // Update Arm Fire Position & Size if (p.armFireL && p.armFireR) { const radL = Phaser.Math.DegToRad(p.armL.angle + 180); const radR = Phaser.Math.DegToRad(p.armR.angle); const dist = p.weaponMode === 2 ? 15 : 9; const scale = p.weaponMode === 2 ? 2.5 : 1.5; [p.armFireL, p.armFireR].forEach(f => f.setScale({ start: scale, end: 0 })); const setOff = (emitter, ox, oy) => { if (emitter.setFollowOffset) emitter.setFollowOffset(ox, oy); else if (emitter.followOffset) { emitter.followOffset.x = ox; emitter.followOffset.y = oy; } }; setOff(p.armFireL, p.armL.x + Math.cos(radL) * dist, p.armL.y + Math.sin(radL) * dist); setOff(p.armFireR, p.armR.x + Math.cos(radR) * dist, p.armR.y + Math.sin(radR) * dist); } } // Teleport Aura Animation if (p.teleportAura) { let isReady = false; let auraColor = p.stats.color; if (p.stats.name === 'Speedy') { isReady = time - p.lastTeleport >= 15000; } else if (p.stats.name === 'Switcher') { isReady = time - p.lastSwitcherAbility >= 12000; auraColor = 0xffffff; } p.teleportAura.clear(); if (isReady) { p.teleportAura.lineStyle(3, auraColor, 0.8); if (p.stats.name === 'Switcher') { // Calculate hand positions for Switcher const radL = Phaser.Math.DegToRad(p.armL.angle + 180); const radR = Phaser.Math.DegToRad(p.armR.angle); const handLX = p.armL.x + Math.cos(radL) * 18; const handLY = p.armL.y + Math.sin(radL) * 18; const handRX = p.armR.x + Math.cos(radR) * 18; const handRY = p.armR.y + Math.sin(radR) * 18; // Falling triangles aura centered tightly on fists for (let i = 0; i < 8; i++) { const tId = (i * 123.45); const fallSpeed = 0.12; const cycle = 30; const progress = ((time * fallSpeed) + tId) % cycle; // Alternate between hands const isLeftHand = i < 4; const baseX = isLeftHand ? handLX : handRX; const baseY = isLeftHand ? handLY : handRY; // X position oscillates very tightly around the hand const tx = baseX + Math.sin(i * 1.5 + time * 0.005) * 8; const ty = baseY - 15 + progress; // Fade in at top, fade out at bottom const alpha = progress < 5 ? (progress / 5) : (progress > 25 ? 1 - (progress - 25) / 5 : 1); p.teleportAura.fillStyle(0xffffff, alpha * 0.7); const size = 5; const rot = time * 0.006 + i; const p1x = tx + Math.cos(rot) * size; const p1y = ty + Math.sin(rot) * size; const p2x = tx + Math.cos(rot + 2.09) * size; const p2y = ty + Math.sin(rot + 2.09) * size; const p3x = tx + Math.cos(rot + 4.18) * size; const p3y = ty + Math.sin(rot + 4.18) * size; p.teleportAura.beginPath(); p.teleportAura.moveTo(p1x, p1y); p.teleportAura.lineTo(p2x, p2y); p.teleportAura.lineTo(p3x, p3y); p.teleportAura.closePath(); p.teleportAura.fillPath(); } } else { const spikes = 10; const radius = 35; for (let i = 0; i < spikes; i++) { const angle = (i / spikes) * Math.PI * 2 + (time * 0.01); const spikeLen = 15 + Math.random() * 20; const x1 = Math.cos(angle) * radius; const y1 = Math.sin(angle) * radius - 25; const x2 = Math.cos(angle) * (radius + spikeLen); const y2 = Math.sin(angle) * (radius + spikeLen) - 25; p.teleportAura.beginPath(); p.teleportAura.moveTo(x1, y1); p.teleportAura.lineTo(x2, y2); p.teleportAura.strokePath(); } } } } // Death check (Blast Zones or 990% Damage) const outOfBounds = p.container.y > 1500 || p.container.y < -1200 || p.container.x < -800 || p.container.x > 2400; const reachedMaxDamage = p.health >= 990; if (p.lives > 0 && (outOfBounds || reachedMaxDamage)) { // Explosion Effect const boom = this.scene.add.circle(p.container.x, p.container.y, 50, 0xff0000); this.scene.tweens.add({ targets: boom, scale: 4, alpha: 0, duration: 400, onComplete: () => boom.destroy() }); this.scene.cameras.main.shake(300, 0.03); p.lives--; p.health = 0; if (p.lives <= 0) { p.container.setVisible(false); const winner = (p === this.p1) ? this.p2 : this.p1; const winnerName = (p === this.p1) ? (this.isCGI ? "CGI" : "P2") : "P1"; const endText = this.scene.add.text(400, 300, `${winnerName} WINS!`, { fontSize: '80px', fontStyle: 'bold', color: '#facc15', stroke: '#000', strokeThickness: 10 }).setOrigin(0.5).setScrollFactor(0); this.scene.tweens.add({ targets: endText, scale: 1.2, duration: 1000, yoyo: true, repeat: -1 }); // Victory Confetti const confetti = this.scene.add.particles(400, -50, 'flare', { x: { min: 0, max: 800 }, y: -50, speedY: { min: 200, max: 500 }, speedX: { min: -100, max: 100 }, scale: { start: 0.8, end: 0.4 }, rotate: { min: 0, max: 360 }, tint: [0xff0000, 0x00ff00, 0x0000ff, 0xffff00, 0xff00ff], lifespan: 3000, quantity: 2, frequency: 50 }); } else { p.container.setPosition(800, 200); // Respawn at map center body.setVelocity(0, 0); } } // Update Label with color-coded damage const pName = index === 0 ? "P1" : (this.isCGI ? "CGI" : "P2"); const damageColor = p.health < 1 ? "#22c55e" : (p.health < 50 ? "#ffffff" : (p.health < 120 ? "#fb923c" : "#ef4444")); p.label.setText(`${pName} (${p.stats.name})\nSTOCKS: ${p.lives}\n${Math.floor(p.health)}%`); p.label.setColor(damageColor).setFontSize(p.health > 100 ? "20px" : "16px"); }); // Brute Ability Ready Visuals (Red/Black Sparks on fists) [this.p1, this.p2].forEach(p => { if (p.stats.name === 'Brute') { const isReady = p.tankAbilityUsedCount < 2 && (time - p.lastTankAbility >= 10000); if (isReady && p.tankFistEmitters.length === 0) { // Create emitters if ready and not yet created [p.armL, p.armR].forEach(arm => { const emit = this.scene.add.particles(0, 0, 'flare', { speed: { min: 10, max: 50 }, scale: { start: 0.6, end: 0 }, alpha: { start: 1, end: 0 }, tint: [0xff0000, 0x000000], lifespan: 300, frequency: 50, follow: p.container }); p.tankFistEmitters.push({ emitter: emit, arm: arm }); }); } else if (!isReady && p.tankFistEmitters.length > 0) { // Destroy if not ready anymore p.tankFistEmitters.forEach(e => e.emitter.destroy()); p.tankFistEmitters = []; } // Update emitter positions to track fist tips p.tankFistEmitters.forEach(e => { const targetP = (p === this.p1) ? this.p2 : this.p1; if (!targetP || !targetP.container) return; const dir = p.container.x < targetP.container.x ? 1 : -1; const isRightArm = e.arm === p.armR; const offsetX = isRightArm ? (Math.cos(e.arm.rotation) * 18) : (Math.cos(e.arm.rotation + Math.PI) * 18); const offsetY = isRightArm ? (Math.sin(e.arm.rotation) * 18) - 25 : (Math.sin(e.arm.rotation + Math.PI) * 18) - 25; // Manual offset update for particle follow (safely check for followOffset or setFollow) if (e.emitter.setFollowOffset) { e.emitter.setFollowOffset(offsetX, offsetY); } else if (e.emitter.followOffset) { e.emitter.followOffset.x = offsetX; e.emitter.followOffset.y = offsetY; } }); } }); // Dynamic Camera - Smooth tracking between players const cam = this.scene.cameras.main; const centerX = (this.p1.container.x + this.p2.container.x) / 2; const centerY = (this.p1.container.y + this.p2.container.y) / 2; const dist = Phaser.Math.Distance.Between(this.p1.container.x, this.p1.container.y, this.p2.container.x, this.p2.container.y); const targetZoom = Phaser.Math.Clamp(1000 / (dist + 600), 0.3, 1.1); const lerpSpeed = 0.05; // Instead of stacking pans/zooms every frame, we manually interpolate cam.centerOn( Phaser.Math.Linear(cam.midPoint.x, centerX, lerpSpeed), Phaser.Math.Linear(cam.midPoint.y, centerY, lerpSpeed) ); cam.setZoom(Phaser.Math.Linear(cam.zoom, targetZoom, 0.02)); // P1 Controls const p1Body = this.p1.container.body; if (this.p1.lives > 0) { const isFrozen1 = this.p1.freezeTimer > time; this.p1.isShielding = this.keys.down.isDown && p1Body.blocked.down && !isFrozen1; if (!this.p1.isShielding && !isFrozen1) { const isSlowed = this.p1.slowTimer > time; const speedMult = isSlowed ? (25 / this.p1.stats.speed) : 1.0; const accel = (p1Body.blocked.down ? 2000 : 800) * (isSlowed ? 0.4 : 1.0); // Only accelerate if we aren't already going faster than our max speed (e.g. from knockback) if (this.keys.left.isDown && p1Body.velocity.x > -this.p1.stats.speed * speedMult) p1Body.setAccelerationX(-accel); else if (this.keys.right.isDown && p1Body.velocity.x < this.p1.stats.speed * speedMult) p1Body.setAccelerationX(accel); else p1Body.setAccelerationX(0); const upPressed = this.keys.up.isDown; const punchDown = this.keys.attack.isDown; const punchReleased = Phaser.Input.Keyboard.JustUp(this.keys.attack); const kickPressed = Phaser.Input.Keyboard.JustDown(this.keys.kick); // Ash Counter Logic (Hold Space for 0.7s, max 3 counters) if (this.p1.stats.name === 'Ash') { if (this.keys.attack.isDown) { this.p1.counterHoldTime += delta; if (this.p1.counterHoldTime >= 700 && !this.p1.hasReachedMaxCounters) { this.p1.isCountering = true; } else { this.p1.isCountering = false; } } else { this.p1.counterHoldTime = 0; this.p1.isCountering = false; this.p1.hasReachedMaxCounters = false; this.p1.countersThisHold = 0; } if (this.p1.isCountering) p1Body.setAccelerationX(p1Body.acceleration.x * 0.1); } // Ninja Charge Logic if (this.p1.stats.name === 'Ninja' && punchDown && !this.p1.isAttacking) { this.p1.isCharging = true; this.p1.chargeTime += delta; this.p1.isSuperCharging = this.p2.health > 150; // Visuals for charging: Star eyes! this.p1.eyeL.setVisible(false); this.p1.eyeR.setVisible(false); const eyeColor = this.p1.isSuperCharging ? 0xff0000 : 0x38bdf8; this.p1.starEyeL.setVisible(true).setRotation(time * 0.01).setFillStyle(eyeColor); this.p1.starEyeR.setVisible(true).setRotation(time * 0.01).setFillStyle(eyeColor); // Point fist forward while charging const dir = (this.p2 && this.p2.container) ? (this.p1.container.x < this.p2.container.x ? 1 : -1) : 1; const activeArm = dir > 0 ? this.p1.armR : this.p1.armL; const inactiveArm = dir > 0 ? this.p1.armL : this.p1.armR; activeArm.setAngle(dir > 0 ? 10 : -10).setScale(1.2, 1); // Other hand holds the charging fist inactiveArm.setAngle(dir > 0 ? 160 : -160).setScale(1.1, 1); if (!this.p1.chargeEmitter) { this.p1.chargeEmitter = this.scene.add.particles(0, 0, 'flare', { speed: { min: 50, max: 150 }, scale: { start: 1.2, end: 0 }, tint: this.p1.isSuperCharging ? [0xff0000, 0x000000] : [this.p1.stats.color, 0xffffff, 0x000000], lifespan: 400, quantity: 2, blendMode: 'ADD', follow: this.p1.container, followOffset: { x: activeArm.x + (dir * 15), y: activeArm.y } }); } else { this.p1.chargeEmitter.setParticleTint(this.p1.isSuperCharging ? [0xff0000, 0x000000] : [this.p1.stats.color, 0xffffff, 0x000000]); } if (this.p1.isSuperCharging && Math.random() < 0.1) { this.drawBlackFlashLightning(this.p1.container.x + activeArm.x + (dir * 15), this.p1.container.y + activeArm.y, dir * 0.5, 0xff0000); } } else if (this.p1.isCharging && punchReleased) { const mult = 1.0 + Math.min(this.p1.chargeTime / 1000, 2.0); // Up to 3x power this.p1.armL.setScale(1, 1); this.p1.armR.setScale(1, 1); this.handleAttack(this.p1, this.p2, time, 'punch', mult); this.p1.isCharging = false; this.p1.chargeTime = 0; const resetColor = this.p1.stats.name === 'Ninja' ? 0x38bdf8 : 0x000000; this.p1.eyeL.setVisible(true).setFillStyle(resetColor); this.p1.eyeR.setVisible(true).setFillStyle(resetColor); this.p1.starEyeL.setVisible(false); this.p1.starEyeR.setVisible(false); this.p1.body.y = -15; if (this.p1.chargeEmitter) { this.p1.chargeEmitter.destroy(); this.p1.chargeEmitter = null; } } else { // Normal attacks if (upPressed && Phaser.Input.Keyboard.JustDown(this.keys.attack)) { this.handleAttack(this.p1, this.p2, time, 'uppercut'); } else if (Phaser.Input.Keyboard.JustDown(this.keys.attack) && this.p1.stats.name !== 'Ninja') { this.handleAttack(this.p1, this.p2, time, 'punch'); } else if (kickPressed) { this.handleAttack(this.p1, this.p2, time, 'kick'); } } if (Phaser.Input.Keyboard.JustDown(this.keys.up) && this.p1.jumpsUsed < 2 && !this.p1.isAttacking) { const jumpMult = this.p1.slowTimer > time ? 0.6 : 1.0; p1Body.setVelocityY(this.p1.stats.jump * jumpMult); if (this.p1.jumpsUsed > 0) this.createJumpEffect(this.p1.container.x, this.p1.container.y + 20); this.p1.jumpsUsed++; } if (Phaser.Input.Keyboard.JustDown(this.keys.teleport)) { if (this.p1.stats.name === 'Brute') this.handleBruteAbility(this.p1, time); else if (this.p1.stats.name === 'Jim') this.handleJimWeaponSwitch(this.p1); else if (this.p1.stats.name === 'Timesweeper') this.handleTimeAbility(this.p1, this.p2, time); else if (this.p1.stats.name === 'Switcher') this.handleSwitcherAbility(this.p1, this.p2, time); else if (this.p1.stats.name === 'Psychic') this.handlePsychicAbility(this.p1, this.p2, time); else if (this.p1.stats.name === 'King') this.handleKingAbility(this.p1, this.p2, time); else if (this.p1.stats.name === 'Sun God') this.handleSunGodAbility(this.p1, this.p2, time); else if (this.p1.stats.name === 'Honored One') this.handleHonoredOneAbility(this.p1, this.p2, time); else if (this.p1.stats.name === 'Tiger') this.handleTigerAbility(this.p1, this.p2, time); else if (this.p1.stats.name === 'Fox Ninja') this.handleFoxAbility(this.p1, this.p2, time); else this.handleTeleport(this.p1, this.p2, time); } } else { p1Body.setAccelerationX(0); } } // P2 / CGI Controls const p2Body = this.p2.container.body; if (this.p2.lives > 0) { if (this.isCGI) { const isSlowed = this.p2.slowTimer > time; const maxSpeed = isSlowed ? 25 : this.p2.stats.speed; const dist = this.p1.container.x - this.p2.container.x; if (Math.abs(dist) > 70) { const moveDir = dist > 0 ? 1 : -1; if ((moveDir === 1 && p2Body.velocity.x < maxSpeed) || (moveDir === -1 && p2Body.velocity.x > -maxSpeed)) { p2Body.setAccelerationX(moveDir * 1000 * (isSlowed ? 0.4 : 1.0)); } else { p2Body.setAccelerationX(0); } } else { p2Body.setAccelerationX(0); this.handleAttack(this.p2, this.p1, time); } // AI Double Jump logic if ((this.p1.container.y < p2Body.y - 50 || p2Body.y > 450) && this.p2.jumpsUsed < 2) { if (p2Body.velocity.y > 0 || p2Body.blocked.down) { p2Body.setVelocityY(this.p2.stats.jump); this.p2.jumpsUsed++; } } } else { const isFrozen2 = this.p2.freezeTimer > time; this.p2.isShielding = this.keys.p2Down.isDown && p2Body.blocked.down && !isFrozen2; if (!this.p2.isShielding && !isFrozen2) { const isSlowed = this.p2.slowTimer > time; const speedMult = isSlowed ? (25 / this.p2.stats.speed) : 1.0; const accel = (p2Body.blocked.down ? 2000 : 800) * (isSlowed ? 0.4 : 1.0); if (this.keys.p2Left.isDown && p2Body.velocity.x > -this.p2.stats.speed * speedMult) p2Body.setAccelerationX(-accel); else if (this.keys.p2Right.isDown && p2Body.velocity.x < this.p2.stats.speed * speedMult) p2Body.setAccelerationX(accel); else p2Body.setAccelerationX(0); const p2UpPressed = this.keys.p2Up.isDown; const p2PunchDown = this.keys.p2Punch.isDown; const p2PunchReleased = Phaser.Input.Keyboard.JustUp(this.keys.p2Punch); const p2PunchPressed = Phaser.Input.Keyboard.JustDown(this.keys.p2Punch); const p2KickPressed = Phaser.Input.Keyboard.JustDown(this.keys.p2Kick); // Ninja Charge Logic P2 if (this.p2.stats.name === 'Ninja' && p2PunchDown && !this.p2.isAttacking) { this.p2.isCharging = true; this.p2.chargeTime += delta; this.p2.isSuperCharging = this.p1.health > 150; this.p2.eyeL.setVisible(false); this.p2.eyeR.setVisible(false); const eyeColorP2 = this.p2.isSuperCharging ? 0xff0000 : 0x38bdf8; this.p2.starEyeL.setVisible(true).setRotation(time * 0.01).setFillStyle(eyeColorP2); this.p2.starEyeR.setVisible(true).setRotation(time * 0.01).setFillStyle(eyeColorP2); const dir = (this.p1 && this.p1.container) ? (this.p2.container.x < this.p1.container.x ? 1 : -1) : 1; const activeArm = dir > 0 ? this.p2.armR : this.p2.armL; const inactiveArm = dir > 0 ? this.p2.armL : this.p2.armR; activeArm.setAngle(dir > 0 ? 10 : -10).setScale(1.2, 1); inactiveArm.setAngle(dir > 0 ? 160 : -160).setScale(1.1, 1); if (!this.p2.chargeEmitter) { this.p2.chargeEmitter = this.scene.add.particles(0, 0, 'flare', { speed: { min: 50, max: 150 }, scale: { start: 1.2, end: 0 }, tint: this.p2.isSuperCharging ? [0xff0000, 0x000000] : [this.p2.stats.color, 0xffffff, 0x000000], lifespan: 400, quantity: 2, blendMode: 'ADD', follow: this.p2.container, followOffset: { x: activeArm.x + (dir * 15), y: activeArm.y } }); } else { this.p2.chargeEmitter.setParticleTint(this.p2.isSuperCharging ? [0xff0000, 0x000000] : [this.p2.stats.color, 0xffffff, 0x000000]); } if (this.p2.isSuperCharging && Math.random() < 0.1) { this.drawBlackFlashLightning(this.p2.container.x + activeArm.x + (dir * 15), this.p2.container.y + activeArm.y, dir * 0.5, 0xff0000); } } else if (this.p2.isCharging && p2PunchReleased) { const mult = 1.0 + Math.min(this.p2.chargeTime / 1000, 2.0); this.p2.armL.setScale(1, 1); this.p2.armR.setScale(1, 1); this.handleAttack(this.p2, this.p1, time, 'punch', mult); this.p2.isCharging = false; this.p2.chargeTime = 0; const p2ResetColor = this.p2.stats.name === 'Ninja' ? 0x38bdf8 : 0x000000; this.p2.eyeL.setVisible(true).setFillStyle(p2ResetColor); this.p2.eyeR.setVisible(true).setFillStyle(p2ResetColor); this.p2.starEyeL.setVisible(false); this.p2.starEyeR.setVisible(false); if (this.p2.chargeEmitter) { this.p2.chargeEmitter.destroy(); this.p2.chargeEmitter = null; } } // Ash Counter Logic P2 (Hold K for 0.7s, max 3 counters) if (this.p2.stats.name === 'Ash') { if (this.keys.p2Punch.isDown) { this.p2.counterHoldTime += delta; if (this.p2.counterHoldTime >= 700 && !this.p2.hasReachedMaxCounters) { this.p2.isCountering = true; } else { this.p2.isCountering = false; } } else { this.p2.counterHoldTime = 0; this.p2.isCountering = false; this.p2.hasReachedMaxCounters = false; this.p2.countersThisHold = 0; } if (this.p2.isCountering) p2Body.setAccelerationX(p2Body.acceleration.x * 0.1); } if (p2UpPressed && p2PunchPressed) { this.handleAttack(this.p2, this.p1, time, 'uppercut'); } else if (p2PunchPressed && this.p2.stats.name !== 'Ninja') { this.handleAttack(this.p2, this.p1, time, 'punch'); } else if (p2KickPressed) { this.handleAttack(this.p2, this.p1, time, 'kick'); } if (Phaser.Input.Keyboard.JustDown(this.keys.p2Up) && this.p2.jumpsUsed < 2 && !this.p2.isAttacking) { const jumpMult = this.p2.slowTimer > time ? 0.6 : 1.0; p2Body.setVelocityY(this.p2.stats.jump * jumpMult); if (this.p2.jumpsUsed > 0) this.createJumpEffect(this.p2.container.x, this.p2.container.y + 20); this.p2.jumpsUsed++; } if (Phaser.Input.Keyboard.JustDown(this.keys.p2Teleport)) { if (this.p2.stats.name === 'Brute') this.handleBruteAbility(this.p2, time); else if (this.p2.stats.name === 'Jim') this.handleJimWeaponSwitch(this.p2); else if (this.p2.stats.name === 'Timesweeper') this.handleTimeAbility(this.p2, this.p1, time); else if (this.p2.stats.name === 'Switcher') this.handleSwitcherAbility(this.p2, this.p1, time); else if (this.p2.stats.name === 'Psychic') this.handlePsychicAbility(this.p2, this.p1, time); else if (this.p2.stats.name === 'King') this.handleKingAbility(this.p2, this.p1, time); else if (this.p2.stats.name === 'Sun God') this.handleSunGodAbility(this.p2, this.p1, time); else if (this.p2.stats.name === 'Honored One') this.handleHonoredOneAbility(this.p2, this.p1, time); else if (this.p2.stats.name === 'Tiger') this.handleTigerAbility(this.p2, this.p1, time); else if (this.p2.stats.name === 'Fox Ninja') this.handleFoxAbility(this.p2, this.p1, time); else if (this.p2.stats.name === 'Steel Soul') this.handleSteelSoulAbility(this.p2, this.p1, time); else this.handleTeleport(this.p2, this.p1, time); } } else { p2Body.setAccelerationX(0); } } } // Velocity limits - High X limit to allow for knockback scaling p1Body.setMaxVelocity(2500, 1500); p2Body.setMaxVelocity(2500, 1500); p1Body.setDragX(1200); p2Body.setDragX(1200); } } // Expose GameLogic globally so scene runtime (or standalone bootstrap) can use it. window.GameLogic = GameLogic; // GAME_LOGIC_END // Standalone bootstrap - only runs when no scene runtime is present. // When a Scene Editor scene exists, the generated scene.js handles bootstrapping. const hasSceneRuntime = typeof __SCENE_DATA__ !== "undefined" && __SCENE_DATA__; if (!hasSceneRuntime) { const config = { type: Phaser.AUTO, width: 800, height: 600, parent: "renderDiv", backgroundColor: "#1e293b", physics: { default: "arcade", arcade: { gravity: { y: 1200 }, debug: false } }, audio: { noAudio: true }, scene: { preload() { // Create basic textures for anime VFX const graphics = this.make.graphics({ x: 0, y: 0, add: false }); graphics.fillStyle(0xffffff, 1); graphics.fillCircle(5, 5, 5); graphics.generateTexture('smoke', 10, 10); graphics.clear(); graphics.fillStyle(0xffffff, 1); graphics.fillTriangle(0, 10, 5, 0, 10, 10); graphics.generateTexture('flare', 10, 10); graphics.clear(); graphics.lineStyle(2, 0xffffff); graphics.strokeRect(0, 0, 10, 10); graphics.generateTexture('hitSpark', 10, 10); }, create() { // Wire in GameLogic with empty objects map if (typeof GameLogic === "function") { this.gameLogic = new GameLogic(this, {}); } }, update(time, delta) { if (this.gameLogic?.update) { this.gameLogic.update(time, delta); } } } }; // Expose the Phaser game instance on window so the editor preview can clean it up between runs. window.game = new Phaser.Game(config); }

stickman fight

How to Play