지구별에서 - Things Old and New :: '무료플래시통합개발환경' 태그의 글 목록

달력

72019  이전 다음

  •  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  
  •  

'무료플래시통합개발환경'에 해당되는 글 4건

  1. 2009.01.30 GradientFill - 급변하는 IT 세계
  2. 2009.01.26 Flex3.0 Project를 FlashDevelop에서 쓰는 법
  3. 2009.01.25 FlashDevelop3(FD3) 사용법
  4. 2009.01.25 무료 플래시 통합개발환경 구축하는 법

GradientFill - 급변하는 IT 세계

 

정년퇴직을 하고 처음 인터넷 강좌를 할 때 첫 강좌에 쓴 강의록엔 아래와 같은 문장이 있다.

 

 

.......세상에는 뭘 가르쳐 주지 못해서 안달이 난 사람들로 가득 차 있는 것 같습니다.  이런 사람 덕택에 인터넷은 살아 있는 백과 사전입니다. 저도 항상 이 웹 페이지를 검색하면서 새로운 것을 배우고 또 새로운 소식에 접하고 있습니다.   저도 또한 그동안 배운 것만큼 되돌려 주려고 애 써 왔습니다. ......

 

그래서 또 더 되돌려 주려고 이 강좌를 쓴다. 

 

그 중에서도 플래시의 GradientFill 이라는 명령어가 있다.  여기에 들어가는 맺음 변수중에 행열이 있다.  공식 매뉴얼에도 그 명령어에 들어가는 맺음변수에 대한 설명이 별로 없다.  처음 전산학을 하는 사람이 그런 수학적 기법을 디자인에 적용한 것이 널리 쓰이게 되었으리라 추측된다. 

 

그러나 보통의 컴퓨터 그래픽 디지이너에게 그런 수학을 설명하기는 어려웠을 것이다.  그래서 매뉴얼은 행열대신 다른 맺음변수를 쓰도록 하고 우물쩡 넘어 갔으리라.   어느 외국 온라인 포럼에서 이것이 무엇이냐 아느 사람 없느냐고 찾고 있었다.  우연한 기회에 그것을 보고 내가 그 수학적 배경을 설명하는 시늉내기 하나를 만들어 올렸었다.  아래와 같은 플래시 무비다.

 

 

 

 

Flash MX 에 들어 있는 

GradientFill 명령어에 들어 가는 행열값과 그 효과를 보는

교육용 무른모.

Radial 을 선택하고

Scaling, Shearing 따위의 단추를 눌러 행열값을 변동시켜

그래픽에 미치는 효과를 알게 해 주는 교육용 무른모

  

 

 

 이 무른모를 만든 이후 Flash 는 MX2004, Flash7, Flash8 으로 진화하더니 ActionScript 3.0을 내어 놓으며 Adobe 사와 합병을  했다.

 

그리고는 Adobe사는  Flex2.0, Flex3.0 과  CS3, CS4 들 내어 놓고 있다. 

 

그리고는 그 명령어도 바뀌고 그 맺음변수도 달라졌다.

 

2006년 Flex 2.0 강좌를 쓸 때 만들었던 데모 프로그램을 오늘 FD3 으로 다시 컴파일해 보니 잘 빌드가 된다.   아래에 올린다.

 

 


 

이 데모에서는 기하적 변환은 넣지 않았다.

행열 대신 

width, height, rotation, tx, ty, fp(focal point) ratio 만 정해 주면 된다.

 

 

잠간 한 눈을 팔면 정신 없이 달려 가는 IT 기술을 따라가기 힘들다.

 

 

'IT > Flex 3.0' 카테고리의 다른 글

GradientFill - 급변하는 IT 세계  (0) 2009.01.30
해와 달 그리고 떠돌이별들  (0) 2009.01.27
Flex3.0 Project를 FlashDevelop에서 쓰는 법  (0) 2009.01.26
FlashDevelop3(FD3) 사용법  (0) 2009.01.25
무료 플래시 통합개발환경 구축하는 법  (0) 2009.01.25
Flex 3.0  (0) 2009.01.20
Posted by Satsol 샛솔

댓글을 달아 주세요

Flex3.0 Project를 FlashDevelop에서 쓰는 법

 

오늘 글에서는 FD3에서 Flex3 프로그램을 하는 법을 플래시무비로 설명한다.

 

앞글에서는 ActionScript3.0 만을 쓰는 프로젝트를 FD3 통합개발환경에서 수행하는 방법을 설명했다.

 

그러나 Flex는 Flex 고유의 코드로 개발해야 Flex3.0 SDK 에 포함된 기본적인 컴포넌트를 활용할 수 있다는 것을 Flex 2.0 강좌를 통해서 알았을 것이다.  

 

이 글에서는 Flex3.0 프로젝트를 FD3 IDE에서 수행하는 법을 플래시 무비로 보여 주려고  한다.

그 방법은 ActionScript3.0 프로젝트 수행법과 거의 같다.  

 

단지 처음 새 프로젝트를 만들 때 Flex3.0을 지정해 주어야  디폴트 Main.mxml  문서를 포함한 기본 틀(Templet)이 열리고  이 문서를 기점으로 프로그램을 짤 수 있다.

 

AS3.0은 이 문서에 삽입하는 법은 Flex 2.0 강좌에서 이미 설명한 바 있다.

 

여기서도 HelloFx.mxml 문서를 빌드하고 무비를 테스트한다.   

 

마지막 출판할 때에는 debug 모드가 아니라 release 모드로 빌드해야 무비의 파일 크기가 작고 swf 파일이 빨리 돈다.

무비를 따라가면서 방법을 익히기 바란다.

 

 

 

 

 이 것으로 일단 Flex3.0 SDK를 FlashDevelp 이라는 통합개발환경에서 프로젝트 수행의 기본은 알았으리라 생각된다.

 

 

 

'IT > Flex 3.0' 카테고리의 다른 글

GradientFill - 급변하는 IT 세계  (0) 2009.01.30
해와 달 그리고 떠돌이별들  (0) 2009.01.27
Flex3.0 Project를 FlashDevelop에서 쓰는 법  (0) 2009.01.26
FlashDevelop3(FD3) 사용법  (0) 2009.01.25
무료 플래시 통합개발환경 구축하는 법  (0) 2009.01.25
Flex 3.0  (0) 2009.01.20
Posted by Satsol 샛솔

댓글을 달아 주세요

FlashDevelop3(FD3) 사용법

 

먼저 명령창에서 Flex2.0를 써서 Actionscript 3.0(AS3) 프로그램하던 것을 FD3 IDE(통합개발환경)에서 어떻게 하는가를 보여 준다.

 

Flex 2.0 에 대한 설명은 전에 올렸던 아래의 플래시클럽의 강좌를 참조하기 바란다.

 

http://www.flashclub.co.kr/bbss/zboard.php?id=tutorial_09

 

아래와 같은 "Hello" 코드를 FD3에서 어떻게 빌드하고 결과물인 플래시 무비(swf 파일)를 Test 까지 하는가를 보여 준다.

 

 

 

package {

        import flash.display.Sprite;

        import flash.display.*;

        import flash.text.TextField;

 

        public class helloAS extends Sprite

        {

public var myText:TextField = new TextField();

 

                public function helloAS()

                {

        

myText.text = "물리로 배우는 플래시입니다.  이것은  Actionscript 3.0 입니다. " ;

myText.x = 50;

myText.y = 250;

myText.width = 350;

trace("trace 로 내 보낸  "+myText.text);

this.addChild(myText);

                }

         }

 

 

  

 

 

아래에 보여 주는 강의동영상은

 

1.AS3 프로젝트를 원하는 디렉토리에 원하는 이름으로 만들면 AS3 프로젝트 기본틀(templet)이 생긴다.

 

2.이 기본틀에는 Main.as 라는 기본 클래스가 따라 오는데 여기서부터  AS3 프로그램을  적어 넣으면 된다.  

 

이 강의에서는 위의 코드를 클립해다 옮기는 것으로 대신한다.  위의 코드에서는 클래스 이름이 helloAS 이므로 파일 이름을 helloAS.as로 바꿔 주어야 한다.

 

3.이 프로젝트를 빌드하기 위해서는 컴파일러 옵션을 셋팅해 주어야 한다. "Project" 메뉴창에서 "Properties" 창에 가서 이 옵션들을 설정한다.

 

4. 위의 코드에서는 trace 명령문이 있다.  이 trace의 출력은 output 창의 끝부분에 나온다.

 

 

 

 

 

 

 

'Play' 단추를 눌러 화살표 커서의 움직임을 따라 가면

FD3 IDE 에서 AS3 프로그램을 어떻게 사용하는가

쉽게 배울 수 있을 것이다.

 

 

 

'IT > Flex 3.0' 카테고리의 다른 글

GradientFill - 급변하는 IT 세계  (0) 2009.01.30
해와 달 그리고 떠돌이별들  (0) 2009.01.27
Flex3.0 Project를 FlashDevelop에서 쓰는 법  (0) 2009.01.26
FlashDevelop3(FD3) 사용법  (0) 2009.01.25
무료 플래시 통합개발환경 구축하는 법  (0) 2009.01.25
Flex 3.0  (0) 2009.01.20
Posted by Satsol 샛솔

댓글을 달아 주세요

무료 플래시 통합개발환경 구축하는 법

 

Adobe 사가 판매하는 Flex 3.0 개발툴인 FlexBuilder3.0 은 정가가 1,518,000이다.

 

상업적인 개발자가 아니고 그냥 배우기만 하려는 학생들에게는 그림의 떡이다.  교육용이라 해도 만만한 값이 아니라고 생각한다.

 

3년전 (2006)에 Flex 2.0 SDK 가 무료로 공개되었을 때 명령창에서 이 Flex SDK를 쓰는 법을 강의했었다.  

 

그러나 나처럼 DOS 시절부터 프로그래밍을 해 온 사람이 아니고는 명령창에서 뭘 한다는 것은 결코 쉬운 일이 아니다.

 

아무리 일괄처리파일(batch file)을 만들어 쓴다해도 익숙하지 않은 사람에게는 어렵기는 마찬가지였을 것이다.

 

이번 Flex 3.0을 다시 쓰려고 설치를 하는 과정해서 FlashDevelp 이라는 통합개발환경(IDE)이 아주 편리하다는 것을 알 게 되었다.

 

Flex 2.0을 쓸 때에도 이 개발툴이 있었다.  내 컴퓨터에도 깔아 놓았었다.  그러나 최신 버전인 FlashDevelop 3.0.0 RC1과 같지 않았다.

 

명령창을 그대로 쓰는 것이 나을 지경이라 무시하고 있었다.

 

무료(Open Source)인 FlashDevelop 3은 어떤 상용 툴에 내 놔도 뒤지지 않을 만큼 잘 발전했다.

 

 

사용자 삽입 이미지

 

FlashDevelop 의 로고

 

 

 

이 무른모는 오픈 소스로 공개되어 있어 합법적으로 내려 받아 사용할 수 있다.

 

이것을 내려받아 깔고  무료인 Flex 3.0 SDK 를 내려 받아 깔면 훌륭한 무료 플래시 개발툴이 된다. 

 

사용자 삽입 이미지

 

Flex 의 로고

 

 

오늘은 이 개발 툴을 설치하는 방법을 간단히 소개한다.

 

가.  준비

FlashDevelop와 Flex3.0 SDK를 설치하려면

Flash Player 9 ActiveX runtime

Java 1.6 runtime (JRE)

가 설치되어 있어야 한다.  

 

나.  FD3 내려 받기

FlashDecvelop 홈페이지에 가서 FD3(FlashDevelop 3.0.0 RC1)을 내려 받는다.

http://www.flashdevelop.org/community/viewforum.php?f=11

 

다.  FD3 설치

FlashDecvelop를 원하는 디렉토리에 설치한다.

 

라.  Flex 3.0 SDK 내려 받기

Flex3 SDK를 내려 받는다.  

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

 

마.  Flex 3.0 SDK 설치

Flex3 SDK를 원하는 디렉토리에 설치한다.  

 

바.  FD3 셋팅(configure)하기

FlashDecvelop를 셋팅한다.

 

 

FlashDevelop 를 설치한 다음 이 풀그림을 열면 아래와 같은 초기 화면을 볼 수 있다.  

 

 

사용자 삽입 이미지

 

FlashDevelop의  초기화면

 

이 초기 FlashDevelop에서 Flex3.0 SDK 를 셋팅하기 위해서는 아래의 플래시 무비에서와 같이 두가지를 지정해 주면 된다.  즉

 

1.  Flex3.0 SDK 가 깔려 있는 디렉토리를 입력해 주고

 

2.  앞으로 사용할 자작 클래스를 저장해 둘 외부 클래서의 디렉토리를 입력하는 것이다.  

 

 

 


 

"Play" 단추를 누르면 앞서 말한 셋팅을 하는 과정을

보여 준다.  "Pause" 단추를 누르면 임시 정지하고

"Stop" 단추를 누르면 다시 시작점으로 되감는다.

 

이 처럼

 

두개의 무료 풀그림을 내려 받아 깔고 간단한 셋팅만 해 주면 훌륭한 플래시 통합개발환경을 무료로 얻을 수 있다.

 

'IT > Flex 3.0' 카테고리의 다른 글

GradientFill - 급변하는 IT 세계  (0) 2009.01.30
해와 달 그리고 떠돌이별들  (0) 2009.01.27
Flex3.0 Project를 FlashDevelop에서 쓰는 법  (0) 2009.01.26
FlashDevelop3(FD3) 사용법  (0) 2009.01.25
무료 플래시 통합개발환경 구축하는 법  (0) 2009.01.25
Flex 3.0  (0) 2009.01.20
Posted by Satsol 샛솔

댓글을 달아 주세요