Question

I am looking for photoshop like warp effect, where an image is not rotated, but lets say the top two points(corners) are shifted, anyone would have any idea how to do that?

or an idea how to shift those two points to the left without moving whole image with skew, current code i’m using

function skewer(target:DisplayObject, _x:Number, _y:Number):void {
var mtx:Matrix = new Matrix();    
mtx.b = _y * Math.PI/180;     
mtx.c = _x * Math.PI/180;     
mtx.concat(target.transform.matrix);     
target.transform.matrix = mtx; 

}

Tried googling a fair bit, the image is loaded in with a loader.

Thanks,
S

Answer 1

There is a great tutorial (with source code) on achieving that effect on flashandmath.com.
http://www.flashandmath.com/advanced/p10triangles/method.html

It gives an effect a bit like this:

I also have a different type of warp effect on my blog. I like to call it the “toilet bowl” effect 🙂
http://plasticsturgeon.com/2011/03/cool-warp-transition-effect-for-text-or-images/

It takes an image and applies two pixelbender shaders to apply a ripple effect and a twirl. Full source code is also provided.