Menu

1 / 3

Susurrus: Crafting a Cozy Watercolor World with Three.js and Shaders | Codrops

Codrops·Xianyao Wei·6 months ago
#YdqCqY6Y
#3d#casestudy#postprocessing#threejs#webgl
Reading 0:00
15s threshold

A behind-the-scenes look at blending NPR shading, sound, and interaction to shape a meditative WebGL scene.

3D case study postprocessing Three.js WebGL

What would it look like if a Three.js/WebGL 3D web experience behaved like a watercolor painting—fluid, responsive, and interactive? In Susurrus , I explore this idea using Non-Photorealistic Rendering (NPR), approaching stylization as both an aesthetic and a performance consideration. In this case study, I’ll walk through how this project was designed and built.

Concept: Comfort That Doesn’t Exist

A forgotten windmill floats on the water, rendered with the delicacy of a watercolor painting yet fully 3D and interactive. In Susurrus , the scene feels natural and cozy at first glance, but subtly surreal and absurd upon closer inspection.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.