UV mapping/tiling while moving vertices to resize

Help & Support
1

Hi All,

So, I have a situation that texture on the top row of the cube (shaded in blue) is stretched when I move up those four vertices (blue circled ones). Note that the bottom row of the cube is not stretched because its vertices are not affected and keep its UVs.

image
image578×526 4.15 KB

This is a demo project: https://playcanvas.com/editor/scene/1147037
and the screenshot (you can press the up and down arrow to move that vertices:

cube-stretched
cube-stretched738×511 65.2 KB

What I want to do is preserve UVs on the top row so that it will be tiling correctly while moving vertices like this:

cube-repeated
cube-repeated733×505 78.1 KB

Any idea? Thank you!

2

Hi,@cgopia94
I think you could change the uv of that four vertices according to the stretched offset to achieve what you want.

uv
uv820×704 4.13 MB

You can find the project here:
https://playcanvas.com/project/793341/overview/uv-test-w-moving-vertices

4 Likes
3

OMG! This is amazing! Thank you soooooo much.

4

Now the cube got a little more complicated like the following (note that the yellow shaded area is added with a 90 degree rotated UV map). I am still moving up those top vertices and observe all faces are preserving UVs.

image
image1039×1009 222 KB

But, as you see, the front face of the cube is being stretched. How do I fix this? Even I don’t know if this can be fixed. Anyway here is the project:
https://playcanvas.com/editor/scene/1148733
Would you help one more time please?

image
image897×829 198 KB

Thank you,

5

@cgopia94 Yeah,this situtation is a little complicated, you must calculate the uv offset of each vertice:
https://playcanvas.com/project/794567/overview/uv-test--ii

uv
uv932×902 6.02 MB

3 Likes
6

@FBplus Thank you so much again. learned a lot and really appreciated for your time and advices!

1 Like
7

Hi FBPlus,
I understand this is a really old thread and probably the reason the project you shared isn’t available anymore. But, would it be possible for you to share this project again? I was looking for a solution to this problem and this would really help me a lot.

Regards

  • Tanay
8

@Tanay_Dimri Hi, Tanay_Dimri,Sorry for my late late reply.I am afraid I can’t share the project agin since I‘ve already deleted it,and I am currently working on some urgent projects :joy:
anyway, have you find the solution?

1 Like
9

Hi @FBplus,
Thanks for your response. I got it to work in the scene shared in this thread with some changes. But couldn’t get to work in another scene I am working on.
Here is a sample scene I prepared for you to play around with if you get time.

  • “tableTop” is the entity being scaled.
  • scripts > Scaling > rescaleTableTop.js is the one responsible for handling calculations.
  • The input for Length and Width come from the slider in the UI.

Any help with this would be appreciated :slight_smile:

https://playcanvas.com/editor/scene/1224560