WIP splatter feedback round + HANDOFF.md for session continuation

Done (unverified): faster serve cadence in splatter (overT 0.25, serve from
where you stand, flick = instant aimed quick serve), aim-anywhere targeting
relative to the player. Not done: zombie speed ramp (G.splatT exists but is
never incremented), eaten-on-touch death + restart screen. Full state and
plans in HANDOFF.md.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
wuwiandClaude Fable 5 committed 2026-07-11 19:28:00 +02:00
1 parent 60c5f72a0a
commit e7aab295d4
4 files changed
+140 -15

No files matched your search

+111
View File
@@ -0,0 +1,111 @@
# HANDOFF — Splatter Tennis (for the next Claude session)
Read this first, then `~/.claude/projects/.../memory/splatter-tennis-history.md` (auto-loaded)
for the long history. This file is the precise mid-task state as of 2026-07-11.
## What this is
SNES-style pseudo-3D tennis (Super Tennis reference) that transitions into a zombie splatter
game while keeping all tennis aesthetics (umpire voice, 15/30/40 scoring, ball boys, applause).
Zero-dependency vanilla JS, native ES modules, no build step. Mobile portrait one-handed play
is the primary target (tap = swing/serve, flick = aimed shot, auto-run assist does positioning).
- **Run locally**: `preview_start` name `splatter-tennis` (python http.server :8641, .claude/launch.json)
- **Deploy**: push to `git@gitea.wuwi.one:wuwi/splatter-tennis.git` (main) → Coolify webhook
auto-builds the Dockerfile (nginx, everything served no-cache). Oliver tests on his phone at
splatter-tennis.wuwi.one within ~30s of a push.
- **Oliver edits files himself** (tuning values, sometimes sprites/sheets). ALWAYS Read current
file state before editing; never assume your last version is what's on disk.
## Module map (all in repo root)
`config.js` TUNE (live panel, T key) + constants · `state.js` G object + P/O/ball/score + setupPoint
· `gameplay.js` ballistics/swings/serve/rules/AI/update + transition + splatPoint · `zombies.js`
zombie/gore/particle state + updateZombies · `render.js` camera/palette-lerp/sprites/drawing
· `input.js` keys/touch/flick · `audio.js` sfx synth + recorded umpire (assets/audio/*.m4a,
made with macOS `say -v Daniel`) · `panel.js` · `main.js` boot, loop, umpire-tap cheat, window.T.
Two runtime-only import cycles (documented in headers): input↔gameplay, zombies↔gameplay.
## Zombie mode — how it works today
- Trigger: win your first game in tennis mode, OR **triple-tap the umpire** (x=7.1, netZ) within
1.6s (cheat; listener in main.js → `forceZombies()` in gameplay.js).
- Transition (`G.mode='transition'`, timeline in gameplay.update via `G.transT`): applause cut,
palette lerp (PAL in render.js), umpire "Quiet… please" at low playbackRate (voice() has a
`rate` param), CPU opponent swapped for zombie-CPU (variant 'c'), scripted first spawns,
then `G.mode='splatter'`.
- Splatter: you serve at zombies; every ball carries `ball.pow` (= shot quality); hit with
pow >= TUNE.zSplatQ → splatter (gore decal + particles + splat() sound + splatPoint('P')),
else stagger/pushback and the ball is spent (`lastHit='X'`). Zombie crossing your baseline →
splatPoint('O'). Tennis scoring machinery keeps running (deuce, advantage, "Game, player").
Ball boys mop gore they pass. HUD shows THEM instead of CPU.
- Balance knobs in TUNE (T panel): zSpeed, zSpawnEvery, zMax, zSplatQ, zPushback.
## ACTIVE TASK — Oliver's last message (his exact words):
> much better!!!
> the time between each serve is too long in zombie mode.
> right now it auto aims to the closest. i should also be able to aim anywhere includibg over the net.
> the speed of zombies should increase over time
> when they reach me i should be eaten
Status per item (working tree runs clean, no console errors, but items 1–2 are UNVERIFIED):
1. **Serve cadence — code DONE, not verified.**
- gameplay.js dead-ball branch: splatter overT 0.7 → 0.25, new_balls voice freq 0.2 → 0.12.
- state.js setupPoint splatter branch no longer repositions P (serve from where you stand).
- keyPressed pretoss+splatter: a FLICK now fires an instant quick serve (no toss, quality
0.62, aimed by the flick via hitServe(P, 0.62, flick)); a plain TAP still does the toss
ritual (perfect serves remain possible). hitServe gained an `aim` param.
2. **Aim anywhere incl. over the net — code DONE, not verified.**
- `zombieTarget(aim)` in gameplay.js rewritten: no aim → most advanced zombie (max z);
with aim → lane relative to the PLAYER (`P.x + ax*4`), az<0 prefers far zombies,
az>0 prefers close ones on your own side. All z candidates included.
- NOTE Oliver's complaint was that it "auto aims to the closest" — if the rewrite still
feels wrong, the next step is true free-aim: flick direction → landing point directly
(no zombie snap), with a generous splash/hit radius. Ask him which feel he wants if
the lane system still fights him.
3. **Zombie speed ramps over time — NOT DONE.**
- `G.splatT` field was added to state.js but is NEVER incremented — wire it up in
updateZombies (only while `G.mode==='splatter'`).
- Planned approach (my edit failed on a stale string, zombies.js current content is in
this repo, read it): in `spawnZombie`, multiply speed by
`1 + Math.min(1.5, G.splatT / 70)` (ramp at spawn time keeps the shot-lead math exact),
and optionally shrink the spawn interval / grow zMax with splatT.
4. **Eaten when they reach you — NOT DONE.** Plan agreed with Oliver:
- In updateZombies: `G.mode==='splatter' && Math.hypot(zb.x-P.x, zb.z-P.z) < 0.7` →
eat: gore decal + big particle burst at P, splat(1), voice('game_set_massacre', 0.8),
`G.mode='eaten'`, ball.active=false. Zombies keep shambling for ambience (guard the
eat check to mode==='splatter' so it fires once).
- gameplay.update: early-exit branch for mode 'eaten' (still tick idleT + updateZombies).
- render.js: skip drawChar(P) when eaten; dark overlay with 'EATEN.', final games score,
'TAP TO PLAY AGAIN'. Also gate the serve prompt on mode!=='eaten'.
- main.js: in the cv pointerdown listener (and a keydown), if mode==='eaten' →
location.reload() (laziest honest restart; fine for now).
- Existing baseline-cross rule (splatPoint('O') at z >= L+0.7) stays: crossing without
touching you is a point for THEM, touching you is death.
## Verification recipe (the regression net — use it after the above)
Drive the game deterministically via `window.T` with javascript_tool: the Browser-pane eval
context reports `document.visibilityState==='hidden'`, so RAF is paused and `T.step(1/60)`
gives clean manual stepping. `T.press('Space')` = tap. Dismiss the intro overlay first:
`document.getElementById('intro')?.dispatchEvent(new PointerEvent('pointerdown',{bubbles:true}))`.
- Tennis regression: serve → CPU returns most balls → points/games advance.
- Splatter: `T.G.mode` / force via 3 synthetic pointerdown on the umpire's projected position
(see main.js listener; coords = proj(7.1,0,11.885), remember logical = cv.width/2 because RES=2).
`T.zombies`, `T.spawnZombie(x, z, 'a')`, TUNE.zMax=0 to stop spawns during tests.
- Prior benchmarks that must keep holding: CPU returns ~11/12 serves; assist gets the idle
player in reach 8/8; constructed perfect corner (s=28, g×1.9) is a WINNER, medium center
ball is returned (run scenarios ~12x — single runs are flaky due to 9% aiFlub).
## Gotchas learned the hard way
- Sprite pipeline: generate via generate-image skill (needs OPENROUTER_API_KEY in repo .env,
gitignored) → magenta background → scratchpad slice.py (chroma-key, segment, strip ground
lines/dividers, common-scale per sheet, IDLE_TARGET_H=112). Generator sometimes ignores
magenta (then: edit-mode the image back to magenta) or draws near-identical animation
frames (then: re-prompt with strongly contrasted pose descriptions).
- drawChar mirrors sprites by ch.facing — any stance that must not mirror needs facing reset
(setupPoint pins facing=1).
- The scratchpad venv/scripts get wiped between sessions — recreate venv (requests+pillow)
and slice.py lives only in scratchpad; its logic is described above if gone.
- Don't trust single-sample gameplay sims; randomness (aiFlub 9%, aim error) needs ~12 runs.
- Commit style: imperative summary + Co-Authored-By Claude line; push = deploy.
+25 -11
View File
@@ -25,13 +25,16 @@ export function predictLanding() { // first-bounce point, closed form — exact,
// the best-matching zombie anywhere on the court — including your own side of the net.
function zombieTarget(aim) {
if (!zombies.length) return null;
const lane = (aim ? aim.ax : 0) * 3.3;
const band = aim && aim.az !== 0 ? (aim.az < 0 ? 4 : 19) : null;
const none = !aim || (!aim.ax && !aim.az);
let best = null, bs = 1e9;
for (const zb of zombies) {
let s = Math.abs(zb.x - lane);
if (band !== null) s += Math.abs(zb.z - band) * 0.5;
if (!aim) s = COURT.L - zb.z; // no aim (serves): the nearest one is the most urgent
let s;
if (none) s = COURT.L - zb.z; // no direction: the most advanced one is the most urgent
else {
s = Math.abs(zb.x - (P.x + aim.ax * 4)); // lane relative to where YOU stand
if (aim.az < 0) s += zb.z * 0.35; // flick up: prefer the far ones
if (aim.az > 0) s += (COURT.L - zb.z) * 0.35; // flick down: the close ones on your side
}
if (s < bs) { bs = s; best = zb; }
}
return best;
@@ -93,11 +96,11 @@ function tossBall(sv) {
}
export function serveApexY() { return TOSS.y0 + TOSS.vy * TOSS.vy / (2 * TUNE.gravity); } // ~2.95
function hitServe(sv, quality) {
function hitServe(sv, quality, aim = null) {
const toFar = sv.side === 'P';
const s = TUNE.serveSpeed + quality * TUNE.serveQualitySpeed;
let boxX, tzs;
const zt = G.mode !== 'tennis' ? zombieTarget(null) : null;
const zt = G.mode !== 'tennis' ? zombieTarget(aim) : null;
if (zt) { // splatter serves auto-track the most advanced zombie
boxX = zt.x + (Math.random() * 2 - 1) * (1 - quality) * 0.8;
const T0 = Math.hypot(zt.x - ball.x, zt.z - ball.z) / s;
@@ -290,7 +293,18 @@ function trySwing(ch, isAI) {
export function keyPressed(code) {
if (code !== 'Space') return;
audio(); // unlock on first gesture
if (G.phase === 'pretoss' && score.server === 'P') { tossBall(P); return; }
if (G.phase === 'pretoss' && score.server === 'P') {
if (G.mode === 'splatter') {
const flick = takeFlickAim();
if (flick) { // quick serve: no toss ritual, modest pace, aimed by the flick
ball.active = true; ball.collected = false; ball.bounces = 0; ball.firstLand = null;
ball.x = P.x + 0.35; ball.z = P.z; ball.y = 2.2; ball.g = TUNE.gravity;
hitServe(P, 0.62, flick);
return;
}
}
tossBall(P); return;
}
if (G.phase === 'toss' && score.server === 'P') {
// serve timing: distance from apex = quality
const dy = Math.abs(ball.y - serveApexY());
@@ -412,9 +426,9 @@ export function update(dt) {
onBounce();
if (ball.active && Math.abs(ball.vy) < 0.8) { // rolled out — dead ball
ball.active = false;
if (G.mode === 'splatter') { // hand the server a fresh one
G.phase = 'over'; G.overT = 0.7; sendBoy();
if (Math.random() < 0.2) voice('new_balls', 0.3);
if (G.mode === 'splatter') { // hand the server a fresh one, fast — they're coming
G.phase = 'over'; G.overT = 0.25; sendBoy();
if (Math.random() < 0.12) voice('new_balls', 0.3);
} else if (ball.bounces === 1) pointTo(ball.lastHit, null);
}
}
+2 -2
View File
@@ -28,6 +28,7 @@ export const G = {
aiSwingCool: 0,
aiReactT: 9, // time since the player's last hit; CPU reads the shot after TUNE.aiReaction
wasServe: false, // the ball in flight is a serve (first bounce must hit the box)
splatT: 0, // time survived in splatter mode — drives the difficulty ramp
};
export const other = s => s === 'P' ? 'O' : 'P';
@@ -35,9 +36,8 @@ export const deuceSide = () => (score.pts[0] + score.pts[1]) % 2 === 0; // even
export function setupPoint() {
G.phase = 'pretoss'; ball.active = false; ball.bounces = 0; ball.firstLand = null;
if (G.mode === 'splatter') { // always your serve; the receiver is... plural now
if (G.mode === 'splatter') { // always your serve, from wherever you're standing
score.server = 'P';
P.x = deuceSide() ? 1.3 : -1.3; P.z = 24.3;
P.pose = 'idle'; P.swingT = -1; P.facing = 1;
return;
}
+2 -2
View File
@@ -4,8 +4,8 @@
// (zombies <-> gameplay is a runtime-only import cycle, same pattern as input.)
import { TUNE, COURT } from './config.js';
import { G, ball, sendBoy } from './state.js';
import { splat, moan, pock } from './audio.js';
import { G, P, ball, sendBoy } from './state.js';
import { splat, moan, pock, voice } from './audio.js';
import { splatPoint } from './gameplay.js';
export const zombies = []; // {x, z, v, walkT, variant: 'a'|'b'|'c'}