A responsive triangular prism in three.js -

I want to create a triangular prism in three.js where one user is able to highlight When clicking, its shirr / edges / faces

the color of the triangle is playful on the mouse-move. How can I make a triangle in the form of rectangular planes? I received a steady implementation in the cube and cuboid, but it did not include any rotation of planes and triangles. Here, I have created a different mesh for every 5 objects.

I'm not sure the depth of the canvas renderer is to be trimmed but you can easily get rid of those artifacts. You can use the WebGL renderer.