three.js 中的响应式三角棱镜

A responsive triangular prism in three.js

我想在 three.js 中创建一个三棱柱,用户可以在点击时突出显示它 vertices/edges/faces

三角形的颜色在鼠标移动时闪烁。 我怎样才能使三角形像矩形平面一样稳定?我在立方体和长方体中实现了稳定的实现,但不涉及平面和三角形的任何旋转。 在这里,我为 5 个对象中的每一个都创建了一个单独的网格。

我不确定 CanvasRenderer 是否具有深度排序,但您可以轻松地使用 WebGLRenderer 去除这些伪像。