WebGPU Pumpkin

A Halloween experiment in real-time rendering: one carved pumpkin, lit from the inside by a candle. Hold to blow out the flame, or carve your own face and share it.

How it's made

• WebGPU through three.js's WebGPURenderer, with every shader written in TSL.
• Procedural pumpkin: lobed body, stem and seeds generated in code, with faked subsurface scattering so thin walls glow.
• Real carving: faces are cut with CSG (three-bvh-csg) in a Web Worker, and a carving packs into a short share link.
• Raymarched flame, plus GPU compute particles for the embers and the flocking moths.
• Smoke: a small fluid simulation on the GPU, venting out through whatever you carved.
• Volumetric fog: raymarched per pixel against the candle's shadow, so light shafts pour out of the face.
• Sound: the fire is synthesised live with the Web Audio API; the ambience is filtered and slowed when the candle goes out.

Sounds

From freesound.org, edited and looped.

• Crows Echoing through a Deep Forest by CVLTIV8R — CC0
• Music Box - J. Brahms - Opus 39 - Waltz no 3 by Flying_Deer_Fx — CC0
• lg wind1.wav by lgarrett — CC BY 3.0
• Trees Creaking In The Wind II by RandomRecord19 — CC BY 4.0
• Crows - Louisbourg Lighthouse Trail.wav by greysound — CC0
• Evil Laugh by adiantheman — CC0
• Evil Laugh 1 by miksmusic — CC BY 3.0
• Witch's Laugh.wav by NikoMyth — CC0

Made by @jakewhiteleydev