Action-Scripter | Seonggyu Gang

Search Results for 'Flash'

434 POSTS

1 2 3 4 5 6 ... 44

Posted at 2009/12/13 17:32

http://www.action-scripter.com/blog/trackback/1278

Flash IDE로 작업을 하다 보면 프로젝트 규모에 따라 fla를 여러개 생성해서 작업해야 하는 경우가 있습니다. 상황에따라서는 여러 폴더에 fla를 분산해서 관리해야 하는 경우도 발생하죠. Flash IDE로 Asset을 만들고 Flash Builder로 작업을 하고 있는데 예전에는 모든 걸 Flash IDE에서 처리했기 때문에 fla 파일이 많아진다고 해서 별 두려움 없이 자연스럽게 fla 파일 하나씩 퍼블리쉬를 했는데요. FDT를 쓸 때는 ANT를 이용해서 프로젝트에 해당되는 fla 파일을 묶어서 한 번에 퍼블리쉬를 할 수 있었죠. Flash Builder에서도 ANT를 이용하면 여러 fla 파일을 한 번에 퍼빌리쉬 할 수 있습니다.

하지만 FDT나 Flash Builder를 사용하지 않고 Flash IDE에서 한번에 여러 fla 파일을 퍼블리쉬 하는 방법이 있습니다. 바로 Project 패널인데요. 개인적으로 Project 패널은 처음 Flash IDE에 포함된 이후 가장 기대했던 기능 중 한 가지인데 생각했던 것 보다는 기능적으로 업그레이드 속도가 많이 느린 패널이 되어버렸죠. 하지만 Flash CS4부터는 이름에 걸맞은 기능들이 포함되기 시작했습니다.

말그대로 Project 패널은 진행중인 프로젝트와 관련된 파일들을 일괄적으로 관리할 수 있는 효과적인 패널인데 많은 분이 제대로 사용을 하지 못하는 것 같더라고요. 이번 기회를 통해 이 패널을 사랑하게 되실 거라 믿어 의심하지 않습니다. 일단 여러가지 기능이 있지만 그래도 가장 눈에 띄는 기능은 바로 여러 fla 파일을 한 번에 퍼블리쉬 할 수 있는 기능이 아닐까 생각됩니다. (Flash CS3에서는 프로젝트 메인 파일만 퍼블리쉬 되었던 걸로 알고 있는데..)

간단히 사용 방법을 설명해보겠습니다.
먼저 Windows 메뉴의 Other Panels를 보면 Project 패널이 있습니다.
패널을 열고 새로운 프로젝트를 생성합니다.

이미 프로젝트를 진행해서 fla 파일이 많이 생성된 상태여도 상관없습니다. Root folder 필드에서 현재 프로젝트의 fla 파일이 모여 있는 폴더를 선택하고 Create Project 버튼을 클릭하면 해당 폴더에 있는 모든 파일이 Project 패널에 들어오게 됩니다. 저는 Project 패널에서 fla 파일만 관리합니다. as 파일들은 Flash Builder에서 관리하기 때문에 fla 파일이 모여있는 폴더를 Root folder로 지정해서 사용하고 있습니다.

이렇게 fla 파일이 Project 패널에 추가되면 이제부터 fla 파일을 열 때 윈도우 탐색기나 Flash IDE에서 파일을 찾지 않고 바로 Project 패널에서 더블클릭으로 해당 fla 파일을 열어서 사용할 수 있습니다. 이 것도 상당히 편리한 기능이죠. 여러 프로젝트를 동시에 진행한다면 프로젝트를 여러개 생성해서 사용할 수도 있습니다. 상단에 있는 프로젝트 리스트 콤보박스에서 원하는 프로젝트를 선택하기만 하면 끝이거든요.

이렇게 여러 fla 파일을 가지고 작업을 한 후에 한 번에 퍼블리쉬를 하려면 Project 패널 우측에 보면 각각의 파일에 체크 박스가 있는 것을 볼 수 있습니다. 퍼블리쉬를 하고 싶은 파일에 체크를 하고 아래 그림처럼 오른쪽 상단의 톱니바퀴 아이콘을 클릭하고 나서 Publish Project를 클릭하면. 짜잔~

마법 같은 일이 벌어집니다. 현재 Flash IDE에 열려 있지 않은 선택된 모든 fla 파일이 자동으로 열렸다가 퍼블리쉬가 끝나면 자동으로 닫히고 다음 fla 파일이 열리고 자동으로 닫히고. 한번의 클릭으로 원하는 모든 파일을 한 번에 퍼블리쉬 할 수 있답니다.

Flash CS4에서는 CS3에서는 없었던 다양한 기능들이 추가로 포함되어 있습니다. 위치럼 자동화 처리 기능이 대표적으로 추가된 기능이라 볼 수 있을 것 같고요. 프로젝트 관리를 위한 기능도 포함되어있습니다. CS5에서 기능적으로 추가된 기능이 없을 정도로 CS4의 Project 패널은 그 완성도가 상당히 높다고 말씀드릴 수 있겠네요. 물론 아직 부족한 점이 있는건 사실이지만 충분히 프로젝트 진행하면서 효과적으로 사용할 수 있는 패널이라 생각됩니다.

Flash CS5, Project 패널

Comments List

Mr.Unknown 2009/12/13 21:41 # M/D Reply Permalink

아... 플래시에서 프로젝트 창 한때 많이 썼는데,
그 때도 저렇게는 사용을 안해봤네요.
흐흐흐흐. 좋은 정보 감사해요.

=====
UnknownGrotesQ
1. 땡굴이 2009/12/14 01:18 # M/D Permalink
  
  그래 좋은 정보 감사하다면 그 Apps 이름 좀 알려줘봐. 무료 어플로 바뀐 어플 리스트 출력해주는거? 혹시 너가 알려준게 아니었나..
2. Mr.Unknown 2009/12/14 04:56 # M/D Permalink
  
  그거 저도 생소한 이야기인걸 보니 제가 알려드린거 아닌 것 같은데요 (...)
  
  =====
  UnknownGrotesQ
3. Blackiz 2009/12/15 02:36 # M/D Permalink
  
  흠.. 나도
  
  ===
  Blackiz
  
  요거 남길까.. ㅋㅋㅋ
Han Sanghun 2009/12/15 14:56 # M/D Reply Permalink

환경설정에서 추가한 클래스패스가 망가지는 버그가 있다는...
(내 컴퓨터에 한정된 문제인지도 모르지만)
1. 땡굴이 2009/12/16 09:43 # M/D Permalink
  
  아 그런 버그가 있어? 난 이거 아직 fla 빨리 찾기 쉽고 퍼블리쉬 용도로만 쓰고 있는데 빌더 정식버전나오면 빌더에서 파일 다 관리하고 컴파일 할 수 있으으면 좋겠는데 말이지 크크.
ChoiDoll 2010/01/31 22:31 # M/D Reply Permalink

와~정말 편하게 작업을 할수 있겠어요~^^ 좋은 정보 정말 감사합니다.
1. 땡굴이 2010/02/01 02:47 # M/D Permalink
  
  네 아직도 플래시에는 숨은 기능들이 무궁무진 한 것 같아요.

Posted at 2009/12/01 23:12

http://www.action-scripter.com/blog/trackback/1261

Flash에서 제작된 무비클립을 SWC(Adobe Flash Compiled Component File)형태로 Export한 후 Flash Builder 4에서 사용하는 방법에 대해 알아보겠다.

Flash에서 작업에 필요한 무비클립 제작

이번 예제에서 최종 완성되는 결과물은 2개의 프레임을 가진 무비클립을 마우스로 클릭했을 때 타임라인 헤드가 이동하는 예제를 만들어 보도록 하겠다. 먼저 2개의 이미지로 만들어진 무비클립을 제작한다. Flash에서 2개의 이미지를 Import 한 후 각각 1번 프레임과 2번 프레임에 위치시키고 1번 프레임에 stop(); 액션을 추가해서 타임라인 헤드가 움직이지않도록 고정한다.

라이브러리 패널에서 해당 무비클립의 속성 패널창을 활성화 시킨 후 Linkage 옵션의 Export for ActionScript와 Export in frame1 체크박스를 선택한다. 그리고 Class 필드에 Icon을 입력한다. Flash Builder에서 사용할 클래스 이름이고 우리가 제작한 무비클립의 생성자 이름이다. 기본 클래스는 flash.diplay.MovieClip으로 지정한다.

Flash Publish Settings 패널을 열어서 SWC로 Export 할 수 있도록 지정한다. Publish Settings 패널의 SWF Settings 옵션에 있는 Export SWC 체크박스를 선택한다. 이것을 선택하면 해당 Fla를 Publish 했을때 SWF파일과 함께 SWC 파일도 함께 생성된다.

제작한 무비클립을 SWC로 내보내기위한 모든 작업이 끝났다. Flash에서 Publish를 실행하면 다음과 같이 SWF파일과 SWC파일이 함께 생성되는 것을 확인할 수 있다.

Flash Builder에서 SWC 가져오기

Flash Builder를 실행한 후 File > New 메뉴를 선택하면 여러가지 프로젝트를 생성할 수 있는 메뉴가 있는데 우리가 사용할 프로젝트는 ActionScript 프로젝트다. ActionScript Project를 클릭해서 새로운 프로젝트를 생성한다.

New ActionScript Project 창이 열리면 Project name 필드에 SmartGallery라고 입력하고 Project contents가 만들어질 위치를 지정하는데 필자는 Flash Builder의 기본 Workspace에 생성하도록 하였다. 입력이 모두 끝났으면 Next 버튼을 클릭한다.

반드시 Next 버튼을 클릭해야지만 프로젝트의 속성을 추가로 설정할 수 있다. 물론 프로젝트 생성 후에도 속성은 얼마든지 추가, 변경할 수 있다.

Library path 탭을 선택해서 방금전에 제작한 SWC를 새로운 ActionScript Project에 추가한다. Add SWC 버튼을 클릭해서 SWC 파일을 추가해준다. 이제 제작한 SWC를 사용할 준비가 모두 끝났다. Finish 버튼을 클릭해서 프로젝트 생성을 마무리하자. 참고로 Source path에는 자주 사용되는 ActionScript Open API를 추가할 수 있는데 Tween, PV 3D 같은 API는 이곳에 추가해서 사용하면된다.

그리고 하단의 Main application file은 프로젝트 이름과 같은 SmartGallery.as로 자동 지정된다.

새로운 ActionScript Project가 생성되면 Package Explorer에 추가한 SWC와 클래스 정보를 확인할 수 있다. 그림에서 보면 우리가 Flash에서 지정했던 Icon이라는 클래스 이름이 MovieClip.swc안에 있다는 것을 확인할 수 있다. 그리고 우측에는 ActionScript Project의 Main application file인 SmartGallery.as가 자동으로 생성되면서 기본적인 클래스 코드가 입력되어있는 것을 볼 수 있다.

액션스크립트 추가해서 완성하기

본격적으로 액션스크립트를 작성해 보도록하자. SmartGallery 생성자 함수에 icon이라는 지역변수를 선언하고 데이터 유형을 Icon으로 지정하였다. 현재 SmartGallery 프로젝트의 Library path 에는 MovieClip.swc가 추가되어있기 때문에 그림에서처럼 swc안에 있는 클래스 이름이 코드 힌트로 보여지는 것을 볼 수 있다.

완성된 액션스크립트이다. Icon 객체를 추가한 후 마우스 이벤트를 통해 객체를 클릭했을 때 현재 객체의 타임라인 헤드 위치를 비교해서 이동 시키는 간단한 액션스크립트이다. 액션스크립트 입력이 모두 끝났다면 ActionScript Project를 컴파일해본다. Flash Builder에서 컴파일을 하려면 Run > Run을 선택해서 Web Application으로 선택한 후 진행하면 자동으로 Html과 swf가 생성된다. 컴파일과 관련한 설정을 수정하려면 Run > Profile Configurations를 선택해서 컴파일 되는 위치라든지 디버깅 환경 등을 설정할 수 있다.

컴파일된 결과물을 보면 Flash에서 제작한 icon 무비클립이 화면에 보이고 마우스로 클릭할 때 마다 타임라인 헤드가 이동하는 것을 볼 수 있다.

간단한 예제였지만 이번 예제를 통해 Flash와 Flash Builder를 함께 사용할 때 어떠한 방법으로 사용해야 하는지 조금은 도움이 되었을거라 생각된다. 우리가 제작한 무비클립은 한 개였지만 프로젝트에 필요한 무비클립을 하나의 fla에 모두 제작. 각각 생성자 이름을 입력한 후에 SWC로 생성하면 Flash Builder에서 손쉽게 사용할 수 있다. 물론 무비클립뿐만 아니라 이미지, 사운드, 동영상 등도 사용할 수 있다.

현재 Flash Builder 4는 Beta 2까지 공개된상태이며 정식 버전에서는 Flash CS5와 보다 더 강력한 협업 기능을 제공하는 것으로 알려지고 있다. 콜린무크 블로그에 올라온 포스트(http://www.moock.org/blog/archives/000294.html)에는 Flash Builder 4 정식버전에 Flash Professional Project를 생성할 수 있는 기능이 추가되어 대부분의 플래시 개발자들이 Flash와 액션스크립트 편집 프로그램(FDT, Flash Develop 등)을 사용해서 디자인 작업과 개발 작업의 애매한 경계를 오가며 작업하던 환경을 Flash Builder를 통해 컴파일부터 디버깅까지 한번에 처리할 수 있는 통합 환경을 제공할 예정이다. 자세한 내용은 콜린무크의 블로그를 방문해 보길 바란다.

또한 이번 MAX2009에서는 Flash Builder 4의 새로운 기능을 자세히 소개하는 섹션도 마련되었었다.
http://tv.adobe.com/watch/max-2009-develop/whats-new-in-flash-builder-4/
관심있는 분들이라면 놓치지 않고 꼭 봐야할 영상이다.

예제에 사용된 프로그램
Adobe Flash Builder 4 : http://labs.adobe.com/technologies/flashbuilder4/
Adobe Flash CS4 Professional : http://www.adobe.com/products/flash/

원문 : Adobe RIA 기술문서
작성자 : Kobalt60 강성규

ActionScript, Flash Builder, 액션스크립트

Comments List

안데르센 2009/12/02 00:24 # M/D Reply Permalink

포맷터랑 Cmd+1 만 있으면 거침없이 Flash builder4 로 갈아탈텐데, 코딩하기 좀 불편하더라구요. FDT 에 너무 익숙해졌나봐요.
1. 땡굴이 2009/12/02 00:40 # M/D Permalink
  
  내 말이.. 그것때문에 퍼블리쉬를 몇번을 더 하는 것 같아. 아직까지는 FDT가 정말 편한 툴인건 확실한데 과연 FDT가 Adobe에 인수되면 좋겠구만. 크크. 아무튼 아직도 빌더에서 Cmd+1을 눌러보고 있는 1인.
onelove 2009/12/02 17:24 # M/D Reply Permalink

아무 생각없이 Ctrl+Shift+F 누르고 있는 1인
1. 땡굴이 2009/12/03 11:17 # M/D Permalink
  
  ㅎㅎ FDT가 참 필요한걸 잘 가지고 있는 것 같아요.
지돌스타 2009/12/09 17:45 # M/D Reply Permalink

잘보고 가요~~ 멋진 정보입니다.
1. 땡굴이 2009/12/13 11:53 # M/D Permalink
  
  금요일에는 잘 들어가셨는지요. 크크. 행사는 언제나 그렇듯 정신이 없네요. 같이 술한잔도 모했는데 조만간 시부야에서..
나이유미 2009/12/10 09:36 # M/D Reply Permalink

감사합니다.
1. 땡굴이 2009/12/13 11:53 # M/D Permalink
  
  별말씀 ^^

Posted at 2009/11/23 23:45

http://www.action-scripter.com/blog/trackback/1275

/**
* @title
* @description
* @author
* @first produced
* @last modified
*/

//--------------------------------------------------------------------------
//
//    Implementation notes
//
//--------------------------------------------------------------------------

//--------------------------------------------------------------------------
//
// Constructor
//
//--------------------------------------------------------------------------

//--------------------------------------------------------------------------
//
// Class constants
//
//--------------------------------------------------------------------------

//--------------------------------------------------------------------------
//
// Variables
//
//--------------------------------------------------------------------------

//--------------------------------------------------------------------------
//
// Properties
//
//--------------------------------------------------------------------------

//--------------------------------------------------------------------------
//
// Public Properties
//
//--------------------------------------------------------------------------

//--------------------------------------------------------------------------
//
// Overridden properties
//
//--------------------------------------------------------------------------

//--------------------------------------------------------------------------
//
// Overridden methods : Event
//
//--------------------------------------------------------------------------

//--------------------------------------------------------------------------
//
// Overridden methods : UIComponent
//
//--------------------------------------------------------------------------

//--------------------------------------------------------------------------
//
// Methods
//
//--------------------------------------------------------------------------

//--------------------------------------------------------------------------
//
// Public Methods
//
//--------------------------------------------------------------------------

//--------------------------------------------------------------------------
//
// Protected Members
//
//--------------------------------------------------------------------------

//--------------------------------------------------------------------------
//
// Event handlers
//
//--------------------------------------------------------------------------

//--------------------------------------------------------------------------
//
//    getter / setter
//
//--------------------------------------------------------------------------

액션스크립트, 주석

Comments List

onelove 2009/11/24 08:13 # M/D Reply Permalink

책 예제 말씀하시는건지요?
1. 땡굴이 2009/11/24 09:20 # M/D Permalink
  
  후합. 넵. 슬슬 하나씩 정리중입니다. 아마도 여기에 계속 추가 될 것 같네요.
라자로스 2009/11/24 10:36 # M/D Reply Permalink

나오면 한권 보내.
1. 땡굴이 2009/11/24 10:38 # M/D Permalink
  
  당신 한국으로 귀국하면 나올듯.
나이유미 2009/11/25 21:59 # M/D Reply Permalink

아주 가벼운 제안 입니다.
어도비가 제시한 .. 코딩 규약과 비슷하게 하실생각은없으신지;;ㅋㅋ;
1. 땡굴이 2009/11/26 00:23 # M/D Permalink
  
  가벼운게 아닌걸요. 후후. 주석 보시면 아시겠지만. 이 주석도 전부 플래시 내장 클래스에서 사용되고 있는 형식 그대로입니다. 최대한 공식적인(?) 코딩 스타일로 작업할 예정입니다만.. 판단은 독자분들이 ..
2. Blackiz 2009/11/27 20:23 # M/D Permalink
  
  쿠쿠 보니까
  딱 adobe 다. 라고 느꼈었네요 ㅎㅎ
나이유미 2009/11/26 09:41 # M/D Reply Permalink

//--------------------------------------------------------------------------
//
// getter / setter
//
//--------------------------------------------------------------------------

아하~ 그럼 저도 이렇게 표기하는걸 한번 해봐야겠네요~
1. 땡굴이 2009/11/26 18:24 # M/D Permalink
  
  ㅎㅎ; 네.
제피로스 2009/11/27 08:45 # M/D Reply Permalink

기대됩니다 ^^
1. 땡굴이 2009/11/29 00:46 # M/D Permalink
  
  걱정이네요. 예정대로 잘 끝낼 수 있을지.. 많은 분들이 기다려주셨는데 실망 시켜드리면 안되겠죠.
StomX 2009/11/30 11:31 # M/D Reply Permalink

지나가는 길에....
책내시는건가요? +ㅁ +
1. 땡굴이 2009/12/01 23:34 # M/D Permalink
  
  확답은 못드리겠지만 조금씩 준비중에 있습니다.
jddw 2009/12/07 11:05 # M/D Reply Permalink

일단 한권 판매되셨습니다! ^-^ㅋ
1. 땡굴이 2009/12/13 11:55 # M/D Permalink
  
  말씀만이라도 감사합니다. 열심히 준비해보겠습니다.
맥코이 2009/12/17 10:47 # M/D Reply Permalink

출판되면 저도 한권살건데 언제쯤 출판되나요?
1. 땡굴이 2009/12/18 16:23 # M/D Permalink
  
  아직 출판일자는 정해지지 않았습니다만 내년에는 꼭 출판할 예정입니다.

Posted at 2009/11/01 02:51

http://www.action-scripter.com/blog/trackback/1268

Flash Builder 4로 작업하면서 최근에 관련 동영상을 자주 보고 있는데요. 이번 MAX에서도 Flash Builder 4와 관련된 다양한 섹션 동영상을 볼 수 있었는데 여러 동영상 중에 Lee Brimelow가 소개한 강좌를 보던 중 이상한(?) 패널을 보게되었습니다.

해당 패널에 특정 단어를 입력하고 정해진 단축 키를 눌렀더니 자동으로 코드가 생성되는 신기한 기능이었는데 Flash Builder 4에 있는 모든 패널을 찾아봐도 해당 패널을 찾을 수가 없었습니다.

Google에서 검색을 해봐도 안보이고. 강좌 동영상을 보면 자주 그 패널을 이용해서 빠르게 코드를 작성하는 모습을 볼 수 있었는데 무척 궁금했습니다. 강좌가 영어로 진행되기 때문에 혹시나 숨어있는 단축키로 불러오는건 아닌지 동영상을 여러번 리플레이 하면서 봤는데 그런건 아닌 것 같더라고요.

사실 Flash Builder 4에서 기본으로 제공되는 코드 자동완성 기능이 있습니다. ASDoc 주석, 블록 주석, Getter/Setter 완성 기능 등이 있는데 Getter/Setter는 별도의 패널에서 지정 해야하기 때문에 조금 불편하지만 원하는 속성을 조금 더 자세히 선택할 수 있어서 한편으로는 편하기도 합니다.

아직 FDT 보다는 조금 불편하고 자동으로 완성 시켜주는 코드의 수도 적지만 유용하게 사용할 수 있는 기능 중에 하나입니다. 여기서 잠시 새로운 FDT 3.5 버전에서 제공되는 자동완성 기능을 살펴본다면 Flash Builder는 조금 더 분발해야 할 것 같네요. 아무튼 오랜시간 찾아보려고 노력을 했으나 시간이 지날수록 Lee Brimelow의 강의 영상에서 보였던 패널은 기본으로 제공하는 패널이 아닐지도 모른다는 생각이 들더군요.

아니나 다를까. 오늘 Lee Brimelow 블로그에 포스트가 되었는데 Flash Builder 4를 위해 Lee Brimelow가 직접 플러그인을 만들었더군요. (그것도 모르고 몇 시간을 패널을 찾기 위해 고생했답니다.)

플러그인의 이름은 Flash Snippets 이고 현재 초기 버전으로 테스트 중이지만 상당히 매력 만점의 플러그인 같습니다. 액션스크립트나 MXML 코딩 작업을 할 때 자주 사용되는 코드들을 사용자가 직접 지정한 단축단어와 해당 단축단어를 입력하고 실행했을 때 생성될 자동코드를 원하는 스타일로 제작해서 Flash Snippets에 저장해 놓고 사용할 수 있습니다.

실제 변수나 함수, 이벤트 같은 사용자 정의 이름을 제외한 코드들은 매번 복사를 해서 작업을 하는 경우가 많은데 이렇게 자주 사용되는 코드 뿐만 아니라 자주 사용되는 주석들도 빠르게 삽입할 수 있도록 나만의 코드 자동생성 라이브러리를 만들어 사용할 수 있겠죠.

사용방법도 간단합니다. 플러그인을 다운 받아서 eclipse의 plugins폴더에 복사만 하면 사용할 준비가 끝납니다.

플러그인을 복사한 후 Flash Builder 4에 복사한 후 실행하면 Window > Show View > General 탭에 Flash Snippets 패널이 추가된 것을 볼 수 있습니다. Flash Snippets을 선택해서 활성화 한 후 원하는 자동생성 코드를 입력해서 사용하면됩니다. 정식 버전에는 좀 더 많은 자동 코드 완성 기능이 포함되었으면 좋겠고 FDT처럼 오류나 경고가 있을 때 해당 오류를 해결할 수 있는 코드를 자동으로 입력해주는 기능도 포함되면 좋겠네요.

자세한 사용방법은 Lee Brimelow 블로그에서 확인하실 수 있습니다.

Adobe, Flash Builder 4

Posted at 2009/11/01 01:05

http://www.action-scripter.com/blog/trackback/1269

키노트 작업하려고 제품 패키지 Contents > Resources 폴더 안에 있는 icons 파일에서 하나씩 뽑아내기 시작했는데 결국 뽑다보니 설치된 모든 프로그램에서 뽑아냈네요. PNG 파일 검색해도 찾기 힘들고 이미지 크기도 작아서 직접 뽑아냈답니다. 역시 맥이 좋아요. 필요하신 분들은 마음껏 사용해 주시기 바랍니다.

Adobe, Icon

Comments List

jasu 2009/11/02 13:03 # M/D Reply Permalink

오~ 형님 잘 쓸께요~
1. 땡굴이 2009/11/03 00:36 # M/D Permalink
  
  어~ 잘 써야하는거야. 크크. 상당히 귀찮은 작업을 통해 뽑아낸거니까.
김진호 2009/11/02 15:40 # M/D Reply Permalink

wow!!!
1. 땡굴이 2009/11/03 00:36 # M/D Permalink
  
  내가 좀 와우지?
Han Sanghun 2009/11/02 17:32 # M/D Reply Permalink

스크롤의 압박이...
맥에선 아이콘에 저렇게 큰 이미지가 필요한 가보군.
1. 땡굴이 2009/11/03 00:37 # M/D Permalink
  
  아마도 독때문이라도 그런 것 같아 512px 이면 상당한 크기지. 윈도우도 이렇게 크게 작업해도 되겠지? 크크.
지돌스타 2009/11/04 00:58 # M/D Reply Permalink

오~ 잘쓰겠습니다. ^^
1. 땡굴이 2009/11/05 01:23 # M/D Permalink
  
  네.. 마구마구 써주세요. 후후.
voovooddongs 2009/11/05 14:03 # M/D Reply Permalink

잘쓸게용용 ^^
1. 땡굴이 2009/11/08 02:46 # M/D Permalink
  
  어디에 쓸건데?
검쉰 2009/11/06 09:51 # M/D Reply Permalink

이거 와우~ 가지고는 안되겠군요!
올레!!!!!

감사합니다 ㅎㅎ
1. 땡굴이 2009/11/08 02:46 # M/D Permalink
  
  네~ 필요하신 곳이 있다면 얼마든지 써주세요. 쿠쿠. 제가 만든것도 아닌데요 뭘~ 크크.
투더리 2009/11/07 08:05 # M/D Reply Permalink

오우!!! 형님 완전 쵝오!!!
1. 땡굴이 2009/11/08 02:47 # M/D Permalink
  
  그래? 내가 쵝오야. 크크. 앞으로 종종 더 좋은거 올려줄테니 기다려봐.
voovooddongs 2009/11/09 21:43 # M/D Reply Permalink

어도비 리더 다운로드 배너 아니콘으로 ㅋㅋ 쌩유~~~
1. 땡굴이 2009/11/09 23:59 # M/D Permalink
  
  쏘시오.
dalgos 2009/11/10 09:50 # M/D Reply Permalink

감사히 잘 쓰겠습니다 ^^
1. 땡굴이 2009/11/12 00:05 # M/D Permalink
  
  ㅎㅎ 잘 지내시죠~ 네 마음껏 써주세요.
젬마 2009/11/12 01:32 # M/D Reply Permalink

짱 좋네요~^^ 카페에서 보고 다운받기전에 흔적 남겨요~
감사합니다용~~ 잘쓸게요!!^^꿀꺽꿀꺽
1. 땡굴이 2009/11/12 16:50 # M/D Permalink
  
  네 감사합니다. 좋은 곳에 많이 써주세요. 하하.
독카 2009/11/20 03:51 # M/D Reply Permalink

좋아요 헌데 Flex 는 읍네용 ㅋㅋㅋ
1. 땡굴이 2009/11/20 10:15 # M/D Permalink
  
  빌더 나오면서 플랙스는 지워버렸거든요. 나중에 기회되면 뽑아 올려보겠습니다.

Posted at 2009/10/13 12:14

http://www.action-scripter.com/blog/trackback/1262

Refactoring

Refactoring is a critical part of any application's development. Refactoring refers to renaming classes and moving them around to help organize and optimize your underlying code structure. Refactoring has always been a sore spot in Flex Builder but Flash Builder 4 adds two new commands to make things easier.

First up is Rename. This allows you to rename a variable or method and all references to that item will be updated. This is very important to have and I'm glad to see it has it's own dedicated menu option. Here is a quick example of how to use it:

Find a variable or method you want to rename.
Highlight it and right click.
Select Refactor > Rename.
Fill in the new name and hit continue.
All files with a reference to this item will be changed and updated.

Next up is Move. This is important when moving a class file from one package to another. This actually existed in Flex Builder 3, but in Flash Builder it will actually rename the class's package to the location it was moved to. This is incredibly handy and a great addition to the editor. Here's how to use it:

Right-click on a class file you would like to move.
Select Refactor > Move.
Find a destination and hit continue.

Package Explorer Updates

Aside from the updated icons, the package explorer is now easier to read and understand. Also, there's a really nice feature that lets you expand a class's file and see all the methods in it without having to open it up. Here's an example:

Now default packages are clearly marked and all sub packages have different icons from the main package to help clearly see package hierarchy better.

In addition to those features, all projects now have the same icon as the Flash IDE, a red box with an F over it. This is Adobe's way of reminding you that everything is built for Flash, but I miss seeing Flex and ActionScript projects clearly being visually different.

ASDoc Panel

There's now a new ASDoc panel that will show you code documentation on any variable or method you highlight. If there is no comment to go with the selected item, you will see a simple description of the item.

Conditional Break Points

Breakpoints are a great asset when developing in Flex Builder and this feature has been slightly improved in Flash Builder. Conditional break points allow to you to stop your code when a specific condition has been met. Let's say you want to test when a Sprite goes off screen? Now you can create a break point and have it activate when the Sprite's x is greater then stage.stageWidth.

Create a break point.
Right-click on it and select break point properties.
Select enable condition.

Run To A Specific Line

This allows you to continue past a break point to a specific line of code. This is great if you are in the middle of stepping through your break points and want to see just a small part of your code get executed. Here's how you can do this:

Create a break point.
Run Debugger until the break point is reached.
Goto the line you want to run to, right-click then select Run to line.

Unit Testing

Unit testing allows you to create code tests that validate parts of your application. They're very big in almost every language, yet are new to Flash development. The basic idea is that you write a simple class to run code from another class to validate that it was successfully able to execute the command. Unit testing is now built into Flash Builder. It actually makes use of FlexUnit. Although going into the full setup for unit testing is well out of the scope of this article I'll show you a few simple steps to get it up and running:

Right-click on the Class you want to test, select New TestCase Class and hit next.
Choose which method you want to test.
Once class is created you can right-click on the unit test class and select "Execute Unit Test".
Add your unit test code.
Use the Run or Debug to execute your app as a unit test.

Setting up good unit tests can be complex and very time consuming, but it's great to see Flash Builder help automate as much of this as possible. Hopefully unit testing Flash applications will become a more widely accepted practice.

Templates

This was one of the features I was really looking forward to seeing added to Flash Builder. Code templates in Eclipse allow you to save a snippet of code and call it up at any time. It is really useful when setting up for loops or repetitive scaffolding code you may need to type out over and over again. Unfortunately, template implementation is limited to the setting up of Class files.

Here is where you can find the settings in order to update them:

Go to Eclipse Preferences panel.
Unfold Flash Builder tab.
Select File Templates.
Modify to your heart's content.

Player Targeting

In Flex Builder 3 you couldn't target a specific version of the Flash Player. Now in Flash Builder you can tell the project to build to the exact version of the Flash Player you need. It's also intelligent enough to tell you what is Flash Player 10.x.xxx specific verses Flash Player 9.x.xxx specific. There's also an updated Flex SDK 3.4 for Flash Player 9.x.x. If you select Flex SDK 4.0 you are locked into Flash Player 10.x.xxx. Here is how you can modify this property:

Right-click on a project and select Project Properties.
Go to the Compiler tab (this has a different name depending on what kind of project you're in).
You can choose the Flex SDK version, then below that is a property for Flash Player Options to modify the specific version you want to build for.
This is the same as putting -target-player=10.0.0 in the additional compiler arguments window.

Bugs, Problems and Workarounds

I've noticed a few issues while setting up Flash Builder 4 outside of it being a beta and thought I would share my notes here:

If you're on a mac and try to install subclipse you won't get very far. I found this great tutorial to help walk you through getting it to work.

When you do get SVN setup and checkout a project with the new project wizard as a library it will not remember the source path you select. To give you an example, when I check out Flash Camo and select src as the main source directory I still have to go into the project properties, once it is checked out, and reselect the source folder and all of the classes. This happened in Flex Builder 3 as well and is still a little annoying.

Want ANT support? I would suggest installing the plugin version of Flash Builder since it also installs a clean copy of Eclipse 3.4 (Ganymede). You will also get the Java editor but you can just ignore it if you have no use for it. My first impression of the standalone Flash Builder was that a lot of good things were stripped out of their custom Eclipse Build.

This is not a bug but more of an observation between creating a Flex 4 project vs a ActionScript 3.0 project and something that every developer should take into account. Make a default Flex 4 project and a default ActionScript 3.0 project then perform a release build for each and take a look at the swf's file size. A default Flex project with no code is at 194k vs a default ActionScript 3.0 project at 562 bytes. Now of course the Flex project is going to be larger since it includes the framework but starting at almost 200k is a huge overload if you are not taking full advantage of the framework. Just something to think about next time you are specking out a project and what technology you are planning on using as the code base for your project.

For the most part, it appears that all of the topics I discussed in my Flash Developer Sandbox Tutorial (part 1 and part 2) will work for you in Flash Builder. As I mentioned above, the only issue is the SVN. So if you are new to Flash Builder and want to learn how to set up a streamlined workflow check out my tutorial.

Closing Thoughts

It looks like Adobe added some great new features to Flash Builder making it an even better tool for developing Flash projects. Even though the majority of new features were placed on Flex Projects I hope I have illustrated several key enhancements that ActionScript 3.0 developers can take advantage of. As with any software release there are lots of features people would have liked to have seen added, but I'm very content with what's being delivered in this beta. With stiff competition from FDT it's getting harder to pick a favorite just yet. The unit testing alone is a major enhancement and probably the one feature I am most excited about. I'm also looking forward to playing with the newer version of the Flex Framework.

■ 원문 : http://flash.tutsplus.com/articles/reviews/flash-builder-for-as3-developers/

아직도 고민입니다. FDT에 익숙함을 쉽게 버릴 수 없는 상황이지만 앞 날을 위해서라도 Flash Builder를 사용하는게 낳지 낫지 않을까 생각되네요. FDT와 Flash Builder를 비교했을 때 장단점이 있는건 사실이지만 개인적으로 언젠가는 Flash Builder에 FDT의 모든 기능들이 탑재될거라 기대하고 있습니다. (인수할 수도 있겠죠? 크크.) 정식 버전이 출시되면 ActionScript Project를 지금보다 더 많은 기능들이 지원을 해 준다고하니 FDT는 잊고 새로운 익숙함을 배워야겠네요.

ActionScript 3.0, Adobe, Flash Builder, 액션스크립트

Comments List

풉쿱 2009/10/14 00:50 # M/D Reply Permalink

낳지 않을까 -> 낫지 않을까 ^^;
1. 땡굴이 2009/10/15 11:18 # M/D Permalink
  
  이 지긋지긋한 국어치 ㅋㅋ; 감사합니다.
란도르노 2009/10/15 17:47 # M/D Reply Permalink

저도 이제 빌더를 좀 써야겠어요 ㅋㅋ 에딧플러스랑 병행해서 써야겠네요
1. 땡굴이 2009/10/18 00:17 # M/D Permalink
  
  빌더의 짜릿한 맛을 느껴보도록 해. 아주 맛있다.

Posted at 2009/10/08 17:19

http://www.action-scripter.com/blog/trackback/1260

아름답고 매력적인 새로운 플래시가 우리를 기다리고 있군요.
이젠 외롭게 Flash만으로 작업하지 말고 3박자로 진행해볼까요?
빨리 만나보고 싶습니다.

Adobe, Flash CS5

Comments List

키넛 2009/10/10 15:49 # M/D Reply Permalink

아...이거............대박 대박..!!
1. 땡굴이 2009/10/12 01:27 # M/D Permalink
  
  과연 우리에게 또 다른 희망이 있는것일까? ㅎㅎ;

Posted at 2009/09/25 21:32

http://www.action-scripter.com/blog/trackback/1256

Adobe Story
https://adobeshuhpoonu.adobe.com

예전에 Buzzword라는 Flex로 개발된 애플리케이션을 제작한 회사가 있었는데
어느날 Adobe에 전격 인수가 되면서 Adobe Labs에 당당히 Buzzword의 모습을 볼 수 있었습니다.
Buzzword 관련해서 글을 올렸던 기억이 있는데.
http://www.action-scripter.com/blog/643
오늘 우연히 Labs Adobe를 방문했다가 Adobe Story라는 온라인 서비스를 보게 되었습니다.
이 녀석은 온라인에서 여러 명이 함께 스크립트(문서) 작업을 할 수 있는 실시간 스크린 스크립트 애플리케이션인 것 같은데 모습이 Buzzword가 비슷해서 혹시나 하는 마음에 Adobe Labs을 살펴보니 Buzzword가 사라졌더군요. 아무래도 Buzzword가 Adobe Story로 탈바꿈한 게 아닌가 생각되는데 아무튼 Buzzword의 특징을 그대로 살리면서 보다 서비스적인 차원이 기능들이 추가된 모습이었습니다.
열이아빠님이 알려주셨는데 Buzzword는 랩을 졸업해서 아크로벳 서비스에 포함되었다고 합니다. 크크크.

XML, Text, MS Word, Movie Magic scheduler, CSV 등을 import해서 사용할 수 있고 다양한 포멧으로 Export가 가능합니다. 무엇보다 스크립트를 여러명이 함께 작성할 수 있는 부분이 가장 큰 특징인 것 같은데요. Buzzword도 한글이 안돼서 아쉬웠지만 Adobe Story 역시 한글 지원은 하지 않고 있습니다.

쉽게 생각해보면 온라인 메모장 보다는 좀 더 강력한 기능을 가진 문서 편집기고 여러 사람이 함께 문서를 작성할 수 있는 서비스라고 생각됩니다. 그리고 또 하나의 특징은 브라우져에서만 사용할 수 있는 것이 아니라 AIR로도 사용할 수 있도록 AIR 애플리케이션을 제공하고 있습니다.

Adobe Story GET AIR Application : https://adobeshuhpoonu.adobe.com/install.php

Adobe, Story

Comments List

비밀방문자 2009/09/26 13:24 # M/D Reply Permalink

관리자만 볼 수 있는 댓글입니다.
1. 땡굴이 2009/09/27 22:03 # M/D Permalink
  
  푸하하. 그렇군요. 졸업 했다는 사실도 모르고 있었네요. 감사합니다.
비밀방문자 2009/09/27 18:04 # M/D Reply Permalink

관리자만 볼 수 있는 댓글입니다/
꽁치 2009/09/27 18:05 # M/D Reply Permalink

으이구 실장님 멍청이
1. 땡굴이 2009/09/27 22:05 # M/D Permalink
  
  나 원래 멍청이다. 어쩔래.
진짜 꽁치 2009/09/28 04:39 # M/D Reply Permalink

오빠 이상해요,, 내 눈이 이상한가" 꽁치?? 실장님 멍청이 저 아닙니다 ㅡㅡ 근데 오빠 실장님이구나 난 계속 ㅋㅋ
1. 땡굴이 2009/09/28 12:47 # M/D Permalink
  
  누군지 감이 오긴 하는데.. 확실하질 않으니.. 뭐 아무튼. 난 실장이다.
꽁치 2009/09/29 00:00 # M/D Reply Permalink

실땅님! 이시구나. 헉.. 나 절친동생 맞아 ㅡㅡ; 오빠에대해 공적으로 아는건 전혀 없는 아이
1. 땡굴이 2009/09/29 01:45 # M/D Permalink
  
  누구니?

Posted at 2009/09/18 15:10

http://www.action-scripter.com/blog/trackback/1255

[원문] 플래시 개발자가 알아야 할 10가지라는 제목의 포스트가 PV3에 올라왔네요.

I’ve interviewed quite a few Flash/Flex developers as potential employees for Roundarch. The hard part for me is knowing exactly what questions to ask to be able to gauge a Flash dev’s skill level.

So, I made a list. From my experience this list allows me to judge the skill level and experience of the devs I interview.

If you’re not quite “Senior” level yet, read through the list and study up from the links. If this stuff is “old hat” to you, please critique this list add more references in the comments.

1. The Elastic Racetrack
You need to understand when events fire, when code is executed, and when the player renders. It’s really the foundational concept of Flash Player.
http://www.craftymind.com/2008/04/18/updated-elastic-racetrack-for-flash-9-and-avm2/

2. FlexSDK, mxmlc, compc, and all that jazz
You need to know what’s going on when you hit that “run” button in Eclipse.
http://www.senocular.com/flash/tutorials/as3withmxmlc/
http://livedocs.adobe.com/flex/3/html/help.html?content=apparch_08.html

3. Player Events, Custom Events, Event Bubbling
I can’t imagine where flash player would be without frames and mouse clicks.
http://www.adobe.com/devnet/actionscript/articles/event_handling_as3_03.html
http://livedocs.adobe.com/flex/3/langref/flash/events/package-detail.html
http://www.tink.ws/blog/custom-events-in-as-30-dont-forget-to-override-the-clone-method/
http://jacwright.com/blog/70/how-to-listen-to-flash-events-that-dont-bubble/

4. Statements, Keywords, and Directives
You should never be surprised by a new “word” in as3. If you don’t know what “static” or “override” or others are, learn them.
http://livedocs.adobe.com/flex/2/langref/statements.html

5. ASDoc
Someday, you’ll re-read your code and have no idea what it does. The stress here is on proper documenting, but generating asdocs is nice too.
http://livedocs.adobe.com/flex/3/html/help.html?content=asdoc_3.html

6. Managing visual assets (images, fonts, CSS, etc)
Flash is visual. So you need to know how to manage assets with code.
http://www.gskinner.com/talks/flexlovesflash/
http://code.google.com/p/queueloader-as3/
http://code.google.com/p/bulk-loader/

7. Arrays, Collections, Dictionaries, Mapping
You’re not just working with one MovieClip here, so you need to know how to control multiple objects at once.
http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/Array.html
http://www.gskinner.com/blog/archives/2006/07/as3_dictionary.html
http://code.google.com/p/as3ds/

8. Programmatic motion (tweening, easing)
If you wanted things to stay still, you should’ve stuck with HTML
http://blog.greensock.com/tweenmaxas3/
http://www.amazon.com/Foundation-Actionscript-3-0-Animation-Making/dp/1590597915/ref=sr_1_1?ie=UTF8&s=books&qid=1243014431&sr=8-1

9. OOP and Coding Against Frameworks
The days of a one huge .as file are over. You need to smartly move your code into organized and reusable objects. Also, now there are plenty of popular as3 frameworks to help manage your code. Read up on them and start using one.
http://www.adobe.com/devnet/actionscript/articles/oop_as3.html
http://www.actionscript.org/resources/articles/684/1/Object-Oriented-Programming-in-AS3/Page1.html

10. Version control
Unless you think your code is worthless, you need to learn how to back it up properly.
http://tortoisesvn.net/downloads
http://versionsapp.com/
http://en.wikipedia.org/wiki/Revision_control
http://git-scm.com/
http://www.nongnu.org/cvs/

Flash

Comments List

jin_u 2009/09/20 17:50 # M/D Reply Permalink

역시나 공부할 것들이 너무 많아. 정리정리.. @_@
1. 땡굴이 2009/09/22 00:54 # M/D Permalink
  
  끝도 없다는 사실. 끝이라는 단어는 생각할 필요도 없는 듯.

Posted at 2009/09/09 16:22

http://www.action-scripter.com/blog/trackback/1254

undefined

도대체 플래시를 몇년했는데 아직도 이 단어를 외우지 못하고 있는건가?
오늘 대박 굴욕까지 당하고.
아 XX려.

undefined

Comments List

공씨 2009/09/09 16:38 # M/D Reply Permalink

ㅠ _ ㅠ 형님 어떤일이 있으셨길레...
비하인드가 궁금해요!! ㅎㅎ
1. 땡굴이 2009/09/12 16:04 # M/D Permalink
  
  그런거 있잖아 뒤에서 사람들이 감싸고 보고 있는데 타이핑을 쳐도 색상이 계속 검은색으로 나오는 상황 크크. 백스페이스 수십번 되돌리다가 결국 레퍼런스 봤다는. 젠장.
빠따 2009/09/10 17:40 # M/D Reply Permalink

원숭이도 나무에서 떨어질때가 있다...라는 속담이 있자나요...
힘내세연..ㅋ
1. 땡굴이 2009/09/12 16:05 # M/D Permalink
  
  난 아직 나무에 올라가지도 않았는데 내 발목을 누가 잡고 있는거야. 엉엉.
desty 2009/09/11 12:05 # M/D Reply Permalink

혹시 undefind ?!
1. 땡굴이 2009/09/12 16:05 # M/D Permalink
  
  ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 대박. 빙고.
깡생이 2009/10/16 00:20 # M/D Reply Permalink

보다가 너무 반가워서..ㅋㅋ
이상하게 안외워지는 단어가 있지요..ㅋㅋ
1. 땡굴이 2009/10/18 00:18 # M/D Permalink
  
  네. 맞아요. 저는 아무리 해도 잘 외워지지 않아 지금 핸드폰 배경화면으로 넣고 다니고 있답니다.

1 2 3 4 5 6 ... 44

Search Results for 'Flash'

434 POSTS

Comments List

Comments List

Comments List

Comments List

Refactoring

Package Explorer Updates

ASDoc Panel

Conditional Break Points

Run To A Specific Line

Unit Testing

Templates

Player Targeting

Bugs, Problems and Workarounds

Closing Thoughts

Comments List

Comments List

Comments List

Comments List

Comments List

Categories

Recent Posts

Recent Comments