在网格上获取相应XY的Z值

时间:2019-05-19 11:48:28

标签: three.js

当我通过X和Y坐标时,我试图在网格上获取Z值。抱歉,我是三个js的新手。

我同样使用raycaster。我的计划是将原点设置在正好位于其正下方的点和方向之上。这样它就可以与网格相交并返回相应的值。

这是我的代码:

PaymentDetailsView

}

但是上面的代码结果显示X和Y位置完全不同,并且Z值肯定不准确。

  

顶部

     

对象{x:58.26593421875712,y:63.505675324244834,z:50}

     

底部

     

对象{x:58.26593421875712,y:63.505675324244834,z:-50}

     

结果

     

对象{x:-2.9414508017947445,y:-13.236528362050667,z:   -2.0969017881066634}

1 个答案:

答案 0 :(得分:0)

  

raycaster.set(top,bottom);

似乎您没有正确使用Raycaster.set()。如您在documentation中所见,该方法需要一个原点和一个方向向量。在您的代码中,您只需传递两点。

  • 第一个参数origin代表射线投射的原点向量。
  • 第二个参数direction是代表射线方向的归一化(!)向量。

three.js R104