Interactive Storytelling - WebGL / WebGPU Community — Showcase, Tutorials, Examples & More | WebGL / WebGPU Community

Susurrus: A Watercolor World Built in Three.js

A spatial web piece by Xianyao Wei. Cream-and-sepia watercolor, motion that drifts like ink in water, a small 3D figure waiting to be nudged. Three.js and Blender geometry over WebGL, with a physics-flavored interaction layer doing most of the storytelling.

May 24, 2026

Noomo's 3D Storytelling Site: A Walk Through Phoenix

Noomo's storytelling site turns five client stories into rooms in a lit hallway, with animation bound to scroll instead of autoplay. Three.js doing the heavy lifting, WebGPU peeking around the corner on sister projects. Worth opening the network tab for.

May 23, 2026

Elimar: A Lost Van Gogh, Rendered in Particles

OddCommon's hour-long scrollytelling for LMI Group renders Vincent van Gogh as a cloud of black and white motes that scatter on approach and reform at distance. One particle system in many disguises, wrapped around four years of forensic art authentication.

May 21, 2026

IVRESS by Utsubo: A WebGPU Story That Refuses Light

A lone traveler in a world that refuses light. Built on Three.js's WebGPURenderer with a WebGL fallback and TSL shaders running on both backends. Utsubo's brand site for IVRESS reads like a short film, and the CTO behind it maintains the WebGPU side of three.js itself.

Apr 23, 2026

The Extraordinary Lab: A WebGL Tour of the Audemars Piguet RD Series

Immersive Garden's scrollable look at Audemars Piguet's five RD prototypes: flying tourbillons at their actual thickness, sapphire catching light it shouldn't, and a camera with the taste to stand still. Nuxt on the shell, Blender on the geometry, WebGL tying the room together.

Apr 16, 2026

Ad-Deir Monastery in WebGL: CyArk's Tapestry Takes You Inside Petra

CyArk's Tapestry rebuilds Petra's Ad-Deir Monastery from LiDAR and photogrammetry, then hands you the keys. A narrated seven-scene tour on a high-res textured mesh, with a free-explore mode sharing the same source of truth. Restrained engineering dressed up as a field trip.

Apr 9, 2026

Hatom: Five-Phase Griffin Mythology Rendered in WebGL

Immersive Garden built a five-chapter WebGL narrative for Hatom where a griffin hatches, armors up, and expands across planets. Three.js, progressive asset loading, and sound design by Ben Lukas Boysen. Awwwards SOTD, November 2024.

Apr 6, 2026

Omega Clearspace: Scroll-Driven Orbital Debris in Three.js

Immersive Garden built a scroll-driven WebGL experience that puts you in orbit alongside 36,500 pieces of space junk. Wireframe-to-render transitions, spatial audio, and a four-armed capture vessel that makes it feel like an elegant unfolding of a problem.

Apr 5, 2026

Find Your Way to Oz: The 2013 Chrome Experiment

UNIT9 built a full Kansas carnival in WebGL for Disney, then destroyed it with a tornado shader borrowed from neuroscience. No physics engine. No framework. Just clever faking, spatial audio, and a three-month deadline. The source is open.

Apr 2, 2026

ThoughtLab: WebGL as Brand Infrastructure, Not Decoration

ThoughtLab's homepage treat WebGL as structural, not ornamental. Real-time 3D interfaces, scroll-driven depth, and interactive flows built for commercial use. A 26-year-old studio that keeps choosing the GPU when flat design would be easier.

Mar 30, 2026

Ponpon Mania: A WebGL Comic Where a Sheep Dreams of Becoming a DJ

An interactive webcomic built in WebGL where every panel breathes. Custom shaders blend scene transitions, GSAP drives scroll-triggered animation, and the whole thing stays faithful to its hand-drawn roots. It's about a sheep who wants to DJ. Obviously.

Mar 26, 2026

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

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