[플래시 작업 소스]
1.사이즈가 같은 이미지 7장을 스테이지에 놓고 각자 무비클립으로 변환후 인스턴스 내임 부여
ㅇ 이미지 한장크기 : 520*390픽셀
ㅇ 내임 : img0~img6
2. 이미지 7장을 1장으로 묶어 다시한번 무비클립으로 변환한 후 인스턴스 내임 부여
ㅇ 내임 : main
3. 이 메인이미지에 액션 스크립트 주기
onClipEvent (load) {
this._x = 0;
this._y = 0;
for (var i = 0; i<7; i++) {
this["img"+i]._x = 0;
this["img"+i]._y = i*390;
}
speedy = 0.5;
targety = 0;
}
onClipEvent (enterFrame) {
this._y = this._y+speedy*(targety-this._y);
}
4. 사각형 버튼 일곱개를 만들어 각각 버튼심볼로 변환후 액션 스크립트 부여
ㅇ 버튼에 주는 액션 스크립트(두번째 버튼 예시)
on(rollOver){
clearInterval(id);
_root.main.targety=-390;
}
on(rollOut){
id=setInterval(_root.makeChange, 2400);
}
***각 버튼마다 targety 좌표만 수치 조정***
(0,-390,-780,-1170,-1560,-1590,-2340)
5. 무비 1번 프레임에 함수 스크립트 주기
function makeChange(){
_root.main.targety=_root.main.targety-390;
_root.main._y+=_root.speedy*(targety-_root.main._y);
if(_root.main.targety<-2340){
_root.main._y=0;
_root.main.targety=-390;
_root.main._y+=_root.speedy*(targety-_root.main._y);
}
}
id=setInterval(_root.makeChange,2400);
6. 기타 팁
- 스테이지 크기 : 600*450픽셀
- 사진 1장 크기 : 520*390픽셀
- 메인 이미지(묶음) 크기 :크기 상관없음(자동조절)
- 사진 1장만 나오도록 메인이미지 묶음에 이미지창(520*390)을 만든 다음, 마스크 부여
(레이어 추가한후 마스크 부여)
.