Comments on: Rotating a Sprite around any point

By: Lorenz

Lorenz — Tue, 06 Apr 2010 17:38:20 +0000

Thank you, u saved my life!

By: jairus

jairus — Fri, 28 Aug 2009 05:40:45 +0000

opps, didn’t read the 4th paragraph

By: jairus

jairus — Fri, 28 Aug 2009 05:38:48 +0000

a simpler solution might be to place the sprite into a container sprite, modify both their x&y properties, and then rotate the container sprite.

By: ALLeX

ALLeX — Sat, 29 Nov 2008 14:39:09 +0000

I’d serch in google for a few hour and finnaly finded you genial post :) This is so simply to rotate sprite around self center.

Ted F.A. – I LIKE YOUR’s solution.

Regards.

By: bartek drozdz

bartek drozdz — Fri, 21 Nov 2008 20:51:46 +0000

@Ted yes, this would be less flexible. If you need to move the center only once – your solution is the simplest and probably the best one for such a case. The one above was designed to change the registration point many times and still keep a fluid movement.

By: Ted F.A. van Gaalen

Ted F.A. van Gaalen — Fri, 21 Nov 2008 20:03:56 +0000

of course this is less flexible

By: Ted F.A. van Gaalen

Ted F.A. van Gaalen — Fri, 21 Nov 2008 18:33:04 +0000

Hi Bartek
There is even a much simpler solution,
just define the Sprite, using negative left upper corner coordinate
like this:

// Define and create the inner rectangle:
innerRect.graphics.lineStyle(1, 0x00FF00, 1);
innerRect.graphics.beginFill(0xFFFFFF);
innerRect.graphics.drawRect(-100,-50,200, 100);
innerRect.graphics.endFill();
innerRect.alpha = 0.6;

addChild (innerRect);
innerRectRotationAngle = -180;
innerRect.x = 300;
innerRect.y = 200;

This rectangle of w 200 h 100
will now rotate around its center!

Saw this in another sample somewhere on the web.
Now, why didn’t i think of this before?

Regards

By: bartek drozdz

bartek drozdz — Thu, 29 May 2008 08:43:57 +0000

Hi, That’s a pretty nice class this MatrixTransformer, and somehow I missed it, and have literally reinvented the wheel here :)

However this one also needs to be wrapped into a class with a getter/setter function, so it can be used with Tweener, so I will take a look at that. Thanks for the tip, Andrew!

By: Andrew

Andrew — Wed, 28 May 2008 23:39:44 +0000

This is a handy class, however you should look into the MatrixTransformer class so that you don’t need to mess with x and y coords of the target object

the relevant methods are rotateAroundExternalPoint() and rotateAroundInternalPoint()

[code]
import fl.motion.MatrixTransformer;

this.addEventListener ( Event.ENTER_FRAME, draw );

var xPoint:int = 200;
var yPoint:int = 200;
var angle:int = 5;

this.stage.addEventListener ( MouseEvent.MOUSE_DOWN, changeRotationPoint );

function changeRotationPoint ( evt:MouseEvent ):void
{
xPoint = this.stage.mouseX;
yPoint = this.stage.mouseY;
}

function draw ( evt:Event ):void
{
var matrix:Matrix = clip.transform.matrix;
MatrixTransformer.rotateAroundExternalPoint(matrix, xPoint, yPoint, angle );

clip.transform.matrix = matrix;
}
[/code]

cheers,