Threejs WebXR 控制器检测手答案

【问题标题】：Threejs WebXR controller detect handThreejs WebXR 控制器检测手
【发布时间】：2020-08-31 13:27:35
【问题描述】：

首先，我是three.js 中的一个完整的菜鸟，目前正在努力检测控制器的手。我想实现这样的目标：

for (let i = 0; i < 2; ++i) {
  const controller = renderer.xr.getController(i);
  console.debug(controller.hand); // 'left', 'right' ??
  scene.add(controller);
}

最好的方法是什么？

【问题讨论】：

以前从未使用过 XR，但也许您可以browse through the webxr examples 看看其中是否有人区分左手或右手？您可以点击右下角的< > 按钮查看源代码。

标签： three.js webxr

【解决方案1】：

您可以使用XRInputSource.handedness。来自specification：

handedness 属性描述了 XR 输入源与哪只手相关联（如果有）。

在three.js 中，输入源被映射到控制器。这意味着您可以像这样评估惯用手：

controller.addEventListener( 'connected', ( event ) => {

    console.log( event.data.handedness );

} );

three.js r116

【讨论】：