Manipulate/distort image to create elastic/stretchable/jelly-like objects? (warp effect)

Hello,

I’d like to take any display object and “stretch” it when the user touches it and moves his finger around. The touch movement will determine how exactly the object is stretched/distorted. In photoshop this effect is called warp. When the user releases his finger the object should bounce back to its original form.

Applying this on a line/rect should basically make it look like a slingshot or a bouncy string. Applying this on an image should create an effect like in the opening screen of Mario 64 (sorry, couldnt find anything in 2d):

http://www.youtube.com/watch?v=eBotFor1Xlw

Here’s a quick example I made using photoshop of an original image and what it should look like (more or less) after the user stretches the object’s bottom left area towards the bottom left of the screen:

ImageWarp.png

And when a user stretches a line/rect:

LineWarp.png

How can I achieve this with Corona?

Hi @sportyspice,

At this time it’s not really possible, but there will be a number of Photoshop-style effects in the upcoming Graphics 2.0 engine. Here’s a sample video/blog post on it:

http://www.coronalabs.com/blog/2013/05/29/corona-weekly-update-photoshop-style-filter-effects/

Best regards,

Brent

Hi @sportyspice,

At this time it’s not really possible, but there will be a number of Photoshop-style effects in the upcoming Graphics 2.0 engine. Here’s a sample video/blog post on it:

http://www.coronalabs.com/blog/2013/05/29/corona-weekly-update-photoshop-style-filter-effects/

Best regards,

Brent

warping is not possible yet in corona sdk?(after 2 years)

You can do 2.5D effects on rectangles and such to make them look like they have perspective, but there is no variable warping with things like curves.

Rob

warping is not possible yet in corona sdk?(after 2 years)

You can do 2.5D effects on rectangles and such to make them look like they have perspective, but there is no variable warping with things like curves.

Rob