Shining Turns WebGPU Into A Small 3D Storybook | WebGL / WebGPU

Shining Turns WebGPU Into A Small 3D Storybook

Details

Title: Shining Turns WebGPU Into A Small 3D Storybook
Maker: Chanwoo Hwang
Published: July 6, 2026
Link: shining.302chanwoo.com (opens in a new tab)

What it is

Shining is a small 3D storybook from Chanwoo Hwang, built around pages, light, and spatial scenes instead of the usual scroll-and-card machinery. The premise is simple: let the page act like a place. You move through a short interactive piece where the book format becomes a stage, and the visual language stays closer to illustration than tech demo.

That is what makes it useful to look at from a WebGPU angle. It is using Three.js WebGPU and TSL-era tooling for atmosphere, transitions, and a quieter kind of interaction. The project was recognized by Awwwards, but the better reason to open it is to see how little UI you need when the scene itself knows how to turn the page.

How it’s made

Technology: WebGPU TSL (Three Shading Language)
Framework & Tool: Three.js GSAP
Technique: Scene Transitions Shaders
Domain: Illustration
Interaction: Interactive Storytelling

More in Scene Transitions

Browse this tag →

Interactive WebGL Jersey Slider Blends Team Kits in 3D

Prity Dhara’s Three.js jersey slider uses one 3D model, shader-based texture transitions, fabric movement, and GSAP motion to make kit changes feel physical.

Prity DharaWebGL

22.09.2000 He Was Born Runs a Portfolio Through a WebGL TV

LUCERRÁ's WebGL portfolio behaves like one CRT broadcast, using texture layers, live 3D render targets, glitch transitions, hand tracking, and adaptive quality.

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.

Kehan FanThree.js

All Scene Transitions work