탄력적 움직임 버튼이용

스위시맥스4 스크립트 4 (탄력적 움직임 버튼이용)

 

1. 스위시맥스4를 실행한 후 Properties 패널의 Movie Properties
   버튼을 클릭하여 다음과 같이 설정한다. Background color=검정,
   Width=700, Height=500, Frame rate:25, SWF9

2. Outline 패널에서 Insert - Import! Image를 클릭하여 이미지 8
   장을 가져온다. 600/400으로 이미지의 크기를 조절한다. 순서를
   위에서부터 image1~8로 한다.

3. Outline 패널의 8장의 이미지가 선택된 상태에서 마우스 우클릭→
   Convert→Convert to Movie Clip을 클릭한다. 이름은 위에서부터
   im1~8로 한다.

4. Propertise 패널의 Stop playing at end는 체크를 풀어준다.

5. Transform 패널에서 O=X 센터로 한다.

6. Transform 패널에서 width/height=50/40으로 한다. O=X 센타
   X=100 Y=470으로 하고 8만 X=570으로 얼라인 정렬

7. Outline 패널에서 Scene_1선택 Insert - Movie Clip을 클릭한다.
   이름을 im0으로 한다.

8. Outline 패널에서 im0~8까지 선택한 후 마우스 우클릭→
   Grouping→Group as Movie Clip을 클릭한다. 무비클립의 이름은
   im이라고 한다.

9. Outline 패널에서 im 무비클립을 펼친 후 im1~8 무비클립을 복사
   하여 Scene1에 제자리 붙여넣기 하면 버튼과 겹친다.

10. Outline 패널에서 im 무비클립을 펼친 후 im 무비클립을 선택한
   다. O=X 센타에서 X,Y,0, 지점으로 끓어다 논다

11. Timeline 패널에서 다음과 같이 설정한다.
   - im : 1~9프레임에 stop()을 적용한다.
   - im0 : 1프레임에 place, 2프레임에 Remove
   - im1 : 2프레임에 place, 3프레임에 Remove
   - im2 : 3프레임에 place, 4프레임에 Remove
   - im3 : 4프레임에 place, 5프레임에 Remove
   - im4 : 5프레임에 place, 6프레임에 Remove
   - im5 : 6프레임에 place, 7프레임에 Remove
   - im6 : 7프레임에 place, 8프레임에 Remove
   - im7 : 8프레임에 place, 9프레임에 Remove
   - im8 : 9프레임에 place

12. Outline 패널에서 순서를 Scene1 아래로 다음과 같이 위치한다.
   버튼으로 사용할 im1~im8, 이미지로 사용할 im 순으로 한다.

13. Stage 아래쪽으로 버튼으로 사용할 im1button~8button과 이미
   지로 사용할 im1~8을 겹친다. im0은 중앙에 위치한 포인점을
   x.y 0으로 끓어다논다

14. Tools의 사각형툴을 이용하여 이미지가 위치할 곳에 테두리를
   만든다. Outline 패널의 위치는 맨 아래로 한다.

15. Outline 패널에서 im1button~8button무비클립에 다음과 같은
   스크립트를 적용한다. _root.im.gotoAndStop(2);의 숫자만 2=3, 3=4,
   4=5, 5=6, 6=7, 7=8, 8=9로 바꿔준다

onSelfEvent (load) {
   easing = 0.85;
   elasticity = 0.5;
   txscale = 9;
   ts = 0;
}
onSelfEvent (enterFrame) {
   ts = ts * easing + (txscale - this._xscale) * elasticity;
   this._yscale = this._yscale + ts;
     this._xscale = this._xscale + ts;
}
onSelfEvent (rollOver) {
   this.txscale = 10;
   this.swapDepths(1);
}
onSelfEvent (rollOut) {
   this.txscale = 9;
}
on(press){
   _root.im.gotoAndStop(2);
}

18. Outline 패널의 im무비클립내의 im1~8무비클립에 다음과 같은
   스크립트를 적용한다.

onSelfEvent(load){
   MovieClip.prototype.elasticMove = function(a, b, tx, ty){
   var tempx = this._x;
   var tempy = this._y;
   this._x = a * (this._x - tx) + b * (this.prevx - tx) + tx;
   this._y = a * (this._y - ty) + b * (this.prevy - ty) + ty;
   this.prevx = tempx;
   this.prevy = tempy;
   }
}
onSelfEvent(enterFrame){
   this.elasticMove(1.2, -0.6, 350, 250);
}
onSelfEvent (load) {
   easing = 0.2;
   elasticity = 0.2;
   txscale = 100;
   ts = 0;
}
onSelfEvent (enterFrame) {
   ts = ts * easing + (txscale - this._xscale) * elasticity;
   this._yscale = this._yscale + ts;
     this._xscale = this._xscale + ts;
}
onSelfEvent (rollOver) {
   this.txscale = 100;
}
onSelfEvent (rollOut) {
   this.txscale = 90;
}

 

 

 

 

탄력적 움직임 버튼이용.swi

 

 

탄력적 움직임 버튼이용.swi

3.53MB