可修改的三角形形状，带有three.js

Question

我刚刚找到了three.js库。我想通过定义一个在顶点上有手握的2d三角形形状来开始使用它，这样我就可以实时修改三角形的形状。如何用three.js完成？

Answer 1

Three.js集合中有一个很好的例子：https://threejs.org/examples/webgl_interactive_raycasting_points.html

使用光线投射，您可以获得有关在任何给定时间交叉的顶点的信息，只需用三角形替换示例几何体。

当用户点击并与顶点相交时，您可以开始跟踪鼠标位置并相应地移动顶点。如果你有一个简单的2D视图你可以使用画布坐标，如果没有，你可以在背景上有一个不可见的平面来找到这里演示的3D矢量（DragControls.js）：https://threejs.org/examples/webgl_interactive_draggablecubes.html