javascript - 三个 js 使用大尺寸的 json 文件显示 3D 图像

Question

我有显示 3D 图像的要求。我有一个大小为 80 MB 的 .obj 文件，我将其转换为也接近 75 MB 的 json 文件。现在使用三个 js 我可以显示旋转的 3D 图像但问题是速度。加载 3D 图像需要将近 1 分钟。

其他客户希望在同一页面上显示 2 张这样的图片 我也可以这样做，但加载图片需要将近 4-5 分钟。

是否有提高速度的解决方法？？

Answer 1

如果对象的大小为 80MB，则不应将其视为适合在 Web 应用程序中使用。如果模型似乎没有高度的细节，那么也许您的导出器有问题，您会得到很多不需要的额外信息。如果模型非常复杂，那么您唯一的选择就是大幅简化模型，或者找到另一个多边形数量较少的模型。

如果模型直接来自客户，不幸的是，您将面临说服他们了解其局限性的艰巨任务。

如果你一定要使用这些模型，也许你可以尝试压缩数据并在客户端解压缩。快速谷歌提出了这个 Stack Overflow 问题作为起点:

Client side data compress/decompress?

编辑:也许您可以将其分解成单独的部分。由于它是一种索引格式，您可能仍然需要先下载所有顶点数据，然后再下载索引数据 block 。

如果您想更深入，可以尝试将索引数据分成 block 并计算每个 block 需要哪些顶点。不能保证最终结果看起来会那么好，所以可能不值得付出努力。也就是说，通过一些分析，您可能可以重新排列索引，以便模型以合理的顺序加载，比如从前到后，或从左到右。

如果您有一位 3d 美术师，将模型分解为多个模型并将它们一个一个地加载到场景中可能会更容易。这可能看起来更干净，因为您可以对在哪里切割模型做出艺术选择。