The Pendragon Cycle: WebGL as Cinematic Storytelling

The Pendragon Cycle site does something most promotional websites fail at: it makes scrolling feel like a camera move. Built as an interactive prologue for the DailyWire+ fantasy series, the experience drops you into atmospheric 3D scenes where landscapes shift with dynamic lighting, particles drift through ruins, and each section lands like a new shot in a title sequence. You don't read about the world. You move through it. The pacing is deliberate, the transitions weighted, and the scroll itself becomes a kind of dolly track through myth.

The build comes from Merlin Studio, an Amsterdam code boutique, in collaboration with Format-3. Merlin has been doing this kind of thing for a while now, with the same technical foundation behind Dior's "Garden of Dreams" WebAR campaign and Coca-Cola's "Recycled Records." They know where the performance cliffs are. The stack here is React and Next.js with WebGL doing the heavy lifting: custom shaders for atmospheric effects, lightweight particle systems, GPU-friendly materials, and streaming assets to keep load times from eating the experience alive. A headless CMS handles content so the site can flex through pre-launch, launch, and post-launch phases without a rebuild. It picked up Awwwards Site of the Day in January 2026.

What's worth studying is the restraint. The WebGL isn't showing off. There are no gratuitous camera spins, no particle explosions for their own sake. Every 3D element serves the narrative: fog that implies distance, light that pulls focus, motion that guides the eye exactly where the story needs it. Merlin describes their approach as treating each section like a shot with its own composition and focal point, and it shows. If you're interested in how to use real-time 3D as a storytelling instrument rather than a tech demo, open this one up, slow-scroll through it, and pay attention to what moves and what stays still.