使用 three.js 将按钮添加到单个 .obj 文件

Question

我正在使用 three.js 将多个 obj 文件加载到场景中。这些文件组合在一起形成一个单元。我的目标是允许对渲染单元的每个部分进行颜色自定义。我正在尝试将按钮放在单元的每个部分上，以便在单击时可以为用户提供单元部分的不同自定义选项。我不知道如何解决这个问题。我的一切都加载得很好，但是在弄清楚如何将子对象添加到单元的不同组件时遇到了麻烦。任何帮助将不胜感激。

Answer 1

当鼠标悬停在对象上时，我使用 raycaster 在对象上显示标签

 //Create a vector to project mouse on objects
 var vector = new THREE.Vector3(mouseX, mouseY, 1);
 projector.unprojectVector(vector, camera);

 raycaster.set(camera.position, vector.sub(camera.position).normalize());
 // Find intersected object
 var intersects = raycaster.intersectObjects(scene.children);

 if (intersects.length > 0) {
    var intersected = intersects[0].object;
    // drawtag is a method defined on the object to draw the additionnal elements (shape, text...)
    intersected.drawTag();
 }