javascript - 使用三个js拖拽一个obj文件

Question

我正在使用三个 js Draggable 立方体示例，即 this .

我想用 obj 文件替换内部创建的多维数据集。这就是我正在做的事情。

我已经将obj模型(人脸)添加到objects[]中，所以我认为现在它是所有对象的一部分，并且应该被一条射线相交。

我无法拖动 3D obj 模型，但可以拖动其他立方体。 Raycaster 是否与 3d obj 模型不相交？如何将 obj 模型拖入其中？

Answer 1

尝试解决这个问题example .

<script src="js/controls/EventsControls.js"></script>

EventsControls = new EventsControls( camera, renderer.domElement );
EventsControls.projectionMap = checkerboard;
EventsControls.fixed.y = true;  

var loader = new THREE.OBJMTLLoader();

loader.load( 'models/objmtl/model.obj', 'models/objmtl/model.mtl',
    function ( GingerbreadMan ) {
        GingerbreadMan.position.set( 125, 35, 175 );
        GingerbreadMan.scale.set( 1/3, 1/3, 1/3 );
        scene.add( GingerbreadMan );

        EventsControls.attach( GingerbreadMan );
    }
);

//

function render() {
       EventsControls.update();
       controls.update();
       renderer.render(scene, camera);
}