Decal sinking under texture

[WhiskeyJack]

Hello, I am trying to add decals to a Tajine Plate mesh, but it somehow doesn’t appear in the bottom part, also the image looks duplicated along the seam and distorted somehow.
Here are the decalMaterial properties.

map: decalTexture,
transparent: true,
depthTest: false,
depthWrite: false,
polygonOffset: true,
polygonOffsetFactor: -5,
polygonOffsetUnits: 1,
blending: THREE.NormalBlending,
and the positions
const decalSize = new THREE.Vector3(0.15, 0.15, 0.15);
const decalPosition = new THREE.Vector3(0, 0.5, 0.02);
const decalOrientation = new THREE.Euler(0, Math.PI / 2, 0);

[Fennec]

The negative value polygonOffsetFactor: -5 might be the culprit, or the decalPosition try to adjust the y value.

You can set wireframe: true on the main material of the Tajine’s mesh, to see how the decal aligns with the mesh geometry.

@WhiskeyJack

also the image looks duplicated along the seam and distorted somehow.

Could be related to the mesh geometry UV. You may need to refine the UV mapping to minimize distortion.

[WhiskeyJack]

nothing really changes when I change the polygonoffset, as for decal position if I change it a bit the decal just disappears.

Could be related to the mesh geometry UV. You may need to refine the UV mapping to minimize distortion.

I don’t think that’s the issue, I made sure the uv mapping was as clean as possible, here is an example on how it looks with another texture on.