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

Ancient Egypt in 3D Turns History Into a Browser Expedition

Aureon de Veyra's Ancient Egypt expedition turns five lightweight Three.js dioramas into a browser journey through family life, quarries, temples, the Nile Delta, and a Giza sandstorm.

Aug 16, 2026

Edolus Turns AI Infrastructure Into a Cinematic WebGL Journey

Edolus moves from orbital satellites and desert-scale systems into glowing data flows, using PlayCanvas, WebGL, custom GLSL, and evolving sound to turn AI infrastructure into a cinematic journey.

Aug 8, 2026

Above the Grassland Builds a Cinematic WebGPU Field

Ameen Abdullah’s Above the Grassland is a browser cinematic with WebGPU postprocessing, moving grass fields, weather presets, audio, narration, subtitles, and mood controls.

Jul 27, 2026

Shining Turns WebGPU Into A Small 3D Storybook

Chanwoo Hwang’s Shining is a short 3D interactive storybook built with Three.js WebGPU, using pages, light, and spatial scenes as the interface.

Jul 6, 2026

Where Worlds Take Shape Makes a Portfolio Playable

Jérôme Reynet turns a portfolio into a playable WebGL world, with procedural grass, mini-games, gamepad controls, and project discovery that behaves more like exploration than navigation.

Jun 26, 2026

A Portfolio You Walk Through: Hot Dogtor's WebGPU Building

Paulo Pinho built his portfolio as a 3D building you wander room by room, scored by his own music. Runs on three.js WebGPU, falls back to WebGL, and ships a Basic version for everyone else. One site, three fidelity tiers, no pretending everyone's on a 4090.

Jun 11, 2026

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

A Yurok Village in WebGL, Built From LIDAR Scans

CyArk's Tapestry tour of Sumêg Village drops you into a Yurok ancestral village above the Pacific, rendered from survey-grade LIDAR captured in 2021. Cedar plank houses, sweat house, dance house. Guided narration first, then WASD and free run of the place.

Apr 30, 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