Hi, I’d like to achieve an effect similar to this image, to add at the ground a little 3d effects (short grass) and avoid tiling repetitions. [Schermata 2024-06-09 alle 08.23.36] Maybe some combining techniques? Fur? Instances? adding Noise? Adding bump map? Adding Details? Please can you help …

Some great examples: [image] Field of grass? Questions Prefacing this question by saying I have no idea what I’m doing. Been reading for a few days about how I could make a field of grass, and curious if my conclusion is roughly right. As far as I can tell, there is no g…

Thanks Regna, but I think these solutions are very CPU/GPU consuming… I don’t need that type of high and defined grass but only an effect for very low grass and ground with low elevation…

you should have a look at shell texturing for enhanced performance for low grass: https://www.babylonjs.com/Demos/Fur/ https://doc.babylonjs.com/toolsAndResources/assetLibraries/materialsLibrary/furMat

Thanks to all! I’ve take a look at some examples and I wonder me: for best performance, there is a way to use the texture present in the below playground (adding a little bump effect?), make it seamless with noise or other methods, and then unevenly add some short grass (with fur or similar)? …

For the bump effect, I would recommend using a normal/bump map. You can find good normal maps with their corresponding albedo texture at https://freepbr.com/ You can definitely use a height map to create a landscape see here: Babylon.js docs To make the texture seamless on a deformed terrain, you …

Thanks, but sorry, for seamless I mean no evident pattern repetitions… Also in triplanar projection the pattern repetions are evident: Babylon.js Playground Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes

[image] CrashMaster: To make the texture seamless On flat ground, I forgot the name of the technique but, they copy a texture rotate/scale it a bit and then overlay it back onto the original texture. Something like that. Google like: avoid terrain texture tiling. But one thing I noted is tha…

Alright, there are solution for this as well. First you can warp the uv coordinates in a fragment shader with this technique Shader - Shadertoy BETA The other solution is to blend two textures or more with some noise. In both of these cases, I think you will have to do some shader tinkering …

are you referring to this one? [Prevent Tile Texture in Terrain]

Yes, cool, some nice approaches there!

How to achieve grass "3d effect" similar to this one

Questions

regna June 9, 2024, 6:38am 2

Some great examples:

Topic		Replies	Views
Field of grass? Questions	41	5832	May 21, 2024
Low Grass Texture Assets (7-tiles) - Free to download and use (PG preview included) Tutorials and tips material , texture , grass	5	351	August 22, 2024
Weird pixelized coloring near camera Questions	23	1190	October 27, 2022
Curious if it's possible to sample multiple tiling textures from a single texture atlas in babylon.js Questions material	33	3856	January 10, 2023
Shader Talk - Conversations on GLSL Questions	122	8966	July 13, 2023

How to achieve grass "3d effect" similar to this one

Related topics