Three.js ThreeJS纹理拟合UV贴图

Three.js ThreeJS纹理拟合UV贴图,three.js,textures,uv-mapping,Three.js,Textures,Uv Mapping,我正在努力开发一个配置程序。是关于杯子的。这些应以3D显示。应上传设计。它通过上传这样的纹理来工作 否则,设计将不适合。有没有办法将全尺寸矩形图像加载为纹理?纹理可能需要拉伸。纹理不应由用户制作成立方体,但可能会在背景中自动生成。。我希望你能理解我。 这是OBJ文件 您的UV贴图看起来很难应用纹理。特别是因为它有太多的空白,并且是以弧形倾斜的,所以你需要扭曲所有的纹理,使它们很好地贴合 您应该让UV贴图为您工作。为什么不使用内置在杯子几何体顶部应用纹理?您可以使用其属性匹配杯子形状的侧面: C

我正在努力开发一个配置程序。是关于杯子的。这些应以3D显示。应上传设计。它通过上传这样的纹理来工作

否则,设计将不适合。有没有办法将全尺寸矩形图像加载为纹理?纹理可能需要拉伸。纹理不应由用户制作成立方体,但可能会在背景中自动生成。。我希望你能理解我。 这是OBJ文件


您的UV贴图看起来很难应用纹理。特别是因为它有太多的空白,并且是以弧形倾斜的,所以你需要扭曲所有的纹理,使它们很好地贴合

您应该让UV贴图为您工作。为什么不使用内置在杯子几何体顶部应用纹理?您可以使用其属性匹配杯子形状的侧面:

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

使用这种方法,您可以保持杯子几何体不变,然后在其上应用“贴纸”纹理。如果你想的话,它可以一直缠绕在杯子周围,也可以仅限于正面。您可以放大它,旋转它,它将独立于在Blender中进行的UV烘焙贴图。另一个好处是,这种方法占用了整个
[0,1]
UV范围,因此您可以简单地使用方形纹理,而不会因空间不足而浪费数据


查看如何使用几何体的配置。

谢谢!对我来说效果很好。@LukasMüller很高兴它成功了!别忘了批准答案,这样会帮助其他在将来遇到同样问题的访问者。