procedural-grass

What problem does it solve?

Procedural Grass provides a scalable, GPU-accelerated system to generate dense, animated grass fields on terrain in Three.js, eliminating manual blade modeling and slow, manual grass placement in scenes.

Core Features & Use Cases

• Bezier-curved blade geometry with tapered triangles for natural curvature and low vertex count
• Instanced rendering capable of hundreds of thousands of blades in a single draw call
• Multi-layer wind system (global sway, gusts, turbulence) for realistic motion
• Subsurface scattering approximation for backlit translucency
• Terrain-aware placement with density modulation, slope rejection, and jittered grids
• Interactive displacement from players/objects and distance-based LOD with density falloff
• 8 built-in grass type presets (lawn, meadow, tall prairie, wheat, savanna, reeds, tundra, tropical)
• WebGPU compute placement with WebGL2 fallback; WGSL shaders and storage buffers
• Seasonal color modulation and mixed multi-type fields

Quick Start

Install the procedural-grass skill and load the sample scene to generate a dense, animated grass field on terrain.