防止一个形状被鼠标拖过另一个 THREE.js

Question

当我用鼠标拖动一个对象时，我试图阻止它穿过另一个对象。碰撞检测正在工作，我只需要防止该形状被拖过另一个形状。

setForCollision: function(symbol){

let cube = new THREE.Box3().setFromObject(this.centerCube[1]);//shape is fixed in place
let cube1      = new THREE.Box3().setFromObject(symbol);//dragging with mouse

if(cube1.isIntersectionBox(cube)){
    console.log(shapes touched);
    //I tried repositioning. It repositions it but doesn't really stop me from dragging it. Any suggestions?
    symbol.position.set(0,0,0);


}

Answer 1

显然下面的工作。我只需要稍微调整一下坐标就可以了。

object.position.set(-7,-10,1);