How can I make grass like on the image below

[alexander.zhigalov]

Hello guys!
Could you please direct me how can I make grass like on the attached image?

[Fennec]

With InstancedMesh and a ShaderMaterial.

Simple instanced grass example

Hi all, Here is a very short and simple example of instanced grass, with a shader material for wind displacement. jsFiddle here [fezfez]

r3f’s Grass:

Grass shader (forked) - CodeSandbox

Or the more advance SimonDev’s triple AAA grass:

How do Major Video Games Render Grass?

[alexander.zhigalov]

Thank you Fennec for answer and usefull links, I will try these variants.
But still the question (I am new to ThreeJS world, so maybe naive one)
is it possible to create a convincing illusion of grass by simply using repeating tiles with a good grass texture? something like below (but it does’t look great, especially when you rotate or zoom in the camera)

[makc3d]

if you mean like really short grass, then yes, it should be possible using something like this

[alexander.zhigalov]

thank you makc3d, will read and try

[Fennec]

@makc3d Yeah! A PBR material might be a better option, found one that should fit this scene stylized-grass1.

This tutorial covers the “how to” map a texture.

three.js - Textures & Texture Mapping

[makc3d]

nah, you will never get enough resolution with a displacement map (

[Chaser_Code]

Maybe shell or fur texturing

GitHub - jose-villegas/FurRendering: Fur rendering in Unity with Shell Texturing

How Are Games Rendering Fur?

[alexander.zhigalov]

Finally I used approach from this article, imho looks decent
And thank you everybody for good links and ideas!

Breathe of the Wild Style grass in Three.js