12, 36개의 버튼

스위시맥스4 스크립트작품 12, 36개의 버튼

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

2. Outline 패널에서 기존 8개의 photo1~8 무비클립을 복사하여 36
   개로 만든 후 상하좌우에 정렬한다. 즉

3. 모두선택 좌상 확인하고 즉 맨 아래 10개선택 X=10 Y=10으로하
   고 10개중 맨위것 선택 X=630으로하고 Align정렬,
그다음 10개선택 X=10 Y=450으로하고 그 10개중 맨 위것 선택
   X=630, Align정렬, 그위 8개선택 X=10 Y=60으로하고 그 8개중
   맨 위것 선택 Y=401.25, Align정렬, 맨위 8개선택 X=630 Y=60으
   로하고 맨 위것 선택 Y=401.25로 Align패널에서 상,하,좌,우,의 썸
   네일 이미지들을 정렬하고 이미지 모두 바꿔준다

4. 이름바꾸기는 Components→Utility→RenameTool더블클릭
   Outline의 RenameTool선택 Window→Parameters클릭
   Bas Object Name에 photo쓰고 Start from=Top,
   Number From=1, Increment=1, Update의 긴사각 클릭하면
   이름이 모두바뀐다. Outline의 RenameTool은 삭제한다

4. Outline 패널에서 Insert-Import Animation을 클릭하여 스크립트
   로 만든 로고를 가져온다. 배경이미지의 우측 아래로 위치한다.

5. Tools의 사각형 툴로 낙관의 좌측과 우측에 사각형을 만들어 위치
   한다.

6. Tools의 사각형 툴로 낙관의 크기로 사각형을 만들어 낙관위에 겹
   친다. 면색을 None으로 한 후 이름은 bt로 한다.

7. Outline 패널에서 bt를 선택한 후 Script 패널에서 다음과 같이 입
   력한다.

on (press) {

    _root.gotoAndPlay(1);

}

8. Outline 패널에서 Scene1을 선택하고, Script 패널에서 다음과 같
   이 입력한다.

function viewPhoto(num) {
    for (i=1; i<=36; i++) {  //이미지갯수
        _root["photo"+i].showState = "off";
    }
    _root["photo"+num].showState = on";
}
onFrame (2) {
    viewPhoto(0);
    stop();
}

9. Outline 패널에서 photo1 무비클립을 선택하고, Script 패널에서
   다음과 같이 입력한다.

onSelfEvent (load) {
    showState = "off";
    tgx = this._x;
    tgy = this._y;
    speed = 5;
}
onSelfEvent (enterFrame) {
    if (showState == "off") {
        this._x += (tgx - this._x) / speed;
        this._y += (tgy - this._y) / speed;
        this._width += (60 - this._width) / speed;
        this._height += (40 - this._height) / speed;
    } else {
        this._x += (80 - this._x) / speed;  //창 보면서 수정, 큰이미지가 좌상의 X=60 Y=40

        this._y += (60 - this._y) / speed;
        this._width += (540 - this._width) / speed;
        this._height += (380 - this._height) / speed;
    }
}
onSelfEvent (release) {
    _root.viewPhoto(1);  //(괄호안의 숫자는 해당 photo의 번호)
}

10. Outline 패널에서 photo2~36에도 스크립트를 적용한 후 자기 번
   호로 수정한다.

 

 

 

12, 36개의 버튼.swi

 

12, 36개의 버튼.swi

9.39MB