Just wondering...

[Chief]

Are there any ways / functions to distort images like this in löve?

Original:


Distorted:

[Robin]

Perhaps with some rotate/scale/rotate combo?

[vrld]

Perhaps with some rotate/scale/rotate combo?

No, you would need a 'shear' transformation, which is not supported by love.graphics

[Taehl]

Darn. That would be /really/ handy. It wouldn't be so complex to do (assuming Love renders each image as a 2-polygon rectangle)... Maybe we should request this feature?

[Robin]

I'd say so, especially if there's already an OpenGL or SDL API call to do that, which just has to be exposed.

[Chief]

Im sure I've seen this been done in the "3D Dice" game:
http://love2d.org/forums/viewtopic.php?f=5&t=1692

... to draw the faces of the dices.

[Jasoco]

It only skews. It doesn't distort.

[Chief]

I'd say so, especially if there's already an OpenGL or SDL API call to do that, which just has to be exposed.

Indeed!

It only skews. It doesn't distort.

I guess that would work too.

[Jasoco]

The Dice thing fooled me at first too until I noticed that the images that were being used for faces could only be skewed like a rhombus. Rather than distorted over a trapezoidal shape which is the main ingredient for making textured 3D polygons.

Once Löve can do distorted images shaped to any polygon mask, we'll be able to do real 3D. If only low-polygon. Though people have proven Löve is pretty powerful in the past and can do a lot of stuff really fast while keeping a fair enough framerate.

We'll need to be able to:
A) Define a polygon shape with 3 or more sides
B) Apply an image to that shape
C) Adjust the image's base coordinates and rotation

love.graphics.texturedPoly(image, quad, imageoffsetX, imageoffsetY, imagerotation, imagescale, x1, y1, x2, y2, x3, y3 ...)

Or something like that. Maybe simpler. Of course the points portion would accept an array of X and Y coordinates if need be.

[vrld]

love.graphics.texturedPoly(image, quad, imageoffsetX, imageoffsetY, imagerotation, imagescale, x1, y1, x2, y2, x3, y3 ...)

As cool as that would be, it would introduce another problem:
How to map the texture onto the polygon? Where is the "origin" of the texture to take the offset from?
More technically: What texture coordinates to assign to the vertices (xi,yi) of the polygon?
I suppose you could introduce something like love.graphics.texturedPolygon(image, x1,y1,u1,v1, ...) where u and v denote texture coordinates; but that seems rather unlövely.
on another note: love-glsl is probably capable of such things...