Reactjs 如何在触摸点上弹出问题或文本字段等文本_Reactjs_Three.js_React Three Fiber

Reactjs 如何在触摸点上弹出问题或文本字段等文本

reactjs three.js

Reactjs 如何在触摸点上弹出问题或文本字段等文本,reactjs,three.js,react-three-fiber,Reactjs,Three.js,React Three Fiber,我目前正在使用react three fiber创建一个游戏，我想实现一个触点，该触点有弹出式问题或文本，玩家将回答这些问题或文本。已经完成了接触点的设置，但我一直在创建一个与接触点对应的弹出窗口。仅根据您的描述和评论（嵌入式和交互式），两个选项可以满足您的需要。第一个选项是在注释内容基本上是纯HTML的地方使用，但您需要在PoC中探索添加带有事件的按钮的交互性。第二个选项是，在这种情况下，HTML必须在运行时构建，并通过发送到CSS2DObject构造函数。我手头上仅有的一个示例是map

我目前正在使用react three fiber创建一个游戏，我想实现一个触点，该触点有弹出式问题或文本，玩家将回答这些问题或文本。已经完成了接触点的设置，但我一直在创建一个与接触点对应的弹出窗口。

仅根据您的描述和评论（嵌入式和交互式），两个选项可以满足您的需要。第一个选项是在注释内容基本上是纯HTML的地方使用，但您需要在PoC中探索添加带有事件的按钮的交互性。

第二个选项是，在这种情况下，HTML必须在运行时构建，并通过发送到

CSS2DObject

构造函数。我手头上仅有的一个示例是mapbox，在这里我使用它们创建海拔高度的工具提示。它通常用于标记，不是交互式的，但当它接收HTML时，我很确定一定有办法在上面创建一个按钮。

这里有一个完整的例子，您可以在react three fiber中声明性地使用html覆盖：您通常会使用CSS2Drender等，但我建议您跳过它，直接使用中的

组件。在它里面，你可以使用任何组件库来弹出窗口或任何你想要的东西。

尝试使用React

Modals

尝试过它，但我找不到一种方法来实现r3f。你想在场景中嵌入这些组件吗？它们必须是交互式的还是可读的？我推荐THREE.CSS2DObject，这是我用于工具提示和标签的。是的，它必须嵌入到场景中，并且必须是交互式的。如果我可以问的话，你有什么例子吗？非常感谢你的回答。它帮助我理解了three.js中的渲染器。不过有点复杂。我真正想要实现的是这样的：您的示例使用react bootstrap中的

Alert

类，这绝对是一个很好的解决方案（正如您所说的，更简单）