Demo breakdown / Loudspeaker maker

Scroll-Driven 3D Product Page: A Pure Function of Scroll Progress

A concept speaker launch page where the model's pose is computed from scroll position alone, so scrubbing is smooth in both directions.

Open the live concept demo: Fernlight Audio. The brand and every record are made up; the engineering is real.

Measured on mobile

Lighthouse performance
97
Largest Contentful Paint
2.5 s
Cumulative Layout Shift
0.000
Total Blocking Time
53 ms
Initial transfer
0.87 MB
Full scroll transfer
0.87 MB
3D and media payload
0.76 MB of 3D (meshopt GLB and WebP textures)

From the demo's own site-check file, run 23 to 24 October 2026.

Pose as a pure function

The model's pose is a pure function of scroll progress, so there is no timeline to desync. Scroll up and the same frames play backwards.

A table, not a second runtime

About 60 numbers in a table drive the whole sequence. No second animation runtime sits alongside the renderer.

Compressed assets

meshopt-compressed geometry and WebP textures keep the 3D payload at 0.76 MB.

All twelve concept demos · Engineering notes