Add a comet trail animation

The frame glides from waypoint to waypoint and drops a screenshot of
itself every frame-width or so. The stills stay where they were taken
and fade over a few seconds, so the live video reads as the head of a
comet whose tail is its own recent past.

The steering caps how fast the heading may change: an instant turn would
lay the stills out in straight dotted lines, and it is the curve that
makes a tail read as one. Drops are spaced by distance travelled rather
than by a timer, so they stay even however the frame is turning.

Since the capture is a crop of the tab, a still lying under the frame
would be photographed into the next one. A drop waits until the frame is
clear of the tail, keeping the invariant corners already relies on.

Also picks up the FRAME_SCALE, BOUNCE_SPEED and CORNER_INTERVAL_SECONDS
tuning sitting in the tree.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Tg15tLAuT6NrCE1ZxKVgDB

This commit is contained in:

simon

2026-08-09 22:58:08 +02:00

co-authored by

Claude Opus 5

parent 2066966694

commit 6d306d1b98

5 changed files with 268 additions and 10 deletions

									
										public/player/player.css
									
		+6
		
												View File
												
				@@ -70,6 +70,12 @@ body {

				  opacity: 1;

				}

				/* The trail ramps opacity frame-by-frame as a still ages, so the CSS transition

				   above would only fight it. */

				#stills img.trail {

				  transition: none;

				}

				/* --- the moving frame -------------------------------------------------- */

				#frameMover {