Tag Archive for 'AS2.0'

Page 3 of 4

Animating with Fuse Tutorial

Thanks to 2Advanced, the site is now back up! Last night I uploaded a new tutorial called Animating with Fuse which shows how to install and use this amazing new animation system. This is part one of two and the next one will show how to use it to create some complex motion graphics. I can’t state this enough, Fuse rocks! Click on the image below to check it out.

1125931698


이래저래 볼것이 많은 사이트다.

외국사람들은 할일이 없는 걸까?…아님 따로 돈을 받고 제작하는 걸까?..

남들이 쓰기 좋게 잘도 만들어 놓는다.

어찌 보면 모션 패키지 같은 라이브러리로서 복잡한 모션을 간단히(?) 구현할수 있게 도와주는 클래스 모듬세트

하지만 너무 확장성 있게 적용하려고 코드 길이가 쓸데없이 너무 길어 리소스 낭비가 심할듯 싶다.

또한 코드 가독성 심하게 떨어진다. 좀더 직관적인 패키지 구성을 했을면 어떨까 하는 생각이 든다.

FileReference Class Tip

현재 flash8 에서 지원하는 파일 업로드 클래스인 FileReference 는 어쩌면 반쪽짜리 업로드 클래스이다. 왜냐하면 파일업로드 완료시 서버와의 어떤 변수 값도 받을 수 없기 때문이다.

물론 onComplete 가 업로드 완료시에 플래시 쪽에서 호출되지만 이는 단순히 업로드 완료만 알수 있는것이다.

특별히 안정적으로 업로드를 구성하지 않는다면 다시말해, 개인이 업로드를 관리하고 사용자가 많지 않을경우 물론 업로드가  완료되는 이벤트만 발생되어도 문제가 없다.

하지만 사용자가 많은 경우, 예를 들어 사용자가 사진을 업로드하는 사이트를 만들경우,

이런 경우에는 반드시 업로드하는 클라이언트 파일명을 바꾸어야 할 필요가 있다.

중복의 여지가 있기 때문이다. 만약 이런 파일 필터링을 거치지 않는다면 분명히 파일이름이 같게되어 이전 파일이 덮어써지는 현상이 발생할 것이다.

따라서 좀더 안정적인 파일 업로드 구현을 원한다면 파일 생성 일자나 일련의 첨자를 붙여 파일 이름을 변경하는 것은 필수이다.

이때 문제가 되는 것이 바로 위에 언급한 서버와 플래시간의 변수 교환문제이다.

FileReference class 에서의 upload()  method의 파라미터에는 서버파일의 데이타를 받을수 없다.

따라서 서버에서 파일 이름을 임의로 변경해 버리면 플래시에서 알 수 있는 방법이 없다.

물론 약간의 팁을 사용하면 가능하다.

다행이도 upload url에 매개변수를 첨부하여 서버에 전송할 수 있다.

바로 이런방법으로 서버에서 파일명을 저장하는 것이 아니라 플래시에서 정한 파일명을 서버로 보내 그걸 파일명으로 저장하면 위와 같은 문제를 해결할 수 있다.

<upLoad.as>

private function upload():Void

{

var success:Boolean;

noRep=new Date().getTime();

success = this._fileRef.upload(UploadExample.URL+“?noRep=”+noRep);

// url에 중복을 피하기 위한 현재 시간 정보를 첨부한다.

}

private function onComplete(fileRef:FileReference):Void

{

trace(file Name—>”+noRep+”_”+fileRef.name);

//업로드 완료시 서버에 저장완료된 파일명을 알수 있다.

}
<upload.php>

<?php

//path to storage

$storage = ‘uploadedFiles’;

$upFile=”$storage/”.$noRep.’_’.$_FILES['Filedata']['name'];

//if the file is moved successfully

if ( move_uploaded_file( $_FILES['Filedata']['tmp_name'] , $upFile ) ) {

echo( ’1 ‘ . $_FILES['Filedata']['name']);

//file failed to move

}else{

echo( ’0′);

}

?>

AS3.0 에서 업로드 데이타 필드명을 따로 플래시에서 지정할 수 있게 바뀌었지만 서버에서의 변수 문제는 제공해 주질않았다.

Easing motion in Frame

프레임 모션에 easing 값을 넣어서 적용하는 방법…
프레임의 길이가 적어도 200 frame 이상이 되여야만 어느정도 부드러운 효과를 기대할수 있다.
일반적인 트윈같은 경우 action 으로 하는 경우가 훨씬 자연스럽지만 프레임 모션을 사용해야할경우
이 방법을 사용하면 action 같은 frame 모션이 가능하다.

import mx.transitions.Tween;
import mx.transitions.easing.*;
 
mc._frame = mc._currentframe;
 
var myTween:Tween = new Tween(mc, "_frame", Strong.easeOut, mc._currentframe, 300, 1, true);
 
myTween.onMotionChanged = function() {
mc.gotoAndStop(Math.round(mc._frame));
};
myTween.onMotionFinished = function() {
this.yoyo();
};

프레임 속성을 동적으로 할당해서 Tween class 를 사용하여 easing function 를 적용하여 구현.

XML Parsing Error

아래와  같은 xml 파일을 플래시로 불러들여 파싱할경우 주의할 점이 있다.

<?xml version="1.0"  ?>
<node>
<item label="menu1" src="null">
  <subMenu label="Play Movie" src="file1.swf"  eng="no"  loadingPos="506,345"></subMenu>
  <subMenu label="Play2" src="file2.swf"  eng="no" loadingPos="506,345"></subMenu>
</item > 
 
<item label="THEME STORY" src="file3.swf"  loadingPos="506,345"> </item ><item  label="SPECIAL FEATURE" src="null">
      <subMenu label="gallery" src="file4.swf"  eng="yes"  loadingPos="506,345"></subMenu>
  <subMenu label="about" src="file5.swf"  eng="yes" loadingPos="506,345"></subMenu>
   </item >
</node>

보통 xml 을 사용할 경우 외부데이타 종류를 임의로 정해줄 수 있어 xml 속성(attributes)을 이용하여 구성한다. 무심코 나중에 추가되는 xml 속성값의 순서와 플래시에서 파싱하는 순서가 일치하지 않을경우 제대로 파싱되어 데이타를 처리할 수 없다.

var subObj={label:dataArr2[j].attributes.label, src: dataArr2[j].attributes.src ,eng:dataArr2[i].attributes.eng , loadingPos: dataArr2[i].attributes.loadingPos};

위와 같은 형식으로 파싱할 경우 꼭 파싱할 순서를 xml 노드 속성 순서와 정확히 일치시킨다.

Singleton pattern 에서 유의사항

Singleton pattern 으로 객체를 생성했을경우 플래시에서 뜻하지 않은 상황이 발생한다.

플래시에서 Export 한 후 Download simulate 를 하면 알수 없는 이유로 프로그램이 진행이 되질 않는다. 이것은 프로그램의 오류가 아니라 Singleton pattern 에서 인스턴스 참조값을 저장하기 위해 사용한 전역변수가 문제다.

다시말해, 플래시에서 simulate 를 하기 위해서는 Export 한 상태에서 한번 더 Ctrl+ Enter 을 눌러야된다. 이 상황에서 플래시는 메모리에서  전역변수를 소거하지 않고 그대로 남아있는 상태가 된다.

Singleton pattern 에서는 반드시 인스턴스는 단 한번 밖에 생성되지 않는다.

따라서 한번 Export 해서 생성된 인스턴스로 인해 simulate 할경우 원하지 않은 상황이 발생한다.

private static var sInstance:FramePulse = null;
public static function getInstance () : FramePulse {
    if (sInstance == null) {
      sInstance = new FramePulse();
    }
    return sInstance;
}

–> Download 테스트 시 메모리가 소거 되지 않아 전역속성인 sInstance 로 인해 인스턴스를 생성할 수 없다.