ThreeJS 纹理贴合 UV 贴图

Question

我正在尝试开发一个配置器。是关于杯子的。这些应该以 3D 形式显示。应上传设计。它通过上传这样的纹理来工作。

否则设计将不适合。有没有办法将全尺寸矩形图像加载为纹理？纹理可能喜欢被拉伸。纹理不应该由用户制作成立方体，但可能会在后台自动制作.. 希望你能理解我。 这是 OBJ 文件

Answer 1

您的 UV 贴图看起来很难应用纹理。尤其是因为它有很多空白空间，并且呈弧形倾斜，所以您需要扭曲所有纹理以使其适合。

您应该让 UV 映射为您工作。为什么不使用内置的CylinderBufferGeometry class 在杯子几何图形上应用纹理？您可以使用它的属性来匹配杯子形状的侧面：

CylinderBufferGeometry(
    radiusTop, 
    radiusBottom,
    height,
    radialSegments,
    heightSegments,
    openEnded,
    thetaStart,
    thetaLength
);

使用这种方法，您可以保持杯子几何形状不变，然后在其顶部应用“贴纸”纹理。如果您愿意，它可以一直包裹在杯子周围，或者它可以仅限于前面。你可以放大它，旋转它，它会独立于在 Blender 中完成的烘焙 UV 映射。另一个好处是这种方法占据了整个[0, 1] UV 范围，因此您可以简单地使用方形纹理，并且不会在空白处浪费数据。

Look at this demo 了解如何使用几何配置。