액션스크립트 3.0에 해당하는 글 1

무작정 시작하는 Flash CS 5 / ActionScirpt 3.0 시작!! 1화) 클릭 구현하기!

학습|2012. 9. 7. 01:39
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

아 요즘 플래쉬랑 ActionScript를 배우고 싶다고 생각했는데...

음냐리 책들이 왜이리 개론이 많고 알아듣기 힘든지 모르겠다...

그래서 그냥 혼자 공부하려고 한다. (책은 있다.ㅋ 사왔음)


(이거 보고 하고 있다.)


액션스크립트 강의노트

저자
김기민 지음
출판사
가메 | 2012-02-17 출간
카테고리
컴퓨터/IT
책소개
웹 디자이너이자 개발자 김기민의 『동적 인터페이스에 도전하는 김...
가격비교



뭐 앞에 개념들 다 넘기고 내가 만들고 싶은 것들만 하나씩 구현해보면서 하려고 한다.

사실 높은 수준을 구현하려면 모든 개념을 알고 시작해야겠지만...

그 전에 내가 지칠듯.... 우엉;; 


그래서 구현 중심으로 작업을 시작하려고 한다.  (난 Flash도 처음 써본다. ^-^;;)


아래 글은 내가 나중에 다 잊고서 다시 시작하더라도 쉽게 할 수 있도록 하기 위한 기록들이다.


---맨 처음은 박스를 클릭하여 텍스트 출력하기!!!---


1) 먼저 Flash를 구동한다. (아이콘 더블 클릭)


2) Flash에서 ActionScript 3.0 를 선택하여 새로운 플래쉬 파일을 만든다.


  (아래 파랗게 칠한부분을 클릭하여 ActionScript 3.0 파일을 만든다.)

  (.. 다른 걸로 생성해도 될지 안될지는 모르겠다. 안된다고 가정하자! ㅋ)


 

3) 오오 하얀 화면이 뜰 것이다. 거기에 박스를 만들자!!!

 박스는 가장 오른쪽에 보면 박스 같은 놈 있다. 그 버튼을 클릭 후에, 햐안 부분에 가서 마우스를 클릭~드레그하여 박스를 만들 수 있다.

 (이거 못 만들겠음... 그냥 동영상 강의 찾아보시길 ㅋ)






4) 그리고 화면에 출력될만한 글자 위치를 만들자

글자는 아까 박스 위에 위에 T자 버튼을 클릭 후, 화면에 마우스를 클릭하고 글자를 쓴다.

글자는 아무거나 원하는데로 쓴다.






자! 그럼 이제 버튼 클릭을 구현할 수 있는 기본적인 상태가... 아직 안되었구나


박스와 글자에 부분에 이름을 붙여 줘야 한다.


근데 박스는 Symbol을 만들어줘야 한다.

뭐 다른 의미가 있겠지만... 개인적으로는 ActionScirpt 3.0으로 조절하려면 Symbol이 되어야 한다.

근데 박스는 Symbol이 아니다. ㅠㅠ


5) 심볼, 만드는 법은 간단하다.

먼저 선택버튼으로 박스를 선택한다.

그다음 우클릭하면 매뉴가 나오면, Conver to Symbol을 클릭한다.



7) 그럼 아래 창이 나온다. 박스를 지칭할 이름을 결정하자! 그리고 그냥 OK를 누른다.

(원하는걸루 나는 Box를 추천한다. 내가 그렇게 쓸꺼니칸 ㅋㅋ)



9) 아까 써진 텍스트에도 이름을 주어야 한다. 이미 심볼인듯 따로 Convert는 필요 없다.

 하지만 아래처럼 먼저 선택하고 이름을 붙여 주자.

(원하는 걸로 해도 되나, TextBox1을 추천한다. 내가 그렇게 쓸꺼니깐.)




8) 어!... 근데 박스에 이름이 잘 안들어가 있네...Convert to Symbol 떄 이름 붙이는 걸로는 안되나보다...

그거랑 인스턴스 이름이랑은 다른 건가보다..제길슨. 귀찮지만 박스를 클릭하고 인스턴스 이름을 붙이자.

텍스트에 이름 붙이는 것과 같으니... 따로 설명하지 않겠다.



10) 그리고 이제 선택을 취소해야 한다. (박스도 글자도 선택 안되야 한다!)

아무 흰 배경을 클릭하고 F9키를 눌러보자.

아래와 같은 화면이 나올 것이다.

우와! 여기다 스크립트를 입력하면 된다.!!!!



입력할 스크립트는 아래와 같다.




import flash.events.MouseEvent;


Box.addEventListener(MouseEvent.CLICK,clickHandler)


function clickHandler(e:MouseEvent):void

{

TextBox1.text = "Click 되었다!"

}



대소문자를 구분하니 조심하자.


스크립트를 설명하면...



이렇다. 자세한 내용은 책이나 다른걸 봐라



자~! 힘들게 썼는데 확인해야죠!!


CTRL + ENTER를 쳐봐라!

잘 실행될꺼다~ 안되면... 몰라~ 난 되었으니 ㅋㅋㅋ

아.. 근데 이렇게 간단한 것도 세세히 쓰니 너무 길다;;

다음에는 코드나 이런걸로 간단히 써야할듯하다....

혹시 다른 사람들도 볼까 해서 더 써놨는데.. 익히는 것보다 이게 더 시간 오래걸린다.. ㅠㅠ








댓글()