▣宇山 스위시,플래시/플래시

플래시 액션스크립트 포토갤러리(2)-클로드 모네를 찾아서

woosanje 2010. 11. 26. 22:00
[플래시 작업 소스] 
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)을 만든 다음, 마스크 부여
   (레이어 추가한후 마스크 부여)
.