Skip to content

feat(cyclone): add prepared Cyclone adapter - #92

Merged
alowpoly merged 2 commits into
mainfrom
feat/cyclone
Aug 19, 2026
Merged

feat(cyclone): add prepared Cyclone adapter#92
alowpoly merged 2 commits into
mainfrom
feat/cyclone

Conversation

@alowpoly

Copy link
Copy Markdown
Contributor

Summary

  • add a source-pinned Really Slick Cyclone adapter rendered as one retained PolyCSS Morph graph
  • prepare 400 particle roots and 2,400 triangle leaves across a source-continuous 216-second playback stream
  • keep runtime work to prepared transform selection, sparse color-atlas address changes, and one-block lookahead
  • use the shared cssGraphics shell, randomized startup, more saturated product colors, and a wider mobile presentation field
  • wire /cyclone/ and /csscyclone/ into deploy previews with immutable caching for hashed assets and blocks

Why

Cyclone is a strong fit for the prepared retained-DOM model, but its source motion changes every particle independently. This adapter moves simulation, matrix formatting, lighting, and stream construction to preparation while keeping the browser graph stable.

Runtime and payload

  • 2,400 retained leaves with no runtime DOM growth
  • active plus lookahead block residency only
  • 1.06 MB prepared lossless lighting atlas
  • 216 hash-addressed playback blocks totaling 246 MB encoded across the complete 216-second corpus

Qualification boundary

The source identity and motion model are pinned. The complete dense scene is not claimed pixel-identical: OpenGL resolves particle intersections with a depth buffer while the retained CSS scene uses planar compositor ordering. Moving highlight orientation is also a documented prepared-lighting approximation.

Validation

  • pnpm test:cyclone — 13 passed
  • pnpm test:site — 5 passed
  • pnpm typecheck
  • pnpm verify:source-only
  • CSSCYCLONE_DEPLOY_BUILD=1 pnpm build:cyclone
  • pnpm build
  • headless Chrome desktop and 390x844 mobile smoke: 2,400 retained leaves, stable DOM, zero console errors

@netlify

netlify Bot commented Aug 18, 2026

Copy link
Copy Markdown

Deploy Preview for cssgraphics ready!

Name Link
🔨 Latest commit a26bff0
🔍 Latest deploy log https://app.netlify.com/projects/cssgraphics/deploys/6a848ac1c5e26f00085b88c0
😎 Deploy Preview https://deploy-preview-92--cssgraphics.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@alowpoly
alowpoly marked this pull request as ready for review August 19, 2026 00:20
@alowpoly
alowpoly merged commit 364bbb6 into main Aug 19, 2026
4 checks passed
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