스크립트예제 하트안에 이미지.swf
|
|
스크립트예제 하트안에 이미지
1. movie 700/500 창에맞추고
2.이미지 6장을 불러오고 W=500 H=375 이름을 위부터 1.2.3.4.5.6
3. 6개선택 복사 제자리붙이기 W=60 H=50 고치고 화면 오른족 아래
에 즉 6개 선택된상태에 Transform에서 O=X 좌상 Y=445 1선택 X
만 355 6선택 X만 635로 하고 버튼이미지 6개선택→Window→
Align에서 정렬
4.큰이미지 1~6까지선택 우클릭→Grouping→group as movie clip
으로묶고 이름을"image" image 를 중심축을 left top(좌상) 에 놓고
image 열고 이미지1부터 6까지선택 중심축을 left top(좌상) 에
놓는다
5. 줄로 나열시키기 중심축 left top 에 놓고 1의 x=0 y=0. 2의 x=700
y=0 3의 x=1400 y=0 4의 x=1400 y=500 5의 x=700 y=500
6의 x=0 y=500 로나열한다
6. 사각선택 Stage에 대충 그려주고 W=60 H=50 라인=실선 색=빨강
크기=3, 솔리드=None
7. 세이프 선택 우클릭→Grouping→Group as Movie Clip으로. 이름
은 outline으로 Stage의 위치는 1번버튼 이미지와 같다.(1의X=355
Y=445 2의 X=411 Y=445 3=467/445 4=523/445 5=579/445
6=635/340) Transform 패널에서 O=X 좌상으로 한다.
8. 신1선택 Insert→Import!! Animation을 클릭하여 카페에서 다운받은
title 애니메이션을 가져온다. Stage의 위치는 우측위로 한다.
9. 사각튤 선택 그려주고 W=700 H=500, Line=None, Solid로
Transform에서 O=X 좌상 X=0 Y=0 정렬한다.
10. Autoshape Tools의 하트튤을 선택그려주고 라인=논 솔리드
Transform에서 O=X 좌상 X=0 Y=0 W=350 H=250로 하트
복사 총4개만들고 아우라인의 맨아래는 그대로 두고 아래서 두 번
째는 X만350 위두 개의 Y=250 맨윗것만선택X만 350로. 작업창
의 아래 하트 두 개는 Transform에서 센타 Flip vertical (수직뒤집
기). 뒤집은후 다시 좌상에놓고 4개선택 복사 한번
11. Outline 패널에서 4개의 하트 선택된상태에 우클릭→Grouping→
Group as Shape 예 이름을 heart,로 아래 하트4개와 사각세이프
선택 우클릭→Grouping→Group as Shape 예 이름을 heartbox로
12. Outline 패널에서 image 무비클립을 복사한 후 Paste In Place
이름은 image로 한다.
13. Outline 패널에서 개체들의 순서를 Scene1 아래로 outline 무비
클립, title 무비클립, 버튼 이미지1~6, image 무비클립, heart,
image 무비클립, heartbox로 한다.
14. Outline 패널에서 1번째 image 무비클립과 heart를 선택 우클릭
→Grouping→Group as Movie Clip을 클릭한다. 이름을 ih로 한다.
마스크를 체크한다.
15. Outline 패널에서 2번째 image 무비클립과 heartbox선택 우클릭
→Grouping→Group as Movie Clip을 클릭한다. 이름을 ihb로 한
다. 마스크를 체크한다.
16. Outline 패널에서 각각의 개체를 선택한 후 다음과 같이 스크립트
를 입력한다.
- outline에 붙일 스크립트
onSelfEvent (load) {
targetX = 355;
targetY = 445;
speedX = 0.3;
speedY = 0.3;
}
onSelfEvent (enterFrame) {
this._x = this._x + speedX * (targetX - this._x);
this._y = this._y + speedY * (targetY - this._y);
}
- title에 붙일 스크립트
onSelfEvent (rollOver) {
this.stop();
}
onSelfEvent (rollOut) {
this.play();
}
- 1 에 붙일 스크립트
on (press) {
_root.ih.image.targetX = 0;
_root.ih.image.targetY = 0;
_root.ihb.image.targetX = 0;
_root.ihb.image.targetY = 0;
_root.outline.targetX = 355;
_root.outline.targetY = 445;
}
- 2 에 붙일 스크립트
on (press) {
_root.ih.image.targetX = -700;
_root.ih.image.targetY = 0;
_root.ihb.image.targetX = -700;
_root.ihb.image.targetY = 0;
_root.outline.targetX = 411;
_root.outline.targetY = 445;
}
- 3 에 붙일 스크립트
on (press) {
_root.ih.image.targetX = -1400;
_root.ih.image.targetY = 0;
_root.ihb.image.targetX = -1400;
_root.ihb.image.targetY = 0;
_root.outline.targetX = 467;
_root.outline.targetY = 445;
}
- 4 에 붙일 스크립트
on (press) {
_root.ih.image.targetX = -1400;
_root.ih.image.targetY = -500;
_root.ihb.image.targetX = -1400;
_root.ihb.image.targetY = -500;
_root.outline.targetX = 523;
_root.outline.targetY = 445;
}
- 5 에 붙일 스크립트
on (press) {
_root.ih.image.targetX = -700;
_root.ih.image.targetY = -500;
_root.ihb.image.targetX = -700;
_root.ihb.image.targetY = -500;
_root.outline.targetX = 579;
_root.outline.targetY = 445;
}
- 6 에 붙일 스크립트
on (press) {
_root.ih.image.targetX = 0;
_root.ih.image.targetY = -500;
_root.ihb.image.targetX = 0;
_root.ihb.image.targetY = -500;
_root.outline.targetX = 635;
_root.outline.targetY = 445;
}
- ih의 +로된 image에 붙일 스크립트
onSelfEvent (load) {
targetX = 0;
targetY = 0;
speedX = 0.2;
speedY = 0.2;
}
onSelfEvent (enterFrame) {
this._x = this._x + speedX * (targetX - this._x);
this._y = this._y + speedY * (targetY - this._y);
}
- ihb의 +로된 image 에 붙일 스크립트:
onSelfEvent (load) {
targetX = 0;
targetY = 0;
speedX = 0.1;
speedY = 0.1;
}
onSelfEvent (enterFrame) {
this._x = this._x + speedX * (targetX - this._x);
this._y = this._y + speedY * (targetY - this._y);
}
'스위시세상 > 스위시 고급' 카테고리의 다른 글
| roll over, release Button galley (0) | 2010.03.29 |
|---|---|
| 다중마스크 원형 갤러리 (0) | 2010.03.29 |
| 라인 보이기 (0) | 2010.03.22 |
| 대각선 이미지갤러리 (0) | 2010.03.19 |
| 깨어지는 글 (0) | 2010.03.19 |