Improved MaterialX example

[mrdoob]

Description

Trying to improve the MaterialX example:

Before	After

With this configuration we can see that the transparent materials have issues.

@sunag Any ideas of how to make the TSL grid nicer looking? Turns out Claude knows TSL already! 😮

[WestLangley]

With this configuration we can see that the transparent materials have issues.

Set the render order.

plane.renderOrder = - 1;

[sunag]

@sunag Any ideas of how to make the TSL grid nicer looking? Turns out Claude knows TSL already! 😮

Wow, this will help a lot.
I'm impressed, the leaps in AI evolution are no joke.

[mrdoob]

@WestLangley

With this configuration we can see that the transparent materials have issues.

Set the render order.

plane.renderOrder = - 1;

Done!

[WestLangley]

See if forcing the Calibration Mesh to render prior to the Preview Mesh helps with sorting issues.

Note that there are both transmission and transparency tests in this demo, and that implies different sort groups.

[mrdoob]

That fixed it 🙏

However, now I noticed that the transmissive render with a frame of delay and makes the geometry inside move around...

Screen.Recording.2025-08-01.at.3.06.05.AM.mov

A problem for another day though...

/fyi @sunag

[mrdoob]

Found a nicer approach using fwidth:
https://madebyevan.com/shaders/grid/

Before	After

d71fc38