THREE.js - 对象选择不会在使用OBJMTLLoader加载的对象上报告父对象名称

时间:2015-09-30 11:52:22

标签: javascript three.js .obj

我使用OBJMTLLoader加载了一个带有MTL文件纹理的OBJ文件。 我从http://threejs.org/examples/webgl_loader_obj_mtl.html复制了示例。

主要对象(穿着西装的男人,头发,手和鞋子)显示正确的纹理(例如眼睛,嘴巴,领带,按钮)。

加载的对象是一个包含10个子节点的THREE.Group,每个子节点都是THREE.Object3D,它还有3个,5个或7个子节点THREE.Mesh对象。

这是用于加载OBJ和MTL的js代码......

// ============================================= =====

function SOW_F_Load_OBJMTL_Model ( givenFilespec, mtlFilespec, givenName, givenScene, givenHexColorStr, posX, posY, posZ,  rotX, rotY, rotZ, scaleX, scaleY, scaleZ )
    {

          THREE.Loader.Handlers.add( /\.dds$/i, new THREE.DDSLoader() );

          var ObjMtl_loader = new THREE.OBJMTLLoader();

          ObjMtl_loader.load( givenFilespec, mtlFilespec, SOW_F_make_LoadedOBJ_Handler ( givenName, givenScene, givenHexColorStr, posX, posY, posZ,  rotX, rotY, rotZ, scaleX, scaleY, scaleZ ) );
        }

    } 



//=============================================

function SOW_F_make_LoadedOBJMTL_Handler( givenName, givenScene, givenHexColorStr, posX, posY, posZ, rotX, rotY, rotZ, scaleX, scaleY, scaleZ )
{

    return function ( object )
    {
        object.position.set( posX, posY, posZ );
        object.rotation.set( rotX, rotY, rotZ );
        object.name = givenName; 
        object.scale.set( scaleX, scaleY, scaleZ );
        givenScene.add( object );

        object.traverse (  function ( child )
                {
                    if ( child instanceof THREE.Mesh ) 
                    {
                        child.userData.rootObject = object;                         
                        //... following are for when material doesn't load
                        child.geometry.computeFaceNormals(); 
                        child.geometry.computeVertexNormals();   
                        child.geometry.normalsNeedUpdate = true; 
                    }
                }
             )  

        object.updateMatrix(); //... without this the next command is not effective.
        xxx = SOW_F_grob_Add_to_Target_Set( object );
    };

}

我的问题是对象选择不会报告使用OBJMTLLoader加载的相交对象的名称。它会报告纹理材质的名称或空白。

对象选择在我在THREE.js代码中创建的网格对象上运行正常。

我已经尝试了Picking Object3D loaded via OBJMTLLoader中建议的修正,包括(在交叉路口选择代码中):

var intersects = ray.intersectObjects( scene.children, true );

和(在对象子处理代码中):

child.userData.rootObject = object; 

但是他们没有解决它。

请有人建议我需要做些什么来使对象选择报告加载OBJMTLLoader的对象的父对象?

1 个答案:

答案 0 :(得分:1)

啊,愚蠢的我,我只需要查找所选交叉对象的rootObject名称!

当对象A相交时,选择引用对象B(要报告其名称的对象或其他对象): -

var intersected_object_A = intersects[ 0 ].object; //... nearest object

然后,如果相交的对象A具有属性userData.rootObject,则可以选择rootObject作为引用对象B.

if ( intersected_object.userData.rootObject )
    { var referred_Object_B = intersected_object_A.userData.rootObject }

否则选择相交的对象A本身。

else
    { var referred_Object_B = intersected_object_A }

alert ("You clicked on:" + referred_Object_B.name );