// 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 } ]; this.p1Index = 0; this.p2Index = 1; this.isCGI = true; // Map Options this.mapOptions = [ { name: 'Great Sky Arena', bg: '#0c4a6e', 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', 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', 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} ] } ]; 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 isSwitcher = charClass.name === 'Switcher'; const scale = 1.5; const f = flip ? -1 : 1; // Base body parts const headY = (isBrute ? -50 : (isSwitcher ? -48 : -45)) * scale; const headR = (isBrute ? 13 : 12) * scale; const bodyY = (isBrute ? -20 : (isSwitcher ? -17 : -15)) * scale; const bodyH = (isBrute ? 45 : (isSwitcher ? 40 : 35)) * scale; const legH = (isBrute ? 30 : (isSwitcher ? 28 : 25)) * scale; const head = this.scene.add.circle(0, headY, headR, color); const bodyColor = isBrute ? 0x000000 : color; const body = this.scene.add.rectangle(0, bodyY, (isBrute ? 14 : 4) * scale, bodyH, bodyColor); const armL = this.scene.add.rectangle(-5 * scale, (isBrute ? -35 : (isSwitcher ? -30 : -25)) * scale, (isBrute ? 25 : 18) * scale, (isBrute ? 8 : 4) * scale, color).setOrigin(1, 0.5); const armR = this.scene.add.rectangle(5 * scale, (isBrute ? -35 : (isSwitcher ? -30 : -25)) * scale, (isBrute ? 25 : 18) * scale, (isBrute ? 8 : 4) * scale, color).setOrigin(0, 0.5); const legL = this.scene.add.rectangle(-5 * scale, 0, (isBrute ? 8 : 4) * scale, legH, color).setOrigin(0.5, 0); const legR = this.scene.add.rectangle(5 * scale, 0, (isBrute ? 8 : 4) * scale, legH, color).setOrigin(0.5, 0); // 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; default: legL.setAngle(30 * f); legR.setAngle(-30 * f); armL.setAngle(-45 * f); armR.setAngle(45 * f); } container.add([legL, legR, body, armL, armR, head]); // Idle animation for menu this.scene.tweens.add({ targets: [head, body, armL, armR], 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); map.platforms.forEach(p => { this.platforms.add(this.scene.add.rectangle(p.x, p.y, p.w, p.h, p.c)); }); 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 }); } }); } createStickman(x, y, charClass, label) { const color = charClass.color; const container = this.scene.add.container(x, y); const isBrute = charClass.name === 'Brute'; const isSwitcher = charClass.name === 'Switcher'; // Core visual parts const headY = isBrute ? -50 : (isSwitcher ? -48 : -45); const bodyY = isBrute ? -20 : (isSwitcher ? -17 : -15); const bodyH = isBrute ? 45 : (isSwitcher ? 40 : 35); const legH = isBrute ? 30 : (isSwitcher ? 28 : 25); const head = this.scene.add.circle(0, headY, isBrute ? 13 : 12, color); const bodyColor = isBrute ? 0x000000 : color; const body = this.scene.add.rectangle(0, bodyY, isBrute ? 14 : 4, bodyH, bodyColor); const armL = this.scene.add.rectangle(-5, isBrute ? -35 : (isSwitcher ? -30 : -25), isBrute ? 25 : 18, isBrute ? 8 : 4, color).setOrigin(1, 0.5); const armR = this.scene.add.rectangle(5, isBrute ? -35 : (isSwitcher ? -30 : -25), isBrute ? 25 : 18, isBrute ? 8 : 4, color).setOrigin(0, 0.5); const legL = this.scene.add.rectangle(-5, 0, isBrute ? 8 : 4, legH, color).setOrigin(0.5, 0).setAngle(20); const legR = this.scene.add.rectangle(5, 0, isBrute ? 8 : 4, legH, color).setOrigin(0.5, 0).setAngle(-20); // Eyes for expressions const eyeOffset = isBrute ? -53 : (isSwitcher ? -51 : -48); const eyeColor = charClass.name === 'Ninja' ? 0x38bdf8 : 0x000000; const eyeL = this.scene.add.circle(-4, eyeOffset, 2, eyeColor); const eyeR = this.scene.add.circle(4, eyeOffset, 2, eyeColor); 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); } // Hunter Claws let clawL = null; let clawR = null; let rageBarBg = null; let rageBarFill = null; let rageAura = null; let fistAuraL = null; let fistAuraR = 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(); } // 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, ...accessories, eyeL, eyeR, starEyeL, starEyeR]); this.scene.physics.add.existing(container); container.body.setDrag(100, 0); container.body.setSize(isBrute ? 40 : 20, isBrute ? 90 : 70); container.body.setOffset(isBrute ? -20 : -10, isBrute ? -70 : -50); 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, starEyeL, starEyeR, teleportAura, squishyAura, 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, rageProgress: 0, isRageMode: false, rageTimer: 0, lastSquishyAbility: -15000, tankAbilityUsedCount: 0, tankAbilityActive: false, tankAbilityCharges: 0, lastTankAbility: -10000, tankFistEmitters: [], lastTimeAbility: -15000, lastSwitcherAbility: -12000, slowTimer: 0 }; } 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; } }); } 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()); } 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) { const lColor = attacker.stats.name === 'Timesweeper' ? 0x333333 : attacker.stats.color; this.drawBlackFlashLightning(attacker.container.x + activeArm.x, attacker.container.y + activeArm.y, dir, lColor); } 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 === '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 ? 400 : 70; const strike = isHammer ? 150 : 40; const recover = isHammer ? 400 : 120; // Realistic Punch: Wind-up, Strike, Recovery this.scene.tweens.chain({ targets: activeArm, tweens: [ { angle: dir > 0 ? -60 : 60, duration: windUp }, // Wind-up { angle: dir > 0 ? 40 : -40, scaleX: isHammer ? 1.8 : 1.2, duration: strike }, // Strike { angle: 0, scaleX: 1.0, duration: recover } // Recover ], onComplete: () => { attacker.isAttacking = false; } }); // Body Lunge this.scene.tweens.add({ targets: attacker.body, x: dir * 5, angle: dir * 15, duration: 50, 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; } // 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.color; 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: [0xffffff, hitColor], 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) { this.drawBlackFlashLightning(target.container.x, target.container.y, -dir, attacker.stats.color); } 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; } // 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) { p.jumpsUsed = 0; } 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; // Synchronized leg striding (step after step) p.legL.angle = Math.sin(runCycle) * 45; p.legR.angle = Math.sin(runCycle + Math.PI) * 45; // Arm swinging (opposite to legs) - only if not attacking/charging if (!p.isAttacking && !p.isCharging) { p.armL.angle = Math.sin(runCycle + Math.PI) * 30; p.armR.angle = Math.sin(runCycle) * 30; } // Dynamic bobbing effect for realism const bob = Math.abs(Math.sin(runCycle * 2)) * 4; p.body.y = baseBodyY - bob; p.head.y = baseHeadY - bob; } else { // Uniform Normal Stance for all characters let idleLegL = 20 * f, idleLegR = -20 * f, idleArmL = -30 * f, idleArmR = 30 * f, idleBodyAngle = 0, idleYOffset = 0; 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.isCountering && !p.counterAura.emitting) p.counterAura.start(); else if (!p.isCountering && p.counterAura.emitting) p.counterAura.stop(); 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); } } // 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) - Much larger for Smash feel const outOfBounds = p.container.y > 1500 || p.container.y < -1200 || p.container.x < -800 || p.container.x > 2400; if (p.lives > 0 && outOfBounds) { // 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 < 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) { this.p1.isShielding = this.keys.down.isDown && p1Body.blocked.down; if (!this.p1.isShielding) { 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 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 { this.p2.isShielding = this.keys.p2Down.isDown && p2Body.blocked.down; if (!this.p2.isShielding) { 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 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