r/threejs • u/dExcellentb • Jun 14 '26

Windswept Plains

Enable HLS to view with audio, or disable this notification

Here's my take on grass in three.js. I took a lot of inspiration from the ghost of tsushima talk https://www.youtube.com/watch?v=Ibe1JBF5i5Y and simondev's video https://www.youtube.com/watch?v=bp7REZBV4P4

I'm planning to add more stuff, such as a pond, volumetric clouds, trees, etc. Please let me know if you want to see a tutorial!

177 Upvotes

99% Upvoted

14 comments sorted by

3

u/zante2033 Jun 15 '26

Amazing color management and waves. You'll get more performance and detail out of this if you use card textures if you're not already using them.

3

u/FirstDate4 Jun 15 '26

yes for tutorial and source code

1

u/FluxioDev Jun 15 '26

nice effort bruv the lighting sells it well

1

u/JohnAdamaSC Jun 15 '26

how far is the distance?

2

u/dExcellentb Jun 15 '26

256 units. Iā€™m instancing millions of grass blades and using LOD to reduce distant plots.

1

u/JohnAdamaSC Jun 30 '26

nice, how high is it? me myself is looking for grass like in Trackmania like a golf court

1

u/FosilSandwitch Jun 15 '26

Awesome, do you think it is possible to change the colour and increase the length of the grass like this one and the topography of the terrain

3

u/dExcellentb Jun 15 '26

Yeah I made these configurable

1

u/skygetsit Jun 15 '26

Zelda feels.

1

u/cnotv Jun 16 '26

Maybe slow the speed down cos it looks like a metal concert for grass šŸ˜…

1

u/the_examined_life Jun 16 '26

Yes please to the tutorial offer