Threejs中的一个模型上的多个纹理贴图（多个UV？）

Question

这是一个有点长且有点开放式的问题，我很乐意就此获得帮助和意见：

我有一件长袖衬衫的 3D 模型（以 Collada 格式导出的网格）。男士正装衬衫，16领，34袖等，造型精准。

我有三种面料——三种面料都是圆点花纹（也许我是个小丑）。他们的详细信息如下：

1. 1 英寸红色圆点织物有一个直径为 1 英寸的圆点，每英寸重复一次（圆点本质上是相互接触的）
2. 3 英寸蓝色圆点织物有一个直径为 3 英寸的圆点，每 3 英寸重复一次（圆点本质上是相互接触的）
3. 7 英寸绿色圆点织物有一个直径为 7 英寸的圆点，每 7 英寸重复一次（圆点本质上是相互接触的）

我以 32ppi 扫描每块织物并制作了可以无缝重复的纹理贴图（很简单，因为它们是波尔卡圆点）。所以现在我有：

1. red-polka-dot.png 为 32x32 像素
2. blue-polka-dot.png 为 96x96 像素
3. green-polka-dot.png 为 224x224 像素

我想使用 threejs 来展示每种面料在我的衬衫上的真实外观（根据点的大小在衬衫上重复正确的次数）...

据我所知，我有两个问题：

1. 我有“Non-Power of Two”纹理
2. 我的模型上有一个 UV 空间（可能它对应于 Red Polka Dot 面料，因此它会按照应有的方式重复每一英寸）

是否有可能完成我想做的事情？有没有我应该探索的替代方案？

提前致谢。

Answer 1

也许这对问题 2 有帮助） How to repeat the texture map like GL_REPEAT?

for 1) 如果您在纹理平铺方面遇到问题，我的建议是给您一个像 gimp 或 Photoshop 这样的照片编辑软件，并让您的纹理具有 2 分辨率的能力： Three.js Repeat texture fail