使用three.js在简单的盒子上投影图像

问题描述

从盒子形状的2D图像开始,我需要为每个可见面提取平面图像。 多亏了三个js,您可以轻松地以正确的尺寸和我的图像覆盖框模型。

box to faces

然后,我的想法是将该图像作为纹理“投影”到盒子模型上,因此我应该能够“自由”旋转我的纹理立方体。
我找到了一些可以做到这一点的代码,例如git:https://github.com/marcofugaro/three-projected-material。不幸的是,当涉及到锐角时,结果是不稳定的。
我还看了一些解决方案,例如那些聚光灯“投影仪”(https://cdn.rawgit.com/usefulthink/three.js/projector-lights-preview/examples/webgl_lights_projectorlight.html),但是该解决方案的行为像光一样,因此光在多边形的相对角度上是不均匀的。此外,我还需要其他三个正交摄影机才能提取结果图像。 我想知道是否有人在考虑一种更直接的解决方案。开箱即用的东西。我不太喜欢数学和矩阵转换,但是我想如果我知道源图像的顶点坐标,就可以将其转换为平面图像。 有人知道吗?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)