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

Question

我正在使用三个 js 可拖动多维数据集示例，它是 this。

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

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

我无法拖动 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);
}

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

Drag an obj file using three js

javascript

three.js