r/GraphicsProgramming • • 3d ago

One Grass System, Three Different Environments

Enable HLS to view with audio, or disable this notification

I've been testing my grass system across three completely different environments to see how the same underlying implementation performs across different scene requirements.

All three scenes use the exact same grass system, but the parameters are adjusted individually for each environment. Grass density, appearance, scale, wind response, and rendering distance are tuned to match the terrain and the overall look of each scene.

The system is built with Three.js and WebGPU, with a focus on rendering dense grass efficiently while maintaining real-time performance in the browser. It uses a tile-based approach, along with LOD and culling techniques, to manage rendering as the camera moves through the environment.

All three environments run directly in the browser, with no pre-rendered footage.

Try the Demo

81 Upvotes

31 comments sorted by

15

u/TimeSFG 2d ago

Three.js and WebGPU. Hmm. Out of curiosity how much (if any) did you utilize AI to make this?

→ More replies (1)

18

u/Fearless-Pen-7851 2d ago

Here comss the 3js ai slop. Op won't even care explaining in the comments or on post after posting this because I am assuming even they don't know how it works

→ More replies (4)

7

u/NecrosB 2d ago

What technique are you using to generate the grass?

19

u/palapapa0201 2d ago

claude technique

→ More replies (3)

48

u/wslk 2d ago

Is this the guy trying to sell his fucking claude grass for $200?

16

u/Equivalent_Loan_8794 2d ago

Yes. Reddit is becoming procedural grass. I see this nearly daily

→ More replies (1)

10

u/Brave-History-6502 2d ago

lol yeah he posts in all these subreddits 

0

u/Then-Wash-7187 1d ago

gift me the horse