three.js:渲染2d投影

Question

我想呈现一个类似于

。

我的问题是如何渲染脸部的投影。

我尝试使用反光镜，但它的大小和位置很棘手，所以它捕捉到的只是我想要的脸，也显示了侧面。

我也看到我可以用一个单独的画布来渲染(我想象使用一个正射相机)，但是我希望所有的东西都在同一个画布中。我看到了一个有多个视图的例子，但它们似乎不能放在后面。

那么，有没有办法做到这一点呢？

Answer 1

解决这一问题的一种可能办法是：

设置一个正射相机，使它的果肉包围立方体。然后，您可以将相机定位在立方体的每一边，使用lookAt( cube.position )将其正确地定位，然后将场景渲染为渲染目标。每边需要一个渲染目标。然后，您可以将其用作相应平面网格的纹理。

有一个官方的活生生的例子，演示了RTT (呈现到纹理)是如何用three.js完成的。尝试使用它作为您自己的应用程序的代码模板。

https://threejs.org/examples/#webgl_rtt