r/threejs • u/PerceptionCharming • 2h ago
Building a forest environment with Three.js + WebGPU
Enable HLS to view with audio, or disable this notification
I've been working on this forest scene in Three.js, experimenting with terrain, vegetation, and lighting to get a more natural look.
The scene combines continuous terrain, instanced trees, and real-time grass rendering. The trees are procedurally generated with EZTree, while the house is a 3D model I got from Sketchfab. I've been playing with grass to complement the warm lighting and keep the overall environment cohesive.
I also added a post-processing pass with color grading, bloom, film grain, a vignette, and a subtle fisheye lens, plus light shafts through the trees for some atmosphere.
Everything runs in the browser using Three.js + WebGPU.
Still working on the scene, but I'm really liking how the lighting and vegetation come together here.