I can't understand U and V in meshes

[Zarty55]

I'm trying to make a little quad textured with a canvas (which is a image of 1x9). The canvas is pretty much this:



I'm using this code in a draw callback:

Code: Select all

  mesh:setVertex(1, 0, 0, 0, 0, 255, 255, 255, 255)
  mesh:setVertex(2, 45, 20, 1, 0, 255, 255, 255, 255)
  mesh:setVertex(3, 45, 30, 1, 1, 255, 255, 255, 255)
  mesh:setVertex(4, 0, 50, 0, 1, 255, 255, 255, 255)
  lg.draw(mesh)

But the texture is in a weird shape:



I've never used meshes, so I'm not sure what the problem is. Thanks already

[micha]

The u-v coordinates are correct, but the x-y coordinates are not. You set them to these:

(0,0) -- (45,20) -- (45,30) -- (0,50)

This is not a rectangle, but exactly the shape you have in the image you posted. If you want a rectangle then do something like this:
(0,0) -- (45,0) -- (45,50) -- (0,50)

or more general with two numbers a and b:
(0,0) -- (a,0) -- (a,b) -- (b,0)

[Karai17]

The u-v coordinates are correct, but the x-y coordinates are not. You set them to these:

(0,0) -- (45,20) -- (45,30) -- (0,50)

This is not a rectangle, but exactly the shape you have in the image you posted. If you want a rectangle then do something like this:
(0,0) -- (45,0) -- (45,50) -- (0,50)

or more general with two numbers a and b:
(0,0) -- (a,0) -- (a,b) -- (b,0)

(0,0) -- (a,0) -- (a,b) -- (0,b)