// Kill the King — scrapbook-styled clicker // Smash SPACE (or click) to deal damage. Defeat enemies to advance stages. // Final boss = King Trost. Time-limited; earn XP, level up between stages. function KillTheKing({ T, F }) { const STAGES = 4; const PER_STAGE = 5; const TOTAL_TIME = 90; // seconds const [started, setStarted] = React.useState(false); const [intro, setIntro] = React.useState(false); // king dialog const [stage, setStage] = React.useState(1); const [defeated, setDefeated] = React.useState(0); const [enemyHP, setEnemyHP] = React.useState(20); const [enemyMax, setEnemyMax] = React.useState(20); const [enemyShake, setEnemyShake] = React.useState(0); const [killed, setKilled] = React.useState(false); const [xp, setXp] = React.useState(0); const [str, setStr] = React.useState(2); const [spd, setSpd] = React.useState(1); const [pressed, setPressed] = React.useState(false); const [popup, setPopup] = React.useState(null); // {dmg, key} const [shopping, setShopping] = React.useState(false); const [time, setTime] = React.useState(TOTAL_TIME); const [over, setOver] = React.useState(null); // 'win' | 'lose' | null const cooldownRef = React.useRef(0); const enemyName = stage >= STAGES ? '特罗斯特王 King Trost' : ['Goblin','Knight','Sorcerer'][stage-1] || 'Foe'; const isBoss = stage >= STAGES && defeated === PER_STAGE - 1; // initialize enemy on stage / progress change React.useEffect(() => { if (!started || over) return; const baseHP = 18 + (stage - 1) * 14 + (defeated * 4); const hp = isBoss ? baseHP * 3 : baseHP; setEnemyMax(hp); setEnemyHP(hp); setKilled(false); }, [stage, defeated, started, over, isBoss]); // timer React.useEffect(() => { if (!started || over || shopping) return; const id = setInterval(() => { setTime(t => { if (t <= 0.1) { setOver('lose'); return 0; } return +(t - 0.1).toFixed(1); }); }, 100); return () => clearInterval(id); }, [started, over, shopping]); // press handler (space or click) function attack() { if (!started || over || shopping || killed) return; const now = performance.now(); const cd = Math.max(80, 220 - spd * 25); if (now - cooldownRef.current < cd) return; cooldownRef.current = now; const dmg = str + Math.floor(Math.random() * 3); setPressed(true); setEnemyShake(s => s + 1); setPopup({ dmg, key: now }); setTimeout(() => setPressed(false), 80); setEnemyHP(hp => { const next = hp - dmg; if (next <= 0) { setKilled(true); const gained = isBoss ? 50 : 8 + stage * 3; setXp(x => x + gained); if (window.__sp_playSound) window.__sp_playSound('pop'); if (window.__sp_burstConfetti && isBoss) window.__sp_burstConfetti(); setTimeout(() => { if (isBoss) { setOver('win'); return; } if (defeated + 1 >= PER_STAGE) { // stage cleared -> shop setShopping(true); } else { setDefeated(d => d + 1); } }, 600); return 0; } return next; }); } React.useEffect(() => { const onKey = (e) => { if (e.code === 'Space' && started && !shopping && !over) { e.preventDefault(); attack(); } }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }); function startGame() { setStarted(true); setIntro(true); } function dismissIntro() { setIntro(false); } function nextStage() { setShopping(false); setDefeated(0); setStage(s => s + 1); } function reset() { setStarted(false); setIntro(false); setStage(1); setDefeated(0); setStr(2); setSpd(1); setXp(0); setTime(TOTAL_TIME); setOver(null); setShopping(false); } // upgrades const strCost = 10 + str * 6; const spdCost = 12 + spd * 8; const buyStr = () => { if (xp >= strCost) { setXp(x => x - strCost); setStr(s => s + 1); if(window.__sp_playSound)window.__sp_playSound('pop'); } }; const buySpd = () => { if (xp >= spdCost) { setXp(x => x - spdCost); setSpd(s => s + 1); if(window.__sp_playSound)window.__sp_playSound('pop'); } }; const mins = String(Math.floor(time / 60)).padStart(2, '0'); const secs = String(Math.floor(time) % 60).padStart(2, '0'); const ms = String(Math.floor((time * 10) % 10)); // visuals const enemyColor = isBoss ? T.ink : [T.accent2, T.accent, T.ink][stage - 1] || T.accent; return (

kill the king

♥ SMASH SPACE {TOTAL_TIME}s LIMIT
{/* HUD */}
{mins}:{secs}.{ms}
STAGE {stage} / {STAGES} {defeated} / {PER_STAGE} defeated
★ {xp} XP
{/* arena */}
{/* ground line */}
{/* player */}
⚔ {str} STR ⚡ {spd} SPD
{/* hero body */} {/* sword */} {/* head */} {/* helmet plume */} {/* body */} {/* legs */}
YOU
{/* attack arrow */}
→
{/* enemy */}
{popup && (
-{popup.dmg}
)}
{isBoss && ( {/* crown */} )} {/* head */} {/* angry eyes */} {/* mouth */} {/* body */} {isBoss && } {/* arms */} {/* legs */} {/* weapon */}
{enemyName}
{/* HP bar */}
{Math.max(0,enemyHP)} / {enemyMax}
{/* TAP button */} {/* INTRO overlay */} {!started && (
KILL THE KING
King Trost has 90 seconds left to live. Smash SPACE as fast as you can.
)} {/* King taunt */} {started && intro && (
KING TROST

"Hahaha — you really think you can beat me? My men will crush you, kid."

)} {/* Shop overlay */} {shopping && (

STAGE {stage} CLEARED — UPGRADE

★ {xp} XP
{[ {label:'STRENGTH +1', desc:`Deal more damage per hit (now ${str})`, cost: strCost, buy: buyStr, can: xp >= strCost}, {label:'SPEED +1', desc:`Lower attack cooldown (now ${spd})`, cost: spdCost, buy: buySpd, can: xp >= spdCost}, ].map(u => ( ))}
)} {/* Game over */} {over && (
{over === 'win' ? 'YOU WIN!' : 'TIMES UP'}
{over === 'win' ? 'King Trost has fallen. The kingdom is yours, kid.' : 'King Trost gloats. Refresh and try again.'}
)}
↳ smash SPACE to attack — defeat 5 foes per stage, then face King Trost ⚔
); } window.WindyLion = KillTheKing; // replace lion slot window.KillTheKing = KillTheKing;