Create a procedural door model

My last post in this thread, just for completeness:

The previous demo was for procedurally fixed UVs. Of course, there are flaws, as UV mapping is art and sometimes it needs manual intervention. But for many cases automatic mapping is visually acceptable.

Below is a completely different approach - using 3D textures that do not care about UV coordinates. Here is a demo with artificial procedural wood. There are two doors, the darker one is made of several parts, the brighter one is made of two plates. The 3D texture tries to keep pattern continuity across edges. This is vanilla Three.js, so I’m not sure whether it is easy to react-ify it.

https://codepen.io/boytchev/full/VYevOea

image