3-13. 다이나믹한 버튼 만들기(2) - 지도 활용

다이나믹한 버튼 만들기(2)- 대한민국 지도 활용

1. 마우스에 이벤트에 따라 움직이는 버튼

이전의 그리기 기본 강좌에서 다루어보았던 지도를 다음과 같은 다이나믹한 모양으로 편집해봅시다.

[예제 파일]

대한민국지도1.fla

마우스를 지도 위에 올려보세요.

이 지도에 사용된 기법은 버튼의 네 가지 프레임(업/오버/다운/히트)의 성질을 이용한 것입니다.

 

[만들어보기]

1) 각 시도 영역을 버튼 심볼로 변환시켜줍니다.





2) 스테이지의 버튼 인스턴스를 더블클릭하여 편집창으로 들어간 후
F6키를 연속으로 눌러 오버-다운-히트 프레임 모두에 키프레임을 넣어줍니다.




3) 오버 프레임을 선택한 후 마우스를 버튼 위에 올렸을 때의 모양을 편집합니다.
여기서는 크기를 약간 크게하고 테두리 선을 넣었습니다.
그리고 경상남도라는 글자를 넣었습니다.


이와 같은 방법으로 모든 시도를 버튼으로 변환한 후 내용을 편집해주면 위와 같은 작품이 만들어지게 됩니다.




[완전정복]

위 예제에서는 오버 프레임에 도 이름만을 넣어주었습니다만 추가 정보를 같이 넣어주면 더 멋진 작품이 될 것입니다.
전체 무비 감상에 지장이 없을 정도의 크기로 스테이지 전 영역에 걸쳐 정보를 넣어도 상관이 없습니다.

위의 완성된 예제에서 제주도 부분을 참고하십시오.

2. 소리 나는 버튼 만들기

이제 한 걸음 더 나아가 음향이 곁들여진 버튼을 만들어 봅시다.

소리를 포함하는 버튼을 만들어보겠습니다.
사실 소리 구현은 플래시에서 너무나 간단해서 의아할 정도입니다.