Javascript 使用three.js在简单框上投影图像

Javascript 使用three.js在简单框上投影图像,javascript,matrix,three.js,texture-mapping,render-to-texture,Javascript,Matrix,Three.js,Texture Mapping,Render To Texture,从盒子形状的2D图像开始,我需要为每个可见面提取平面图像。 多亏了三个js,可以轻松地覆盖一个长方体模型,在我的图像上具有正确的尺寸和视野。 然后,我的想法是将此图像作为纹理“投影”到长方体模型上,这样我就可以“自由”旋转我的纹理立方体。 我发现一些代码可以做到这一点,比如git:。不幸的是,当涉及到锐角时,结果是不稳定的 我还研究了一些解决方案,如聚光灯“投影仪”(),但该解决方案的行为类似于灯光,因此灯光在多边形的相对角度上是不均匀的。此外,我还需要另外三台正交摄影机才能提取出结果图像。

从盒子形状的2D图像开始,我需要为每个可见面提取平面图像。 多亏了三个js,可以轻松地覆盖一个长方体模型,在我的图像上具有正确的尺寸和视野。

然后,我的想法是将此图像作为纹理“投影”到长方体模型上,这样我就可以“自由”旋转我的纹理立方体。
我发现一些代码可以做到这一点,比如git:。不幸的是,当涉及到锐角时,结果是不稳定的
我还研究了一些解决方案,如聚光灯“投影仪”(),但该解决方案的行为类似于灯光,因此灯光在多边形的相对角度上是不均匀的。此外,我还需要另外三台正交摄影机才能提取出结果图像。 我想知道是否有人在考虑一个更直接的解决方案。盒子里的东西。我不太喜欢数学和矩阵变换,但我想如果我知道源图像的顶点坐标,就有可能将其转换成平面图像。
有人知道吗?

我建议你使用Three.js论坛来回答像这样的开放式问题。我认为StackOverflow不是这个基于建议的问题的合适场所,因为您的问题没有一个可能的解决方案。