Better Tiling of textures over a large area

Hi,
I am trying to follow this Blender tutorial: https://www.youtube.com/watch?v=3G8SuMFe7JI
to remove noticeable tiling effects with large areas like ground planes etc, but instead of the Blender Shader Editor, I’m using the Babylonjs Node Material Editor.

Here’s the snippet: https://nodematerial-editor.babylonjs.com/#RQGURZ#5

I’ve reached a stage where I can scale and rotate the individual tiles, but there’s this weird artifact surrounding each tile, that doesn’t appear in the tutorial.
It’s like a stretched-out border to each tile.

Can anyone explain and or help me solve this.

Thanks,

Welcome aboard!

The node material always tries to perform the calculation in the vertex shader, for better performance. But in your case, for proper rendering, you need to make the calculation happen in the fragment shader.

To do that, you can change the Target of the latest block (“Add”) connected to the Texture, which will force all the calculation to happen in the fragment shader:

Thanks, I’ve been stuck on that for a while.

Here’s the Custom Node:
https://raw.githubusercontent.com/sigma7zero/night-owl/main/media/TilingRandomizer.json

Here’s the nme snippet:

1 Like