Theme
Start building — free

Ridgeline — brand film.

A brand film for a fictional outdoor brand: a glowing topographic map marches to plucked 8ths, then on the boom the isolines extrude into a 3D massif, first light ignites a horn peak, and the camera chases a route drawing itself up the ridge to the summit hit before craning back up to a lit relief map and the RIDGELINE lockup. Every pixel is one seeded heightfield: per-pixel isolines, ray-marched sun shadows, height fog, valley mist and a far ring of ranges, all in a single three.js shader.

by vividsites StudioBrand film16:914 sHyperFramesGSAPthree.jsWebGLGLSLProcedural terrainMusic in code
Download MP4
1920 × 1080 · 30 fps · 14 s · LandscapeRendered from the composition in the Code tab
Prompt · paste into Claude Code with HyperFrames

A 14-second brand film for a fictional outdoor brand, RIDGELINE: a glowing contour map extrudes into a 3D mountain range, first light hits a horn peak, and the camera chases a route drawing itself to the summit. The terrain, the light and the 90 BPM score are all written in code.

More motion

More motion, each with its prompt.

All 52