0

我目前正在使用 react-three-fiber 创建一个游戏，我想实现一个接触点，其中包含将由玩家回答的弹出问题或文本。已经完成了接触点，但我坚持创建一个与接触点相对应的弹出窗口。

4

2 回答 2

1

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

第二个选项可能是CSS2DObject，在这种情况下，HTML 必须在运行时CSS2DObject构建并通过CSS2DRenderer. 我手头上的唯一示例是 mapbox，我使用它们在高度中创建工具提示。它通常用于标记，而不是交互式的，但是当它接收 HTML 时，我很确定必须有一种方法可以在其上创建一个按钮。 在此处输入图像描述

在这里你有一个完整的例子CSS2DRenderer和CSS2DObject

于 2020-07-29T11:10:53.480 回答
0

您可以在 react-three-fiber 声明式地使用 html 覆盖：https : //codesandbox.io/s/r3f-suspense-zu2wo 您通常会使用 css2drenderer 等，但我建议您跳过它并直接使用drei<Html />中的组件. 在里面你可以使用任何组件库来弹出窗口或任何你想要的。

于 2020-07-29T20:12:50.523 回答