I export GLB files from CLO3D and open them in three.js editor.
This works - the 3D model and texture look the same in the editor as in CLO3D.
Then i use Object Export in THREE JS editor.
This also works with the exception that some parts of the cloth have a negative Offset value.
“offset”: [-0.6037601232528687,3.8170480728149414],
a) Where should I start debugging to avoid the negative values?
- I can’t move the textures to another position in CLO3D because of the design.
b) Why is the texture displayed correctly in the THREEJS editor but the exported offset values are incorrect?
Are you sure these values are incorrect? A negative offset is perfectly valid, and might be the intent of your models. If you can share the source model perhaps we can say why it’s there.
swimsuit-test-texture.glb (1.3 MB)
Thank you!
This is a screenshot of the backside of the model in the three js editor. Here the texture is correct.
When I use the repeat/offset values from the exported json file in my code, the texture is displayed incorrectly if the values are negative.
gltf.scene.traverse(child => {
var texture = new THREE.Texture(c);
var material = new THREE.MeshStandardMaterial({
map: texture
});
texture.wrapS = texture.wrapT = THREE.RepeatWrapping;
if (child.isMesh && child.name === "front") {
texture.repeat.x = "0.0018510930240154266";
texture.repeat.y = "0.0013232423225417733";
texture.offset.x = "0.48021915555000305";
texture.offset.y = "3.002615213394165";
child.material = material;
texture.needsUpdate = true;
}
if (child.isMesh && child.name === "back") {
texture.repeat.x = "0.0018510930240154266";
texture.repeat.y = "0.0013232423225417733";
texture.offset.x = "-1.0908446311950684";
texture.offset.y = "1.8996845483779907";
child.material = material;
texture.needsUpdate = true;
}
})
swimsuit-without-texture.glb (622.7 KB)
