画像の回転

背景でチップがクルクル回るようにしました。

この際、DisplayObject#rotation は 左上 を基準に回転するので、画像の中央などを中心にしたい場合使えない。

そこで、DisplayObject#.transform を使えばいけた。変換行列で「平行移動→回転→平行移動」。数学で習ってますよね。

	addEventListener( Event.ENTER_FRAME, rotateBackgroundChip );
// ... 中略
private function rotateBackgroundChip( event:Event ):void {
	var rotationMatrix:Matrix = image.transform.matrix;
	rotationMatrix.translate( -baseX, -baseY); // 左上へ平行移動
	rotationMatrix.rotate( 0.04 ); // 回転
	rotationMatrix.translate(  baseX,  baseY); // 元の位置へ平行移動
	
	image.transform.matrix = rotationMatrix;
}