1. 首页
  2. three.js

three.js如何更新光线投射器和交点的对象位置

我是新来的Three.js到目前为止,我已经走了很长的路,只有我有这个问题,我不能解决。我有一个glTF人脸模型,它成功地“观察”了鼠标的位置。我在整个窗口中进行跟踪,甚至在画布之外(这是必需的)。因为画布不会是全屏的。n现在我遇到一个问题,脸部方向与鼠标位置不对齐。当我将画布放在右侧的一列中时,会发生此问题,对象认为画布仍然来自窗口的左上角。我正在使用此代码跟踪鼠标=新建3.Vector3(); document.addEventListener(“mousemove”,onMouseMove,false);函数>n我真的不知道如何解决这个问题。如何更新相对于屏幕的新对象位置,以便光线投射器和切面点根据其位置对齐面方向?n由Mugen87在第3篇文章中解决了n尝试像这样计算鼠标坐标:>n因为这有点难以解释,这里有一个指向我的(站点7)的链接,其中包含所有代码。将鼠标放置在模型的前端时,可以看到对齐问题。它应该朝前看,而不是轻微的偏离。-如果我将画布直接放在左侧,则不会发生这种情况。thomassr:n当我将画布放在右侧的一列中时,对象会认为画布仍然来自窗口的左上角。n尝试像>/pre>n那样计算鼠标坐标魅力!谢谢Mugen87!n How to update object position for Raycaster and Intersectionn

three.js如何更新光线投射器和交点的对象位置 为WP2原创文章,链接:https://www.wp2.cn/three-js/three-js%e5%a6%82%e4%bd%95%e6%9b%b4%e6%96%b0%e5%85%89%e7%ba%bf%e6%8a%95%e5%b0%84%e5%99%a8%e5%92%8c%e4%ba%a4%e7%82%b9%e7%9a%84%e5%af%b9%e8%b1%a1%e4%bd%8d%e7%bd%ae/