I’m working on a website displaying different doors
In some cases, a small portion of the door is cut out to show a specific model line. Cutting out works perfectly with “react-three-csg”. The problem I encountered is the following: Since the doors are painted, it is hard to distinguish the door surface from the cutouts. I tried to solve the whole thing with lighting/shadowing, but didn’t find a suitable solution. Does anyone have an idea how I can lift the whole thing so that the cutouts are clearly visible? Attached below are the images:
My suggestion is to try EdgesGeometry. The left image is with slightly protruding details, but because of the colors they are hard to see. The right image has edges drawn with the help of EdgesGeometry.
yeah you are right, with this small cutout it makes no difference… The cutouts can change in size, i guess my solution to make them more visible is to load a transparent greyscale image with it to imitate the shadows. Just to make sure the user can see the cutouts properly.
Thanks for your help though i learned a bit more about postprocessing:)