-
photography by Kristel van Beek
10 Oct: Matrix rotation
posted by: martijn, at 10 October 2008 14:53 GMT+1, 13 August 2009 23:19 GMT+1
I found a nice article of 8bitrocket on how to create a rotated bitmap of a DisplayObject. This works nice if the source is a square but with objects with different width and height values it's a bit tricky. (it could be that I didn't see the solution but it's a huge article).The code for a square:Write a comment for this articlevar matrix:Matrix = new Matrix(); matrix.translate(-16,-16); matrix.rotate( -90 * (Math.PI / 180 )); matrix.translate(16,16); var matriximage:BitmapData = new BitmapData(32, 32, true, 0x00000000); matriximage.draw(displayObject, matrix);
For a non-square it is:
var matrix:Matrix = new Matrix(); matrix.translate(-100,-10); matrix.rotate( -90 * (Math.PI / 180) ); matrix.translate(10,100); var matriximage:BitmapData = new BitmapData(32, 32, true, 0x00000000); matriximage.draw(displayObject, matrix);
As you can see the width and the height are switched at the second translate.
All rights reserved |
Design and Development by Martijn van Beek |
Managed by Flexibility |
Photography by Kristel van Beek
You have Flash Player version: (click to check if you got the latest)
You have Flash Player version: (click to check if you got the latest)