Creating a cut section with a filled surface

Hello, would it be possible to create such a surface showing the cut section in three js? - EXAMPLE

So far I tried searching online and found no solution.

The closest I got is creating an outline where the cut section is, like this - EXAMPLE

Since my model is complex and not a single material the solutions I found don’t work. For example this - EXAMPLE (although maybe using stencil is possible?)

Any suggestions would be highly appreciated, thank you.

№24 from Computer Graphics Études with WebGL and Three.js demonstrates how to fake clipped area. It may work or not work for your case. I don’t know. This is only a suggestion.

https://boytchev.github.io/etudes/threejs/capping-clipping.html

1 Like

Thank you, it almost works, but sadly you can see the material through the window :frowning: -
image