본문 바로가기

FLASH

구글 Tweener를 간단히 연습해 볼까요? 메인 타임라인에mc라는 인스턴스 네임을 가진무비클립을 만들고다음 코드를작성해 봅시다. 첫째줄을 보면 클래스를 임포트하는 구문이 나옵니다.caurina폴더의 transitions폴더의 Tweener패키지에서 불러옵니다.두번째 줄에서 Tweener라는 객체는 선언하지 않고도 이 클래스명이 바로 객체화되어 쓸 수 있습니다. import caurina.transitions.Tweener;Tweener.addTween(mc, {alpha:0.5, x:300, y:200, time:1}); 이렇게 하면 무비클립이 1초동안 (300,200) 위치로 서서히 알파값이 먹으면서 부드러운 움직임을 보이는 것을 알 수 있습니다. 사용법Tweener.addTween(무비클립명, {속성1:속성값1, 속성2:속성값2,...속성n:.. 더보기
구글 Tweener 설치 및 설정 Tweener 는 외부API입니다.구글 Tweener는 나온지 꽤 되었는데 저는 Tween Max를 사용하다가 라이센스 문제로그글 Tweener를 사용하게 되었습니다.이 Tweener는 현재 개발자가 더이상 업그레이드를 안하겠다고 선언하였기 때문에 더이상의 업그레이드는 기대하기 힘듭니다.그래도 이것을 선택한 이유는 라이센스 문제로 피곤할 일 없고 성능과 안정성 모두 괜찮은 편이기 때문입니다.찾아보면 좋은 Tweener들도 많을 것입니다.일본인이 만든 것도 있고 우리나라 프로그래머가 만든 것도 있습니다. 다운로드 경로는http://code.google.com/p/tweener/로 가셔서 컴퓨터 사양에 맞는 AS3.0 버전에 맞는 API로 다운 받으면 됩니다. 만약 압축을 풀어서C:\AS3_Class\cau.. 더보기
[AS2.0] 플래시 로딩바입니다 - 파일포맷 플래시 CS4 한때는 RIA라고 해서 화려한 모션과 어플리케이션 기능을 가진 기술들이 많았었는데 고인이 되신 스티브잡스가 특정기술에 종속되지 말고 HTML5로 하자고 주장한 이후에 플래시가 웹에서 서서히 자취를 감추게 됩니다.하지만 아직도 이러닝 컨텐츠 진영에서는 플래시로 개발하고 있으며 언어도 액션스크립트 3.0이 아닌 액션스크립트 2.0을 사용하여 개발되는 사례가 많이 있습니다.저 또한 지금도 그렇게 프로젝트를 하고 있구요. 플래시는 로딩이라는 것이 다 끝나면 실행되도록 해 주어야 중간에 오류가 안납니다.그래서 로딩이 다 된 이후에 플레이를 하도록 해 주어야 합니다.이것은 게임도 마찬가지이지요.요즘은 인터넷 속도가 빨라서 로딩을 안 달아 주기도 하지만 이러닝을 개발할 때는 로딩을 꼭 다는 것이 표준 프로세스에 가깝.. 더보기
안드로이드 4용 플래시플레이어 입니다. 어도비에서 플래시플레이어에 대한 안드로이드 지원을 끊었기 때문에 어도비 사이트에서는 이 파일을 다운받을 수 없습니다. 이거 다운받으셔서 설치하고 나면 안드로이드 4이상의 버전에서도 플래시를 웹브라우저에서 구경할 수 있습니다. 아직 이러닝컨텐츠가 플래시로 제작된 것이 많기 때문에 저에게는 꼭 필요하더군요. 더보기
플래시 올드버전들 다운받을 수 있는 곳 1,2,3,4,5,mx,2004,8 아주 멋진곳이네요. 이전 올드버전의 플래시를 다운받을 수 있는 곳입니다. 잡스의 농간에 놀아나서 플래시가 웹에서는 거의 사장되는 분위기 입니다. 예전에 아름다왔던 시절을 추억하며 올드버전들 한번 깔아볼까요? http://flash-ascript.blogspot.kr/2007/06/first-steps-of-flash-futuresplash.html 더보기
스마트폰 해상도에 관계없이 볼수 있도록 하려면 처음에 이 명령을 넣어줍니다. stage.scaleMode="exactFit"; 이 코드는 마법같은 코드입니다. 화면사이즈에 맞게 늘어나거나 줄어들기 때문에 어떤 스마트기기에든지 대응할 수 있습니다. 더보기
스마트폰 화면을 오래 눌렀을 때 동작하게 하려면 스마트폰 화면을 오래 눌렀을 때 동작하게 하려면 다음과 같이 하면 됩니다. //타이머 생성var pressTimer:Timer = new Timer(1000);pressTimer.addEventListener(TimerEvent.TIMER, pressTimerHandler); //타이머함수실행시 크기 확대function pressTimerHandler(event:TimerEvent):void{mc.scaleX = 2;mc.scaleY = 2;} //멀티터치인풋모드설정Multitouch.inputMode = MultitouchInputMode.TOUCH_POINT; //터치시작 이벤트등록시 타이머시작mc.addEventListener(TouchEvent.TOUCH_BEGIN, pressBeginHandle.. 더보기
터치이벤트로 공던지기 구현 터치이벤트로 던지기 구현아래의 소스로 퍼블리시하면 스마트폰에서 터치이벤트로 공을 선택한 후에 특정한 쪽으로 손가락을 옮기면서 떼면 공이 굴러갑니다.마치 던지기를 구현하는 것과 같습니다.공이 벽에 닿으면 멈추도록 구성되어 있습니다. import flash.events.Event;import fl.transitions.Tween; import fl.motion.easing.*;import flash.events.TouchEvent; var flingMotionX:Tween;var flingMotionY:Tween; Multitouch.inputMode = MultitouchInputMode.TOUCH_POINT;var counter:uint = 1;var origX:Number = ball.x;var ori.. 더보기
멀티터치 드래그 입니다. 멀티터치 드래그 소스입니다.마치 무비클립의 드래그 드롭과 같습니다. /* Touch and Drag EventAllows the object to be moved by holding and dragging the object.*/ Multitouch.inputMode = MultitouchInputMode.TOUCH_POINT; mc.addEventListener(TouchEvent.TOUCH_BEGIN, touchBegin_2);mc.addEventListener(TouchEvent.TOUCH_END, touchEnd_2); var fl_DragBounds_2:Rectangle = new Rectangle(0, 0, stage.stageWidth, stage.stageHeight); function t.. 더보기
멀티터치 탭이벤트 터치이벤트의 가장 기본이 탭이벤트를 다루어 보겠습니다.이렇게 작성하고 퍼블리시 하면 스마트폰에서 무비클립을 만졌을 때 알파값이 0.5로 변하는 것을 확인할 수 있습니다.마우스로는 클릭하지만 스마트폰의 화면은 터치이벤트이기 때문에 TOUCH_TAP을 사용합니다. Tab.fla Multitouch.inputMode = MultitouchInputMode.TOUCH_POINT; mc.addEventListener(TouchEvent.TOUCH_TAP, tapHandler); function tapHandler(event:TouchEvent):void{// 코드는 여기에 작성// 탭할때 알파값을 바꿔주는 예제mc.alpha *= 0.5; trace("탭하셨습니다.");} 더보기