GAMERZ.BA — ESSENTIAL SNAKE / FIRST MOTION STUDY

Open index.html for playback, scrubbing, half speed and both lettering colours.
The preview background is separate from the animation. Everything runs offline.
For stream setup, follow OBS-bs.txt (Bosanski) or OBS-en.txt (English).

EXPORTS
exports/gamerz-snake-white.webm — white lettering, transparent background
exports/gamerz-snake-navy.webm — navy lettering, transparent background
exports/gamerz-snake-preview.mp4 — both versions on backgrounds for review
exports/gamerz-essential-white.png / gamerz-essential-navy.png — transparent stills

10 seconds, 60 fps, 1280 x 480, silent. The WebMs use VP9 with alpha.
Add a WebM as an OBS Media Source, enable Loop for repeated playback, or enable
restart when the source becomes active for a scene-triggered reveal. The fade
finishes before the last frame so the loop returns through transparency.
These files have been decoded and checked for alpha; OBS playback itself still
needs checking on the streamer's setup. MP4 is only the opaque review copy.

For a browser source, use the local index.html with ?overlay=1&ink=white or
?overlay=1&ink=navy at 1280 x 480. A browser with reduced motion enabled shows
the finished mark; Replay in the normal preview explicitly starts the motion.

MOTION
0.00–2.90  The short snake travels and grows to the length of the complete G.
2.90–5.25  Its full-length body follows the inward channel and folds into the G.
5.25       The head meets the returning inner arm. The tail is the internal end.
5.25–6.66  G, A, M, E, R, Z, dot, B, A stamp into place, 0.14 seconds apart.
           Each drops, compresses on contact, rebounds and settles in 0.29 seconds.
6.66–9.20  The original Essential lockup holds.
9.20–9.80  Fade to transparency, then a brief clear interval.

ARTWORK
Essential geometry and lettering from ../v5-directions/01-essential-light.svg.
Orange #FA931E; navy #1B3548; white #FFFFFF (requested white reverse).
The original lettering is stored as outlines in artwork.js, with no font file.
The final G is the exact seven-by-seven mark, formed by the snake itself.
The head contacts its own returning arm, not the innermost tip: this preserves
the actual G geometry. No plate, gradients, glow, sound, or stock-video assets.

BUILD / CHECK (from the repository root)
node gamers/tools/render-stream-snake.mjs --check
node gamers/tools/render-stream-snake.mjs
Uses existing Playwright under gamers/node_modules plus ffmpeg with libvpx-vp9.
The render clock and the preview use the same snake.js. No site deployment.
