javascript - 实施指针锁定后禁用 A-Frame 光标单击

Question

我在我的项目中使用 A-Frame。有一个光标组件可以让你通过点击与元素进行交互，这与 DOM 点击非常相似。

但是，在我实现了指针锁定后，光标单击不再起作用。指针锁定对我来说效果很好，我可以在场景中四处走动，并且光标总是出现在我面前。

为什么点击不起作用？当我没有进入指针锁定模式时，我可以确认点击工作正常。谢谢！

链接到我的演示：http: //zichao.co/exp/_simu/

我在“#floor”上添加了一个监听器。如果您成功点击了地板，控制台应该会说“你好”。

Answer 1

当您尝试使用 API 实现 PointerLock 时，首先您需要定义一个元素，然后调用 element.requestPointerLock，对吗？这里的问题是那个元素。

我以a-scene元素为元素。你应该做的是将画布作为元素——稍后由a-frame或three.js渲染的画布。

$(document).ready() 函数无法返回画布，因为它是由 three.js 插入到 dom 中的，即在创建画布之前 dom 已准备好。我现在要做的是设置一个循环间隔并检查是否创建了画布，然后激活 PointerLock。

解决了。