Settings

Visible squad cap ${squadCap}

50 (lightweight) 512 (default) 1024 (max)

Higher = more soldiers on screen at once. If frames stutter on your machine, drop this.

🎵 Music volume ${musicVolPct}%

Mute100% (default)200%

💥 SFX volume ${sfxVolPct}%

Mute100% (default)200%

${squadUnlimited ? `

⚠ Warning: with unlimited cap, every soldier in your squad renders at once. Frames will dip hard once the squad grows past a thousand. If the game stutters or freezes — turn this off.

` : ''}

${showFallenBodies ? `Corpses stay on the bridge after squad-mates die. Switching off will delete every body currently visible — they don't come back if you switch on again.` : `Off — fallen soldiers vanish on death. Turning on starts collecting new deaths from now on.`}

`; } return ` ${sharedStyles}

BODYWARS

march forward. multiply. don't break.

`; } // ----- INTRO FLY-OVER: centered controls / how-to-play card with GPU tip ----- if (phase === "intro") { const kbd = "display:inline-block; min-width:1.6em; padding:2px 7px; margin:0 2px; " + "background:rgba(255,255,255,0.12); border:1px solid rgba(255,255,255,0.3); " + "border-bottom-width:2px; border-radius:4px; font-family:monospace; " + "font-size:0.85em; text-shadow:0 1px 2px rgba(0,0,0,0.6);"; return `

How to Play

⚠ Tip: This game uses significant GPU. If your machine struggles, lower the squad cap in Settings.

Steer A D / ← →

Fire Automatic

Run the gates — green adds, red subtracts. Your squad fires the volley. Don't let the chargers reach you.

`; } // ----- PLAYING (and lost) ----- const squad = (localPlayer && localPlayer.state && localPlayer.state.squad) ?? 1; const score = (localPlayer && localPlayer.state && localPlayer.state.score) ?? 0; const elapsed = (localPlayer && localPlayer.state && localPlayer.state.elapsed) ?? 0; const lost = !!(localPlayer && localPlayer.state && localPlayer.state.lost); const damageDealt = Math.floor((localPlayer && localPlayer.state && localPlayer.state.damageDealt) ?? 0); const streakBonus = Math.floor((localPlayer && localPlayer.state && localPlayer.state.streakBonus) ?? 0); const streakElapsed = (localPlayer && localPlayer.state && localPlayer.state.streakElapsed) ?? 0; const streakMult = Math.max(1, Math.min(10, Math.floor(streakElapsed / 10) + 1)); const peakSquad = (localPlayer && localPlayer.state && localPlayer.state.peakSquad) ?? squad; const distance = Math.floor((localPlayer && localPlayer.state && localPlayer.state.distance) ?? 0); const leaderboardTop = (localPlayer && localPlayer.state && Array.isArray(localPlayer.state.leaderboardTop)) ? localPlayer.state.leaderboardTop : null; const leaderboardLoading = !!(localPlayer && localPlayer.state && localPlayer.state.leaderboardLoading); const leaderboardSelfId = (localPlayer && localPlayer.state && localPlayer.state.leaderboardSelfId) || null; // Re-derive milestone bonus client-side for the breakdown row. let mileBonus = 0; if (distance >= 100) { if (distance < 250) mileBonus = 100; else { const k = Math.floor(distance / 250); mileBonus = 100 + 250 * k * (k + 1) / 2; } } const t = nowTick(); // Detect change and stash a delta with a tick timestamp. if (_lastSquad === null) { _lastSquad = squad; } else if (squad !== _lastSquad) { const d = squad - _lastSquad; _deltas.push({ value: d, t }); _lastSquad = squad; } // Keep deltas for ~16 ticks (~1.6s at 10Hz) _deltas = _deltas.filter(d => t - d.t < 16); const deltaHtml = _deltas.map((d, i) => { const age = (t - d.t) / 16; // 0..1 const opacity = Math.max(0, 1 - age); const rise = age * 60; // px upward const positive = d.value > 0; const color = positive ? "rgb(120,255,160)" : "rgb(255,110,110)"; const sign = positive ? "+" : ""; const offset = i * 4; // stagger if multiple at once return `

${sign}${d.value}

`; }).join(""); const reportOpen = false; const REPORT_TITLE = ""; const REPORT_META = []; const REPORT_BODY = ""; const metaRows = (REPORT_META || []) .map(([k, v]) => `

${escapeHtml(k)} ${escapeHtml(v)}

`) .join(""); const reportPanel = !reportOpen ? "" : `

Engine Bug Report

${escapeHtml(REPORT_TITLE)}

${metaRows}

${escapeHtml(REPORT_BODY)}

memory/projects/meatgrinder/engine-bug-report-cross-entity-property-rubberband.md

`; // Engine Report reopen button removed — was cluttering the in-game corner. // Report panel still exists; toggle it from the end-of-run header button. const reopenButton = ""; // ---- Lifetime leaderboard panel (death screen, right column) ----- const leaderboardRows = (() => { if (leaderboardLoading || leaderboardTop === null) { return `

Loading lifetime runs…

`; } if (leaderboardTop.length === 0) { return `

No runs yet be the first

`; } // Column grid: rank | name | score | peak | distance | time // Each metric sits in its own column with the header above. const GRID = "grid-template-columns: 28px minmax(0,1fr) 64px 38px 56px 50px; gap: 8px;"; const header = `

# Player Score Peak Dist Time

`; const rows = leaderboardTop.map((row, i) => { const rank = i + 1; const isSelf = leaderboardSelfId && row && row.playerId === leaderboardSelfId; const isTop3 = rank <= 3; const rankColor = rank === 1 ? "rgb(255,215,90)" : rank === 2 ? "rgb(220,220,235)" : rank === 3 ? "rgb(220,150,90)" : "rgba(255,255,255,0.45)"; const bg = isSelf ? "rgba(255,80,80,0.10)" : (i % 2 === 0 ? "rgba(255,255,255,0.025)" : "transparent"); const border = isSelf ? "1px solid rgba(255,120,120,0.32)" : "1px solid transparent"; const nameColor = isSelf ? "rgb(255,200,200)" : "rgba(255,255,255,0.88)"; const delay = 0.36 + i * 0.04; const name = escapeHtml(String((row && row.name) || "Runner")).slice(0, 14); const score = ((row && row.score) | 0).toLocaleString(); const peak = ((row && row.peakSquad) | 0).toLocaleString(); const dist = (row && row.distance) | 0; const distLabel = dist >= 1000 ? `${(dist / 1000).toFixed(1)}km` : `${dist}m`; const time = formatElapsed((row && row.time) || 0); return `

${rank}

${name} ${isSelf ? 'you' : ''}

${score} ${peak} ${distLabel} ${time}

`; }).join(""); return header + rows; })(); const leaderboardCard = !lost ? "" : `

Lifetime

Leaderboard

${leaderboardRows}

Top ${Math.max(1, (leaderboardTop || []).length || 10)} · sorted by score

`; // ---- Death screen overlay ------------------------------------------- const deathScreen = !lost ? "" : `

Run Over

You Were Overrun

Time ${formatElapsed(elapsed)}

Distance ${distance.toLocaleString()}m

Peak Squad ${peakSquad.toLocaleString()}

Score breakdown

Damage dealt ${damageDealt.toLocaleString()}

Survival streak ${streakBonus.toLocaleString()}

Distance milestones ${mileBonus.toLocaleString()}

Peak squad ${peakSquad.toLocaleString()}

Final score ${score.toLocaleString()}

${(() => { // Revive controls — only on the death screen. First revive per run // is free, subsequent ones cost 250 spoins each, max 5 total. const revivesUsed = (localPlayer && localPlayer.state && localPlayer.state.revivesUsed) | 0; const spoins = (localPlayer && localPlayer.state && typeof localPlayer.state.spoins === "number") ? localPlayer.state.spoins : 0; const earnedThisDeath = (localPlayer && localPlayer.state && localPlayer.state.spoinsEarnedLastDeath) | 0; const maxedOut = revivesUsed >= 5; const cost = revivesUsed === 0 ? 0 : 250; const free = cost === 0; const canAfford = spoins >= cost; const reviveSquad = Math.max(1, Math.floor((score || 0) * 0.1)); const buttonEnabled = !maxedOut && canAfford; const buttonLabel = maxedOut ? "Max revives used" : free ? `↺ Revive · FREE · +${reviveSquad.toLocaleString()} squad` : `↺ Revive · 250 spoins · +${reviveSquad.toLocaleString()} squad`; const buttonStyle = buttonEnabled ? `background: linear-gradient(180deg, rgba(180,120,255,0.92), rgba(110,70,180,0.96)); border: 1px solid rgba(220,180,255,0.5); box-shadow: 0 6px 24px rgba(180,120,255,0.42), inset 0 1px 0 rgba(255,255,255,0.18); cursor: pointer;` : `background: rgba(60,55,70,0.6); border: 1px solid rgba(255,255,255,0.1); box-shadow: none; cursor: not-allowed; opacity: 0.55;`; return `

Spoins · ${spoins.toLocaleString()}${earnedThisDeath > 0 ? ` (+${earnedThisDeath.toLocaleString()} earned)` : ''} Revives · ${revivesUsed}/5

`; })()}

${leaderboardCard}

`; // Hide the live HUD while the death screen is up. if (lost) return deathScreen; // ---- Score breakdown panel (left side, remembers minimize choice) ---- // localStorage key 'bw.scorePanel.open' = '0' means user chose to keep it closed. // Default is open. Read inline each render — 10Hz refresh picks up clicks. let _panelOpen = true; try { const _ls = (typeof globalThis !== "undefined") ? globalThis.localStorage : null; if (_ls) { _panelOpen = _ls.getItem("bw.scorePanel.open") !== "0"; } } catch (e) { _panelOpen = true; } const totalScore = (damageDealt + streakBonus + mileBonus + peakSquad) | 0; const streakActive = streakElapsed > 0.2; const currentBodyCount = (localPlayer && localPlayer.state && localPlayer.state.currentBodyCount) | 0; const breakdownPanel = _panelOpen ? `

Score breakdown

💥 Damage ${damageDealt.toLocaleString()}

🔥 Streak${streakActive ? ` ×${streakMult}` : ""} ${streakBonus.toLocaleString()}

🏁 Distance ${distance}m ${mileBonus.toLocaleString()}

👥 Peak squad ${peakSquad.toLocaleString()}

Total ${totalScore.toLocaleString()}

🧍 Current bodies ${currentBodyCount.toLocaleString()}

` : `

`; return ` ${breakdownPanel}

Squad ${squad} ${deltaHtml}

Time ${formatElapsed(elapsed)}

Score ${score}

${reopenButton} ${reportPanel} `; }

Spawn