Texture mapping

Questions
1

Hi there,

  1. Im importing mesh(glb) from github and adding texture using S3 bucket “https://devprojectupload.s3.ap-south-1.amazonaws.com/32490.png”. But problem is the text in image looks like mirror image when i add as texture on glb.
    For example look at Happy Birthday text.
    Capture2

But actual image is like this

Capture3
Capture3974×481 49.4 KB

What could be the issue?

Here is image link where im getting texture.
“https://devprojectupload.s3.ap-south-1.amazonaws.com/32490.png”

  1. How can achive this output.
    mug
    mug600×600 20.1 KB

Right now im getting this as output, texture image will be wrapped all over the mug but instead i want to have texture only outside the mug like above example.’

Capture

Here is the playground link

Thanks in advance

2

Hi Pavanpk!
Try rotating the UV albedo texture

mat.diffuseTexture.uAng = Math.PI;

I would also recommend editing the model (Blender, 3Ds Max, Maya…) to adjust different materials and apply the texture only on the outside

1 Like
3

You can try to play with the texture properties (u/vOffset, u/vWrap, u/vScale) and a bit of custom code to fill the black color because of using clamping:

image
image779×728 87.1 KB

But if you want your picture to go fully around the mug you will need to update the uv mapping in a DCC tool (Blender, …) and probably make the handle a separate mesh, else it will get mapped with the picture.

7 Likes
4

Thank you so much for the info @DRLeria

1 Like
5

Thank you so much @Evgeni_Popov

1 Like