javascript - 体素世界中的“剔除”

Question

我有一个充满体素的世界，假设我的世界是 320*320*96 体素。我的想法是将整个世界加载到我的视频卡的内存中，这样在将新的“ block ”传输到 GPU 时就不会损失性能。为显示体素世界而生成的面孔数量应该很容易适合现代图形卡的内存。

但是，我现在面临的问题是如何不显示那个世界的部分内容，我想将这个世界的 View 限制为(例如)128*128*96 并移动世界或相机来显示不同的部分。

为了演示我的问题，请看一个(简单的)场景，该场景由带有白色“可视”区域的地面组成，我正在寻找正确的 WebGL/three.js 函数来将 View 限制为白色部分。

Answer 1

您可以从场景中删除不想显示的体素。

scene.remove( mesh )

当您确实想要显示它们时，将它们添加到场景中。

scene.add( mesh )

我建议将您的体素世界分成 block (如 Minecraft)，然后将这些 block 单独制作成网格。添加您希望在场景中可见的 block 网格，并在您想要隐藏它们时将其移除。