javascript - three.js 是否可以在不裁剪视口(viewport)的情况下在同一场景中制作迷你相机/迷你 map 或第二台相机

Question

如何使用 three.js 制作迷你相机或迷你 map ？

两个相机 View 。一个迷你 map “迷你摄像头”——右上角(见下图)，主摄像头 View 应覆盖场景的其余部分(其余部分，下图中没有边框)。

注意这实际上不能通过 viewport method 完成。 ，因为场景不应该被 x 维度裁剪掉，而应该被拉伸(stretch)。

Answer 1

我已经在以下位置创建了一个场景的工作示例以及一个小 map :

http://stemkoski.github.io/Three.js/Viewports-Minimap.html

我不明白你的注意事项。关于无法使用视口(viewport)完成；正如您将在上面发布的网站上的代码中看到的那样，如果您使用例如位于场景上方的正交相机，您可以设置左/右/上/下值，以便整个场景包含在您的渲染中，你只需要注意高宽比，这样你的场景就不会显得拉伸(stretch)。

另一方面，如果您正在寻找渲染到纹理路线，我在 http://stemkoski.github.io/Three.js/Camera-Texture.html 有一个相关示例但正如 yaku 在他的回复中提到的那样，您将必须更新平面网格的位置，使其遵循相机位置(偏移一定量)和旋转，以便它始终面向相机。由于这种方法更复杂，我强烈推荐视口(viewport)方法。