Three.js Object appears Hollow after Clipping?

Question

I am trying to clip off portions of a box in three.js , but each time the box crosses the ClipPath it's insides appear hollow.

Is there a way to render the box so it looks solid after it is clipped?

Or is there an easier way to clip the ends of the box that stick outside the bounds of this triangle?

I'm still learning so any help is greatly appreciated. Thank you!

Answer 1

You would have to insert a triangle yourself to make the new face resulting from the corner being cut off.

It's a simple example of a powerful general technique called Constructive Solid Geometry.