Skip to content

Add a promotional film, played by the material itself - #47

Closed
WaylandYang wants to merge 1 commit into
devfrom
feat/promo-film
Closed

WaylandYang wants to merge 1 commit into
devfrom
feat/promo-film

Conversation

@WaylandYang

Copy link
Copy Markdown
Collaborator

What

  • /dev/promo (development only, like /dev/banner): a 31.5-second 1920×1080 film made of the components themselves — panes by thickness, edges, the one state, an agent at work, tuning the accent, dark and light, and the install command. Every frame is a function of one clock; ?t=<ms> holds a moment.
  • scripts/record.mjs <out.mp4> [url] [fps]: steps that clock frame by frame (standing in for requestAnimationFrame, performance.now, Date.now and CSS animations) and pipes the frames to ffmpeg.
  • scripts/browser.mjs: the headless Chromium launcher that shot.mjs had inline, now shared by both scripts.
  • dev-banner.tsx exports GlassWordmark (with a scale) and over for the film.

Checked

  • npm run typecheck, npm run build, npm run docs (registry unchanged)
  • /dev/promo?t=21800 renders, window.__promoDuration is 31500; shot.mjs still works on top of browser.mjs

🤖 Generated with Claude Code

/dev/promo (development only) is a 31-second film of Solid Glass made
of its own components: the panes, their edges, the one state, an agent
at work, tuning the accent, and the install command. Every frame is a
function of one clock, so scripts/record.mjs can step it and record
the film frame by frame with ffmpeg.

The headless browser that shot.mjs started is now in browser.mjs,
shared by both scripts. The banner's wordmark and its pane backing are
exported for the film to use.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Signed-off-by: WaylandYang <145302500+WaylandYang@users.noreply.github.com>
@WaylandYang
WaylandYang deleted the feat/promo-film branch October 15, 2026 09:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant