AS3 작업 환경 구축하기

ActionScript를 한번 배워볼까 싶어서

 

거금을 들여 책도 구입 한김에 작업 환경을 꾸며보려고 한다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

우선 필요한 것은 Flex SDK 다.

 

이글을 쓰는 시점에는 3.4 버전이 나와있고 4 버전은 beta가 나와있다.

 

3.4 버전을 아래링크에서 다운 받는다.

 

http://www.adobe.com/products/flex/flexdownloads/

 

 

 

개발도구는 FlashDevelop 라는걸 한번 써보려고 한다.

 

FlashDevelop-3.0.3-RTM.exe 파일이 최근 release 인것 같다.

 

아래 링크로 들어가서 다운 받는다.

 

http://www.flashdevelop.org/community/viewtopic.php?f=11&t=5339

 

 

 

그다음은 Flash Player를 debug 가능한 걸로 설치해야 한다.

 

아래 링크로 들어가서 Projector Content Debugger 를 받아야 하는데

 

10 과  9 버전중에 편한걸로 받는다.

 

나는 9 버전 exe 파일을 받았다.

 

http://www.adobe.com/support/flashplayer/downloads.html

 

다운 받은 다음 그냥 한번 실행시켜주면 자동으로 연결된다.

 

 

그리고 준비되야할것이 1.6버전 이상의 Java이다.

 

 

 

자 이제 설치를 해보자.

 

Flex SDK 는 적당한 곳에 압축을 풀어놓자.

 

나는 D:\dev\Flex3sdk 디렉토리를 선택했다.

 

 

다음은 FlashDevelop 을 설치하자.

 

기본 설정으로 그대로 설치했다.

 

설치가 완료 되면 실행 하고 설정을 해줘야 한다.

 

F10 을 눌러 Program Setting 으로 들어간 다음

 

AS3Context 부분에서 Flex SDK Location 부분에 좀전에 SDK 압축을 풀어논

D:\dev\Flex3sdk 디렉토리를 선택하자.

 

 

 

New Project 를 시작한다음

 

ActionScript3 에서 Empty Project를 선택하고

 

Name 에 HelloWorld

Location 에 적당한 Flex 프로젝트를 저장할 디렉토리를 선택하고

 

Create directory for project를 체크해서 프로젝트 별로 디렉토리가 생성되게 하자.

 

 

OK 버튼을 누르면 Author 를 물어보는데 본인 아이디나 닉네임을 적자.

 

그러면 오른쪽 Project 패널안에 HelloWorld(AS3) 라는 부분이 보일것이다.

 

그부분에 마우스 오른쪽 버튼을 누르고 Add -> New Class 를 선택한다.

 

Class Name 을 물어보는데 HelloWorld 라고 입력한다.

 

 

그러면 HelloWorld.as 라는 이름으로 편집 화면이 열릴것이다.

 

아래와 같이 소스를 편집한다.

package 
{
 /**
  * HelloWorld!
  * @author KyRanDiA
  */
 
 import flash.display.MovieClip;
 import flash.text.TextField; 
 
 public class HelloWorld extends MovieClip
 {
 
  public function HelloWorld()
  {
 
    var t:TextField = new TextField;    
    t.text = 'Hello world!';
    addChild(t);
   
   
  }
 
 }

}

Java 를 해본 사람이라면 문법이 그리 낯설지는 않을것 이다.

문법 체크를 하고 싶다면 F7 키고

Ctrl + F8 을 누르면 Build Current File 이다.

 

그리고 F5 Test Movie , F8 Build Project 이다.

실행되면 Flash Player 에 Hello World! 가 찍혀서 나오면 성공이다.