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

时间:2015-08-26 16:17:19

标签: javascript three.js

我将obj文件的数量加载到具有three.js的场景中。文件组合在一起形成一个单元。我的目标是允许渲染单元的每个部分进行颜色自定义。我试图将按钮放在单元的每个部分上,以便在单击时我可以为用户提供单元部分的不同自定义选项。我不知道如何处理这个问题。我把所有东西都加载得很好,但我很难搞清楚如何将子对象添加到单元的不同组件中。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分: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();
 }