6 , 4방향 움직임

스위시맥스4 스크립트 작품6, 4방향 움직임

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

2. Outline 패널에서 Insert - Import Image를 클릭하여 이미지 1장
   을 가져온다. 600/400으로 이미지의 크기를 조절한다.
   O=X, 센터 X=350 Y=250 클릭

3. Outline 패널에서 이미지1을 복사하여 3장 붙여넣기 한다.

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

5. Properties 패널에서 Stop playing at end를 체크를 해제한다.

6. Stage에서 4장의 이미지를 각각 스테이지 상하좌우에 배치한다.
   Outline의 맨위 im1선택 O=X 센타 X=350 Y=-200, 위에서 두 번
   째 X=1000 Y=250, 위에서 세 번째 X=350 Y=702, 맨 아래는
   X=-300 Y=250으로,

7. Tools의 사각형툴을 클릭하고, Stage에 적당히 드래그한다.

8. Properties 패널에서 W/H=600/400, Line style=None,
   Select fill type=Solid, Transform 패널에서 O=X 센터 X=350
   Y=250으로 한다.

9. Outline 패널에서 사각형 쉐입에서 우클릭→Break→
   Break into Pieces를 클릭하고 Regular Grid선택, Columns=2,
   Rows=2, Allow non-triangular pieces, 1번째줄 좌측에서 1번째
   OK, 그룹에서 마우스 우클릭→Grouping→Ungroup을 클릭한다.

10. 이름을 작업창의 좌측 위는1, 우측 위는 2,로 우측아래는 3, 좌측
   아래는 4로 하고 Outline의 맨 위 im1 아래로 1내려주고, 두 번째
   im1 아래로 2내려주고 3은 세 번째 4는 맨 아래로 놓고

11. Outline 패널에서 무비클립개체와 사각형개체를 선택하여 우클
   릭→Grouping→group as movie clip 으로 나마지도 . 모두 4개의
   무비클립이 만들어진다. 이름은 im1으로 하고, Properties 패널에
   서 Use bottom object as mask를 체크한다.

※Trasforme 판넬에서 Movie Clip의 앵커포인트를 중앙으로하고
   selection Tool을 선택하여 중앙의 앵커포인트를 Stage의 원점
   x=0 y=0 로 옮긴다

12. Outline 패널에서 im1무비클립을 펼쳐서 그 안의 im1무비클립을
   선택한 후 Script 패널에서 다음과 같이 스크립트를 적용한다.
   4개 모두 적용한다. 마스크를 여러방향으로 해서 여러개
    만들어 본다

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.85;
    elasticity = 0.5;
    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) {
    txscale = 110;
}
onSelfEvent (rollOut) {
    txscale = 100;
}
on(press){
    _root.gotoAndStop(1);
}

 

6 , 4방향 움직임.swi

 

6 , 4방향 움직임2.swi

 

 

 

 

 

 

6 , 4방향 움직임2.swi

6.09MB

6 , 4방향 움직임.swi

1.03MB