본문 바로가기

Flash

What is "Flashplatform" ? 목차 Flash platform 에 대해서 Flash 와 Flex 그리고 AIR Actionscript 버젼벌 정보 Flash player 버젼별 정보 Welcome to "Flash platform" Flash platform 이란? Flash 컨텐츠를 개발 하기 위한 방법은 여러 가지가 있다. Flash IDE (CS3, CS4) 를 이용하는 방법이나, Flex Builder 나 Flash Builder 를 이용하여 MXML 이나 Actionscript Project 를 컴파일 하는 방법, 또는 FDT 를 이용하여 컴파일 하여 SWF 를 생성하는 방법이 있다. 이 모든 Flash 컨텐츠의 결과는 SWF 형식으로 되어 있고 이러한 작업들은 Flash 컨텐츠 개발이라 한다. (곧 Flash Catalys.. 더보기
OpenCV in Flash OpenCV란 무엇인가? OpenCV OpenCV(영어: Open Computer Vision)은 오픈소스 컴퓨터 비전 C 라이브러리이다. 원래 인텔에서 개발되었다. 현재 버전 1.0이 나와있으며 윈도, 리눅스 플랫폼에서 사용할 수 있다. 실시간 이미지 프로세싱에 중점을 둔 라이브러리이다. 인텔 CPU에서 사용되는 경우 속도의 향상을 볼 수 있는 Intel Performance Primitives (IPP)를 지원한다. 출처 : Daum 백과 사전 OpenCV 라이브러리를 이용하여 할 수 있는것? OpenCV를 이용하면 영상처리 기술을 비교적 손쉽게 구현 할 수 있다. 입력과 출력 그리고 영상 처리에 대한 기본적인 기능들이 대부분 구현 되어 있다. 예를 들어 다음과 같은 작업 들을 할 수 있다. - 얼굴.. 더보기
Flash player 의 보안 Front - End 개발을 하다 보면 Flash player의 보안 범위를 판단하지 못해 곤란한 일을 겪은 일이 있을것이다. Flash 개발자의 경우에는 미쳐 알지 못한 내부 보안 설정을 하지 않아서 데이터를 못불러 온다거나, 바뀐 Flash player 보안 정책 때문에 고생을 했을 수도 있고, UI개발자의 경우에는 Flash 개발자가 없는 상태에서 여러 상황을 판단을 해야 하지만 Flash player의 보안 규칙에 대해 알지 못해서 혼란 스러운 경우가 있을 것이다. 이 문서는 모든 Flash 개발자와 UI개발자가 알아야 할 Flash player의 보안에 대해 기초적인 내용을 다룰 것이다. Flash player 보안 개요 Flash player의 보안은 Flash, Flex 로 만들어진 SWF .. 더보기
AS3.0의 통신 - 브라우저와의 통신 (Javascript) Flash의 컴파일 결과물인 SWF는 그 자체로 UI 나 GAME 그리고 어플리케이션(AIR)이 될 수 있지만, 대부분은 브라우저에 Embeded 되어 사용됩니다. 배너와 같이 단순하게, 보여 주기 위해서 브라우저에 Embeded하는 경우도 있겠지만, UI 나 웹 어플리케이션을 구현할 때는 브라우져나, 서버사이드 언어와의 통신이 필요 하게 됩니다. AS3.0으로 거의 대부분의 Front-End 단의 개발작업을 모두 할 수 있긴 하지만, 퍼포먼스나 구현의 편의성을 위해 Javascript를 사용해야 하는 경우가 많습니다. 이 문서는 앞으로 몇개의 포스팅을 통해 다루게 될 AS3.0의 통신 방법에 대한 첫 문서로서 AS통신의 가장 기본이라 할 수 있는 브라우저와의 통신에 대해 다루고 있습니다. SWF와 브라.. 더보기
타임라인에서 일어 나는 동작을 알려주는, TimelineWatcher Flash에서 MovieClip을 이용한 작업을 하다 보면 MovieClip에서 일어나는 동작을 코드상에서 알아 내서 이벤트를 발생 시켜야 하는 경우가 있다. 예를 들어 다음과 같은 Timeline이 있을때 재생헤드가 30 frame에 도달 할때 이 동작을 알아 내어 코드를 실행 시켜야 하는 경우가 있다. 이럴 경우 30 frame에 dispatchEvent를 사용하여 MovieClip을 가지고 있는 객체에 이벤트를 전달해 주는 방법을 사용할 수 있다. dispatchEvent(new Event("playheadreached"); MovieClip에서 전달한 이벤트는 this.addEventListener("playheadreached",headreachedHandler); private function.. 더보기
Actionscript3.0 학습법 커뮤니티의 질문들 중에서 단연 1위를 달리고 있는 "Actionscript 학습법" 에 대해, 오직 제 견해와 경험을 통해 작성해 보려고 합니다. - Flash MX , Flash 8, Flash CS3, Flash CS4 먼놈의 버젼이 이렇게 많은 건지 많이 혼동 됩니다. 시중에 나와 있는 책들을 보면 벌써 CS4가 출시 되었음에도 불구 하고, MX 버젼과 그 이하 버젼의 책들을 종종 보게 됩니다. 당연히 Flash를 처음 시작 해야 겠다고, 다짐하고 서점에 간 분들은 혼동 될 수 밖에 없지요. 보통 액션 스크립트 책은 Flash 라는 제목을 작게 표기 하고 Actionscript를 크게 표기 하기 때문에(?) Flash 8 이라 크게 적혀 있는 책을 고르게 됩니다. 그리고 카페에 와서 물어 봅니다. .. 더보기
Actionscript3.0 강좌 모음 동강의 AS3.0 기초 강좌 1강 Flash CS3 || Actionscript3.0 2강 Event 의 이해 와 꼭 알아 둬야할 프로그래밍의 기초 3강 - MouseEvent, Event.ENTER_FRAME 활용 4강 - Tween 클래스와 객체 동적 생성(1) 5강 - DisplayObejct 와 객체 동적 생성(2) 6강 - Document Class 로의 진화 7강 - 사용자 정의 클래스의 이해 8강 - Timer, Loader 클래스의 사용 9강 클래스를 이용한 이미지 슬라이드 - 1 10강 - Array + caurina Tweener = iMac Navigation 11강 - iMac Navigation -(1) 12강 Event.... Event... Event... 문군의 3.0 Cla.. 더보기
Openapi 를 이용한 이미지 슬라이드 작년 매쉬업 대회 준비하면서 올린 파일인데, 오랜만에 보니 새롭게 느껴 지네요. 곧 매쉬업 대회 일정도 시작할것 같은데, Flash 로 매쉬업을 준비하시는 분들은 참고 하시기 바랍니다. 오픈 API란 무엇인가요? 오픈 API(OpenAPI)란 자사의 API를 외부에 공개한 것으로 일반적으로 웹 서비스(Web Services)형태로 공개한 것을 말합니다. 위키피디어에서는 API를 "응용 프로그램에서 사용할 수 있도록 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있도록 만든 인터페이스"로 정의하고 있습니다. 즉, 원래는 운영체제나 언어가 제공하는 기능을 제어할 수 있는 인터페이스였으나 이를 웹서비스에서는 특정 서비스를 이용할 수 있는 인터페이스를 API라 지칭하였습니다. 또한 이것을 외부에서 사.. 더보기
플래시 개발자를 위한 플렉스 사용법 차례 0. 시작 1. 플래시 와 플렉스 2. MXML 과 Actionscript3.0 3. 플래시의 DisplayObject , 플렉스의 DisplayObject 4. 플래시에서 컴포넌트 제작하기 5. 마무리 2004년 매크로 미디어는 플렉스를 릴리즈 하고 개발자들이 좀더 편하게 플래시 플랫폼을 위한 어플리케이션을 만들수 있게 하였습니다. 플렉스는 어플리케이션의 개선된 디자인과 사용성, 이동성등의 장점을 이용하여 사용자들에게 새로운 경험을 제공하였고 Web2.0 의 개념에 발판이 되기도 하였습니다. 이러한 Flex 가 소개되고 Flex 3 SDK 가 릴리즈 되었습니다. 수많은 플렉스 개발자들 뿐만 아니라, 기존의 플래시 개발자들 역시 기대를 갖고 플랙스를 배우고 새로운 프로젝트에 적용해 보기 위해 시행 .. 더보기
Flash Actionscript3.0 ToolTip Flex 에서는 기본적으로 component 옵션으로 tooltip 을 제공 하고 있지만, Flash 에서 툴팁을 만들어 쓰기란 여간 귀찬은 작업이 아닐수 없습니다. 그래서 Flash 기반의 쓸만한 tooltip 을 소개해 봅니다. ToolTip.as static 메소드로 이루어져 있는 하나의 툴팁 클래스로 스테이지나 오브젝트에 생성되는 모든 tooltip 들을 관리 합니다. 사용법은 간단합니다. 우선 사용 예제 부터 보시면 아래와 같습니다. 해당 target 에 대한 MouseEvent.MOUSE_OVER 만으로 이벤트를 처리 하게 됩니다. Out 이벤트를 따로 처리할 필요가 없이 단지 Over 이벤트만 처리 하면 됩니다. 사용시 두단계를 거쳐야 합니다. 우선 첨부한 ToolTip.as 파일을 impo.. 더보기
[매쉬업] Openapi 를 이용한 이미지 검색 우선 발급 받은 APIKEY 는 요청을 보낼 때 같이 보내게 됩니다. 예를 들어 http://openapi.naver.com/search?key=***&query=go&target=image&start=1&display=10 위의 URL 에서 전달 하는 변수와 같이 image 검색을 위해서는 꼭 전달해야 되는 변수들이 존재 합니다. (출처 : http://openapi.naver.com/page.nhn?PageId=1_15 ) 1. 요청 URL (request url) http://openapi.naver.com/search 2. 요청 변수 (request parameter) 요청 변수 값 설명 key string (필수) 이용 등록을 통해 받은 key 스트링을 입력합니다. target string (필.. 더보기
[매쉬업] Flash 로 매쉬업을 만들어 보자! 웹 2.0 이다. Openapi 라 해서 매쉬업 컨텐츠를 만들어야 된다는 말이 여기 저기에서 나오고 있습니다. 하지만 정작 매쉬업이 어떤 의미를 가지고 있는지에 대해 모르시는 분들이 많은것 같아서, 간단하게 Flash 로 만들어 보는 매쉬업 이라는 주제로 이야기를 해 볼까 합니다. 우선 매쉬업 이란? 출처 : http://mashupkorea.com/2008/faq 매쉬업(Mashup)이란 여러 데이타 소스들을 가지고 한개이 웹 페이지를 구성하거나, 여러 기능을 하나의 어플리케이션에서 제공하도록 만드는 것을 말합니다. 여러 데이터 소스들은 Daum과 같은 오픈 API를 제공하는 회사에서 RSS, XML 등의 데이터 형식으로 가져오게 됩니다. 매쉬업은 이용하면 축적된 데이터 없이도 창의적인 서비스를 빠르게.. 더보기
Mashup beyond the browser 여러분들이 생각하시기에 매쉬업 하면 뭐를 생각하십니까? 검색 API ? 지도 API 나사진 API를 조합해서 만든 사이트? 보통 이런 생각을 많이 하고 계실 겁니다. 하지만, 매쉬업이란 것은 이런 좁은 콘텐츠에 한정되지 않은 하나의 흐름입니다. 포털 사이트나, API를 제공하는 사이트에서 제공 되는 API를 쓰지 않았다고 매쉬업이 아니라고 말할 수는 없습니다. 이와 같이 어떤 방법이라고 정의할 수 없는 “매쉬업” 이란 단어는 기존에 이미 존재하는 서비스 및 컨텐츠들간의 조합을 통해 전혀 다른, 새로운 서비스 및 콘텐츠를 생산하는 작업 모두를 말합니다. 그럼 왜 매쉬업을 하는 걸까요? 최근 매쉬업을 이용한 사이트가 점점 늘어 가고 있고, 이러한 추세는 하나의 트렌드로 자리 잡아 가고 있습니다. 왜? 매쉬업.. 더보기
[AS3.0] Sound Spectrum SoundMixer.computeSpectrum() SoundMixer.computeSpectrum() 를 이용하면 현재 재생하고 있는 사운드에 대한 원시 데이터를 불러올수 있습니다. 다음 그림에서는 FFTMode 매개 변수가 true로 설정되었을 때와 false로 설정되었을 때 computeSpectrum() 메서드로부터 반환된 데이터를 비교합니다. 이 그림에 사용된 사운드 데이터는 왼쪽 채널은 큰 베이스 사운드, 오른쪽 채널은 드럼 사운드에 대한 것입니다. // 드로잉 API 를 이용한 간단한 사운드 스트리밍 import flash.display.Graphics; import flash.events.Event; import flash.media.Sound; import flash.media.Sound.. 더보기
[Basic] 12강 Event.... Event... Event... 디자인을 하다가 Flash 를 시작하시는 분이나, 일반 프로그래밍을 하다가 시작하는 분이나, Actionscript 의 이벤트라는 개념은 생소하게 다가 옵니다. 그래서 시작하는 분들이 조금이라도 빨리 이해를 돕고자 Event... 에 대해 이야기를 해 보겠습니다. Actionscript 3.0 을 시작하고 적응하기 어려웠던 점은 2.0 과 다르게 브로드 케스팅으로 이벤트를 호출하고 호출 받는 다는 점이었습니다. 2.0 에서도 그러한 개념이 있긴 했지만, 3.0 에 와서는 완전 바뀌었습니다. 가장 많이 사용하는 flash.events.Event = Event flash.events.MouseEvent = MouseEvent 초기에 Event 는 ENTER_FRAME 을 돌리기 위한 이벤트로 많이 사용되고 .. 더보기
[Base] 11강 - iMac Navigation -(1) 지난 번 강좌에 이어서 해 보겠습니다. 다들 iMac navigation 이라면 아시지요? 맥을 쓰는 사람들은 항상 모니터 아랫쪽에 위치 시켜 두고 쓰는 편리 한(?) 네비게이션 입니다. 이미 많은 분들이 구현을 해 놓으셨고 윤용호 님이 쓰신 플래시 네비게이션 패턴 18 에서도 다루고 있습니다.  1단계에서 만들 네비게이션은 아래와 같습니다.stage 에 자신의 icon 을 디자인 하고, 그 icon 을 무비 클립으로 등록합니다. 저는 5개의 icon 을 만들었고, icon0 ~ icon4 로 이름을 붙였습니다. 이 5개의 무비 클립을 배열에 저장하고 그 배열의 순서로 icon 들을 조정할 것 입니다.  Document class 를 만들고 위의 icon 들을 저장할 배열을 만듭니다.     public.. 더보기
[Base] 7강 - 사용자 정의 클래스의 이해 자주 올린다고 했는데, 속도가 더디네요.ㅋㅋ 졸업 시즌이다 보니 친구들 졸업식에 갔다 오게 되고, 오늘은 친형 졸업식에 갔다 왔담니다;; 크헐...... 날씨도 많이 풀리고, 학기가 시작한다고 생각하니;; 머리에 쥐가 날꺼 같은;; 으악!!!!! 오늘은 기초스터디를 하고 있는 것과 이어서 " 사용자 정의 클래스 " 에 대해 간단히 하는 방법을 알아 보고 "내가 만든 클래스를 사용한다" 라는 주제로 시작해 보겠습니다. 우선 5강 동적 생성 부분에서 Linkage 로 객체를 정의 해서 Linkage Properties 창에서 Class 에 이름을 입력을 하는것으로 내가 스테이지에 그린 객체가 클래스로 정의 된다는 것을 알았습니다 (잘 기억 안나시면 http://cafe.naver.com/flashaction.. 더보기
[Base] 5강 - DisplayObejct 와 객체 동적 생성(2) 지난 강에서 DisplayObject 의 개념에 대해 잠깐 언급하였습니다. 그때 클래스 다이어 그램은 기억이 나시는지요? ( 4강참고) 그 다이어 그램과 같이 Flash 에 존재 하는 모든 객체속성( class ) 들은 상속에 상속을 거쳐서 자신의 속성을 만들게 됩니다. 예를 들어 F1 을 눌러 봅시다. MovieClip 패 키지 :loadClassListFrame('class-list.html')" href="file:///C:/Documents%20and%20Settings/All%20Users/Application%20Data/Adobe/Flash%20CS3/en/Configuration/HelpPanel/Help/ActionScriptLangRefV3/flash/display/package-det.. 더보기
[Base] 4강 - Tween 클래스와 객체 동적 생성(1) 자 오랜만에 공부를 시작하겠습니다. 이것 저것 참고하면서 쓰니 덩달아 잘 이해가 안되었던 부분까지 이해가 되니 기분이 좋습니다. ㅎㅎ 정작 보는 사람은 이해 못하고 있는데 나만이해 되는건 아닌지;;;; ;후덜덜 지난 시간에 ENTER_FRAME 을 이용해서 노가다로 객체의 크기를 변화 시켜 보았는데 먼저 그 코드의 길이를 줄이겠습니다. Tween 패키지 fl.transitions 클래스 public class Tween 상속 Tween EventDispatcher Object Tween 클래스는 Flash 에서 객체의 움직임을 조절할수 있도록 정의해놓은 내장 class 입니다. 사용방법은 아래와 같습니다. import fl.transitions.Tween; import fl.transitions.easi.. 더보기
[Base] 3강 - MouseEvent, Event.ENTER_FRAME 활용 1, 2 강에서 Event 중 마우스 이벤트와 ENTERFRAME 이벤트에 대해 잠깐 훑어 보았습니다. 이 두가지 이벤트는 Flash 에서 가장 많이 쓰이는 이벤트에 불과 하고요( 하지만 굉장히 중요한 이벤트들 입니다 ) 상상하지 못할 별에 별 신기한 이벤트 들이 Actionscript 3.0 에 존재 하고 있고, 사용자는 단지 이벤트의 전달 구조만 이해 한다면 손 쉽게 사용할수 있습니다. 시작에 앞서 사람들이 말하는 "F1 형님" 에 대해 알아 보겠습니다. F1 형님이란, Flash 에서 제공하는 도움말입니다. Actionscript 에서 제공하는 거의 모든 클래스를 포함하고 설명하고 예제로 사용법을 알려 주는 아주 편안한 도구 입니다. 사용법은 그냥 F1 키를 누르면 도움말 기본이 뜨고 위에 있는 검.. 더보기