三个JS纹理适合UV地图

问题描述 投票:0回答:1

我想开发一个配置器。这是关于杯子的。这些应该以3D显示。应该上传设计。它的工作原理是上传这样的纹理。

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

enter image description here

three.js textures uv-mapping
1个回答
0
投票

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

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

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

enter image description here

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

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

© www.soinside.com 2019 - 2024. All rights reserved.