'Rotation'에 해당되는 글 1건

  1. 2008.06.03 [팁] 플렉스에서 컴포넌트들 가운데 중심으로 회전시키기 (1)
2008.06.03 17:18

[팁] 플렉스에서 컴포넌트들 가운데 중심으로 회전시키기

플래시에 가운데 중심으로 회전을 하는 것은 아주 쉽다(무비클립 만들 때 아예 가운데 중심으로 만들면 됨)

그런데 플렉스에서는 모든게 컴포넌트 중심으로 기본적으로 (0, 0)이 센터로 생성되기 때문에

rotation 값을 줘봐도 (0, 0)을 기준으로 회전이 이루어지며

만약 가운데 중심으로 정렬을 하려면 불필요하게 부모 컨테이너 클래스를 회전하는 방법을 써야했다.

이리 저리 머리 굴리다 보니 Matrix를 사용해서 간단하게 특정 포인트 중심 정렬하는 법을 사용해봤다.

var cx:int = target.width/2;
var cy:int = target.height/2;
var a:int = 15;
var m:Matrix = event.target.transform.matrix;
var p:Point = m.transformPoint(new Point(cx, cy));
m.translate(-p.x, -p.y);
m.rotate(a*(Math.PI/180));
m.translate(p.x, p.y);
target.transform.matrix = m;

이 소스는 target의 가운데(x, y)를 중심으로 회전하는 코드다.
Trackback 0 Comment 1
  1. 지돌스타 2008.10.01 14:37 address edit & del reply

    좋은 예제입니다. ^^