트렌드뷰 웹강좌 자료실
배경이미지
베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
포토샵 사용법
일러스트 사용법
플래시 사용법
일러스트 만들기
일러스트 배경 만들기
일러스트 아이콘 만들기
일러스트 그래픽 만들기
편집사진 만들기
배경 편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
플래시 스크립트 만들기
  - 액션스크립트 기초
  - 함수
  - for문 이해하기
  - Load 무비
  - 배열
웹구성 요소 만들기
웹 페이지 만들기
비즈니스 홈페이지 만들기
생활 홈페이지 만들기
쇼핑몰 홈페이지 만들기
액션스크립트 기초
Home > 디자인 센터 > 웹강좌 > 플래시 스크립트 만들기 > 액션스크립트 기초
메서드 콜백함수 계층구조의 이해 무비클립 속성 설정 onClipEvent 핸들러 1
onClipEvent 핸들러 2 if문 1 if문 2 startDrag 1 startDrag 2
부드러운 움직임

▶ 플래시에서의 문자와 숫자의 관계
플래시에서 어떤 상황에서 문자로 인식하고 어떤 상황에서 숫자로 인식을 하는지 아래 내용을 하나씩 입력해 보면서 확인해봅시다.

// 문자열 + 문자열 = 문자열합
trace("flash" + "cs")

// 문자열 + 숫자열 = 문자열합
trace("actionScript" + 3);

// 숫자열 + 숫자열 = 숫자열합
trace(5 + 10);

trace(10 + 10 + "house");
trace(10 + "mouse" + (10+5));
문자열 + 문자열은 문자열이 됩니다. 예를 들어 “2002” + “월드컵” 이라고 적을 경우 2002월드컵으로 나타납니다. 그러나 “2002 + 월드컵” 이라고 적을 경우 2002+월드컵 이라고 나타나게 됩니다.

문자열 + 숫자열의 경우 문자열로 인식합니다. 위에서 적은대로 “월드컵” 2002 라고 적을 경우 월드컵2002로 인식합니다.

마지막으로 숫자열 + 숫자열은 숫자열로 인식합니다. 20 + 02 라고 적을 경우 2002가 아닌 22가 됩니다.
③ 이동속도를 이용한 방향 바꾸기
onClipEvent(load){
  speed = 2;
onClipEvent(enterFrame){
  this._x = this._x +speed;
if(this._x > 500 || this._x <50){
  speed = -1*speed;
this._xscale = -1*this._xscale;
  }
}
위 액션스크립트는 무비클립을 매 프레임마다 speed 만큼씩 x축으로 이동시킨 것인데 만약 특정영역(50 ~ 500)을 벗어나면 자신의 속도에 -1을 곱하여 이동 방향을 바꾸게 하고 _xscale에 -1을 곱하여 방향으로 머리를 향하게 하였습니다.
speed = 2; ← 속도를 변수로 지정합니다.
this._xscale = -1*this._xscale; ← scale이 -가 되면 대칭이 됩니다.
speed = -1*speed; ← 스피드가 -가 되면 방향이 바뀝니다.

따라서 특정 영역을 벗어나면 반대 방향으로 회전하여 이동하게 되겠죠? 여기에서 중요한 것이 if문입니다. if문 즉 조건문이라고 하는데 “~ 하면 ~하시오”라는 뜻입니다. if문은 뒤에서 따로 배우도록 하겠습니다.
예제)
//1.속도설정
xspeed = 10;
yspeed = 10;

//2.경계점설정
xPos1 = red._width/2;
xPos2 = 550 - (red._width/2);
yPos1 = red._height/2;
yPos2 = 400 - (red._height/2);

/*경계점 내에 있도록 위치이동
if(red._x < xPos1 || red._x > xPos2){
    red._x = xPos1;
}*/
    
//3.매프레임마다 할일 정하기
red.onEnterFrame = function(){
    //반사
    if(this._x > xPos2 || this._x < xPos1){
        xspeed = xspeed * -1;
    }
    if(this._y > yPos2 || this._y < yPos1){
        yspeed = yspeed * -1;
    }
    this._x = this._x + xspeed;
    this._y = this._y + yspeed;
};
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 회사소개 사진모음 협력사 오시는길 이용약관 개인정보취급방침 전화상담안내 게시판문의 한국어 라인 이미지 中文 라인 이미지 日本語 라인 이미지 해시넷 라인 이미지 타고 라인 이미지 사이트맵 하단 메뉴 배경 이미지
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 1544-8442 | 팩스번호 : 02-6455-2098
사업자등록번호 : 206-81-24351 | 법인등록번호 : 110111-1940504 | 통신판매업신고 : 제18-890호 | 벤처확인번호 : 051134532200563
(우편번호 : 08507) 서울시 금천구 가산디지털1로 168 우림라이온스밸리 A동 8층 (주)아사달
(우편번호 : 153-786) 서울시 금천구 가산동 371-28번지 우림라이온스밸리 A동 8층 (주)아사달
Copyright ⓒ asadal.com All rights reserved.
인터넷 익스플로어 구글 크롬 모질라 파이어폭스
애플 사파리 오페라 넷스케이프
맨위로   접속통계
디지털콘텐츠 No.1 (주)아사달