Interactive Storytelling - WebGL / WebGPU Community — Showcase, Tutorials, Examples & More (Page 2) | WebGL / WebGPU Community

The Pendragon Cycle: WebGL as Cinematic Storytelling

Merlin Studio and Format-3 built a WebGL prologue for a fantasy series where scrolling feels like a camera move. Custom shaders, particle systems, and deliberate pacing turn a promotional site into something worth studying.

Mar 19, 2026

DRIFT: A Million Particles, a Lost Astronaut, and AI-Generated Loneliness

A lost astronaut records his diary in your browser. Over a million GPGPU particles shift with his mental state while AI generates fresh text and voice each visit. Ming Jyun Hung built something that feels alive and a little heartbreaking.

Mar 14, 2026

Penderecki's Garden: A Point-Cloud Memorial Built Using Photogrammetry

Huncwot turned billions of drone-captured particles into a navigable WebGL garden for composer Krzysztof Penderecki. Custom GLSL shaders breathe with the music. Fully keyboard-accessible. One of the most ambitious Three.js projects we've seen.

Mar 12, 2026

Bear 71: An Immersive Documentary Where a Grizzly Bear Becomes a Data Point

A grizzly bear's tracked territory rendered as surveillance grid. The NFB and Jam3 built a WebGL environment where Banff National Park looks like a living dashboard and coexistence feels like a systems problem.

Mar 5, 2026

San Rita: A Studio Site Disguised as a Topographic Map

San Rita ditches the agency portfolio grid for something stranger: a navigable topographic landscape where projects sit like waypoints on a trail system. Some paths are open, some are closed for restoration. It's weird, deliberate, and worth inspecting.

Feb 26, 2026

MONTREAL: A Snowy Owl Guides You Through a Hand-Illustrated WebGL City

Leeroy's MONTREAL is a WebGL experience where a snowy owl walks you through nine illustrated landmarks. Built with Three.js, Angular, GSAP, and Lottie, it layers hand-drawn art into 3D space with the feel of a storybook that learned how to breathe.

Feb 22, 2026

MANA Yerba Mate: An Animated Shopify Store

MANA Yerba Mate runs Three.js inside a Shopify storefront, rendering scroll-driven 3D worlds for each flavor alongside GSAP and Lottie animation layers. There's a playable game hidden in the footer.

Feb 15, 2026

Pyramids of Meroë: 3D Archaeology in the Browser with Three.js and WebXR

Sudan has more pyramids than Egypt. This scrolling experience from Google Arts & Culture lets you explore them in 3D, drop one into your room via WebXR, and learn why the Kushite Kingdom remains half a mystery.

Feb 1, 2026

Crafts of Life: A Three.js Exhibition on East Asian Material Culture

The University of Zurich turned ethnographic research into an immersive 3D web experience. Explore how East Asian hunting cultures shaped tools from bone, leather, and plant fiber. Built with Three.js, Vue.js, and Blender. Bilingual. Worth a slow scroll.

Jan 22, 2026

The Spark: A Scroll-Driven WebGL Story That Runs Like a Short Film

A spark escapes into a city built to contain it. Scroll to push the story forward. cables.gl handles the 3D, Webflow stitches the UI, and the audio reacts to how fast you move. Projection mapping, CRT post-processing, and tight character animation make it feel like a game cutscene.

Jan 15, 2026

The Globe of Economic Complexity: Visualizing $15 Trillion in World Trade

Harvard's WebGL experiment animates 153,000 particles to map global exports. Each dot = $100M. Built with Three.js, it's a masterclass in data viz that's begging for a modern remake with up-to-date capabilities and data.

Jan 4, 2026

The Sea We Breathe: An Immersive Ocean Conservation Experience

Dive into three underwater WebGL journeys exploring ocean conservation. Built by Unseen Studio, this award-winning experience blends baked animations, real-time interaction, and Stephen Fry's narration to make marine protection feel tangible.

Jan 1, 2026

Winter ’26 RenAIssance by Shopify

Step into Shopify’s Winter ’26 “RenAIssance,” a scroll-driven WebGL/WebGPU experience where classical art meets glowing halos, swirling clouds, and rich 3D detail. A baroque-inspired journey built to blur the line between tech and theater.

Dec 17, 2025

Forged.build

Forged.build turns a studio site into a cinematic 3D workshop built in WebGPU. Scroll through a real-time space with baked GI, dynamic highlights, and custom shaders. Built by Michael Modena to show what a small team can do with modern web graphics.

Dec 8, 2025

The Monolith Project

The Monolith Project is a cinematic WebGL journey built with React Three Fiber. It weaves together modular shaders, layered particle systems, and a custom deferred renderer into a scroll-driven story that flows like a film. Every effect is modular. Every transition feels intentional.

Dec 4, 2025

CodeofSagar: 3D Animated Portfolio

Sagar Kumar Ghosh built a 3D portfolio that feels more like an interactive scene than a resume. It runs on React, Three.js, GSAP, and even dips into WebGPU. If you're curious how to blend real-time graphics with a modern web stack, this is worth a close look.

Dec 1, 2025