95GSR
플래시 액션스크리브 질문도 괜찮을까요?
좀 아니다 싶으면 답글 달아 주세요.
삭제하도록 하겠습니다.
[질문내용]
플래시 초보입니다. 플래시로 뭔가를 만들어야 하는데, 그 중 하나가 마우스 커서를
따라서 움직이는 이미지 만들기 입니다. 그냥 마우스 커서를 따라서 X,Y 값의 변화를
받아서 움직이는 스크립트는 예제가 많은데, 오리엔테이션이 바뀌는 건 못 찾아서
질문 올립니다.
첨부한 이미지의 B와 같은 스크립트는 많은데, A처럼 마우스가 움직이는 패스를
따라서 오리엔테이션이 바뀌는 건 찾을 수 없네요. 아니면 제가 못 찾고 있을지도..
[메일로 답변을 구하는 건 규칙 위반이라 삭제합니다. 죄송합니다]
마우스 좌표 변경 이벤트가 들어올 때 마다
1. 현재 마우스 좌표 값이 들어온다.
2. 과거 마우스 좌표 값과 현재값을 비교해 궤적의 각도를 구한다. atan2 함수 같은 걸 쓰면 편할 듯 합니다.
3. 구해진 각도 값을 이용하여 오브젝트를 로테이션 시켜 화면에 그린다.
4. 과거 마우스 좌표 값을 현재 마우스 좌표값으로 업데이트 한다.
P.S. 질답 게시판에서 질문의 답변을 메일이나 쪽지로(비공개 형태의 글) 요구하는 것은 실례로 알고있습니다.
그리고 메일부분은 삭제했습니다. 죄송합니다.
위에 박동권님 리플이 맞습니다.
2.0이라면 스테이지나 물체에 onEnterFrame 함수를 써서, 3.0이면 onEnter 메서드를 가지고 처리하시면 됩니다.
현재 마우스 좌표는 2.0에서는 stage.xmouse/stage.ymouse 혹은 3.0에서는 mouseX/mouseY로 구하시면 되고 현재 좌표와 과거 좌표를 넣고 돌리면 됩니다.
찾아보신대로 단순히 따라다니는 것은 어려운게 아닙니다만 각도를 돌리는게 문제인데요.
일단 회전시키는 것은 DisplayObjectContainer에 rotation 메서드로 오브젝트의 각도를 변경할 수 있습니다.
회전각도를 구하는 것은 정확하게 구하려면 삼각함수를 응용하셔야겠네요. (삼각함수 관련 메서드는 Math 클래스 안에 있습니다. 물론 atan2도 있습니다.)
AS3 레퍼런스에 보니 http://livedocs.adobe.com/flash/9.0_kr/ActionScriptLangRefV3/Math.html#atan2() 를 참조하시면 될것 같구요. 각을 라디안 단위로 쓰니 Math.PI를 이용하셔서 각도변환이 필요할 것 같습니다.
참고로 마우스를 부드럽게 따라다니게 하려면 '물체의 x좌표 += (마우스X좌표 - 물체의 x좌표) * 가속값' 공식을 쓰시면 됩니다.
액션스크립트에서는 예를 들어 'BOX.x += (BOX.x - mouseX) * 0.2' 와 같이 표현 가능합니다.
마우스 움직임을 따라 천천히 따라가는 것은 좌표를 여러개 처리해야되서 좀 빡셀 것 같고 단순히 마우스의 현재 위치를 따라가도록 하는게 그나마 빨리만들 수 있을 것 같습니다.
코드를 짜드리고 싶은데 지금 제 컴퓨터에 플래시도 안 깔려있고.. 시간이 안나서 일단 구현로직이라도 써봅니다. 양해부탁드릴께요.