away3D 4.0를 이용하여 AIR for android로 컴파일시 

Error: Error #3709: The depthAndStencil flag in the application descriptor must match the enableDepthAndStencil Boolean passed to configureBackBuffer on the Context3D object.

라는 에러 메세지가 나오면 

app.xml 파일에 

<renderMode>direct</renderMode>
<depthAndStencil>true</depthAndStencil>

위와 같이 renderMode는 direct로 수정하고, depthAndStencil 노드를 추가한다.

※ 이상한 점은 FlashDevelop을 이용해서 컴파일 하면  <depthAndStencil> 옵션이 설정되어있지 않은 상태에도 잘 작동한다는 것이다.

출처 : http://away3d.com/forum/viewthread/1976/

http://www.adobe.com/support/flashplayer/downloads.html

adt를 실행하기위한 준비물

- 안드로이드 API를 작동시킬 .jar파일

- jar파일과 연동 되는 .swc파일

- extension.xml

## jar 파일 만들기

jar cf "만들 .jar파일 이름" -C "이클립스로 컴파일된 java 파일(프로젝트폴더\bin\classes)" . 

(마지막에 . 누락 주의)

## SWC파일 만들기

* flex SDK로 만들기 (Flash Builder에서는 /bin폴더에 SWC파일이 자동으로 생성된다.)

compc -o "만들 .swc파일 이름" -is "as소스폴더" -external-library-path "AIR의 airglobal.swc파일 지정" -swf-version 13

- airglobal.swc는 NativeExtension을 지원하는 2.5버전 이상을 지정한다. 단, .apk로 package시 포함되는 .swf파일의 버전보다는 낮거나 같아야한다.

- "-swf-version 13" 이라는 옵션을 추가하여 adt로 ane파일을 생성할때 "Invalid swc file. The extension NameSpace requires the SWF version to be 13 or lower."가 나타나지 않도록 한다.

* Flash CS5.5로 만들기 

0. Player 를 "AIR 2.5" 이상으로 변경한다.

1. 필요한 class를 import 하고 new 할 필요없이 클래스명만 적어준다.

import com.showjean.ANE.AlertANE;
AlertANE;

2. Publish Settings 에서 SWC 를 선택하고 테스트 무비를 실행한다.

## extension.xml 작성

 ANE.Alert
 1
 
  
   
    AlertANE.jar
    air.extensions.AlertExtension
    air.extensions.AlertExtension
   
    
 

<id> : ane를 구동하는 연결고리같은 존재이므로 되도록 유일한 값을 입력한다.

<nativeLibrary> : .jar 파일이름

<initializer><finalizer> : 자바클래스

## adt를 이용해서 .ane파일 생성

1. Android-ARM폴더를 만들어 .jar파일과 swc안의 library.swf파일을 복사해 넣는다.

(swc파일은 확장자를 zip으로 변경하여 내용을 확인할 수 있다.)

2. 다음을 정확히 입력한다.

adt -package -target ane "만들 .ane파일 이름" "extension.xml파일 지정" -swc ".swc파일 지정" -platform Android-ARM -C "Android-ARM폴더 경로지정" .

(마지막에 . 누락 주의)

ANE.alert.rar

- Flash CS5.5에서 ane 사용하기 : http://showjean.tistory.com/54

http://blogs.adobe.com/rgalvan/2011/11/adding-fp11-support-to-flash-pro-cs5-and-cs5-5.html

위 링크(FP11을 설정하는 법)을 따라하되 

폴더 이름을 FP11.2로 바꾸고 그 안에 playerglobal11_2.swc를 복사해 넣고 playerglobal.swc로 이름을 변경한다,

$Flash//Common/Configuration/Players/FlashPayer11_2.xml 파일의 내용을 다음과 같이 수정한다.(파일이 없으므로 이전 버젼 것을 복사한 후 이름을 변경해준다.)

Flash Player 11.2
   
   Device Central/adcdl.exe
   Device Central/adcdl
   
.....

Project > Properties > Compiler Options > ADvanced > Additional Compiler Options

위 항목에 "-swf-version=15"(따옴표 제외)를 추가하면 컴파일시 적용되어 정상 작동된다.

reference : http://help.adobe.com/en_US/air/build/WS597e5dadb9cc1e0253f7d2fc1311b491071-8000.html

movie 1/2 : http://www.youtube.com/watch?v=Axg6E001a7I

movie 2/2 : http://www.youtube.com/watch?v=MRcoJ6ClLqo&feature=channel

0. AIR3.1 SDK : http://www.adobe.com/devnet/air/air-sdk-download.html

   Android SDK r16 : http://developer.android.com/sdk/index.html

1. ANE 파일 준비 

Vibration 예제 (http://www.adobe.com/devnet/air/native-extensions-for-air/extensions/vibration.html)

샘플 파일을 다운로드한다.

2. flash cs5.5 에서 file - new - AIR for Android 로 새 파일을 생성하고 저장한다.

  (어짜피 adt를 이용해 package하게 되므로 AIR for Android를 고집할 필요없다. overlay 한 AIR3.1(http://kb2.adobe.com/cps/908/cpsid_90810.html)을 선택해도 된다.

"Included native extension 'com.adobe.mobile' includes a SWF version 13 which is greater than the version of the root SWF of this application: 11"

- 위와 같은 내용의 에러가 발생시 3.1을 선택해서 해결할 수 있다.)

3. ANE의 com.adobe.extensions.Vibration.ane 파일을 복사하여 com.adobe.extensions.Vibration.swc로 확장자를 변경한다.

4. flash의 Library path에 위 swc 파일을 추가하고 ⓘ를 클릭하여 Link Type을 External로 변경한다.

5. 적당한 스크립트를 작성한다.

package 
{

 import flash.display.MovieClip;
 import com.adobe.nativeExtensions.Vibration;


 public class VibrationExam extends MovieClip
 {


  public function VibrationExam()
  {
   // constructor code
   var vibe:Vibration;
   if (Vibration.isSupported)
   {
    vibe = new Vibration();
    vibe.vibrate(500);
   }
  }
 }

}

6. 인증서를 생성/등록한다.

7. name-app.xml에 퍼미션을 추가한다. (필요없다면 하지 않아도 된다.)

 
    com.adobe.Vibration 

adt -package -target apk -storetype pkcs12 -keystore showjean.p12 vibrationExam.apk vibrationExam-app.xml vibrationExam.swf -extdir extensionsDir

adb install vibrationExam.apk

확대는 대상의 중심을 기준으로

축소는 화면의 중심을 기준으로

실행해야 화면에서 대상이 사라지는 것을 예방할 수 있다.

- index, selectedIndex

1. 메뉴 포커스 이동 -> index 변화

2. 메뉴 선택 -> selectedIndex에 index 지정, 이전 selectedIndex와 다르면 hasChanged = true;

3. hasChanged 가 true라면 뭐든 생성 -> selectedIndex 에 해당하는 뭐든 생성, hasChanged = false;

* 외부에서 내용변경시 2번에서 시작...

- user input을 공통적으로 막을 수 있도록한다.

1. key 입력은 main에서 시작되므로 이를 main에서 관리하도록.

- 각 페이지가 갖는 서브페이지에 key input을 전달하는 방법을 모색

1. main에 _keyListener 변수로 key input을 직접 전달

2. 페이지에서 원할 때 _keyListener를 등록할 수 있음.

3. IKeyListener 로 구현

- 각 페이지들은 다른 페이지들과 연관관계가 없도록(적도록) 구성한다.

1. 페이지간의 이동이 원활해진다.

2. 데이터 참조가 목적이라면 데이터객체를 독립시켜 각각 참조하여 관계를 없앤다.

- 페이지 전환시 동작 순서

0.5. user input 막음

1. 이전 페이지 사라짐 -> 사라짐 완료

2. 현재 페이지 나타남 -> 나타남 완료

2.5. user input 시작

- 이전 페이지로 이동하는 방법 모색

1. 각 페이지는 고유의 id가 있다.

2. 현재 페이지는 이전 페이지의 id를 가지고 있다. (또는, main에서 페이지 순서를 관리한다)

3. 이전 이동시 이전 페이지의 id를 이용

- AbstractPage : 각각의 페이지 클래스

1. implements IKeyListener :: pressKey(code) : 키 입력을 받을 수 있는 객체

1.1. implements IKeyListener :: focusIn() : 키 객체로 지정되었을 때;

1.2. implements IKeyListener :: focusOut() : 키 객체가 아님으로 지정되었을 때;

2. create() : 데이터 로드 시작, 보여지는 것 생성

3. dispose() : 데이터 이외의 보여지는 것 제거

4. live() : 약한 전환을 위한 메서드, background에서 계속 진행하고 싶을 때 (약한 전환시에는 작동하지 않는 메서드)

5. kill() : 상동

6. index : 포커스가 맞춰진 index

7. selectedIndex : user가 선택한 index

8. hasChanged() : selectedIndex의 변화가 있는지 확인

9. clearChanged() : selectedIndex의 변화가 없음으로 지정

10. setChanged() : selectedIndex의 변화가 있음으로 지정

11. appear() : create()이후 나타나는 동작 시작

12. disappear() : dispose()이전 사라지는 동작 시작

- AbstractPageContainer : 페이지안에 페이지를 가질 수 있는 클래스

1. extends AbstractPage

2. addPage(AbstractPage) : 서브 페이지를 추가

3. removePage(AbstractPage) : 서브페이지를 제거

4. createSubPage() : selectedIndex의 서브페이지를 생성

5. removeSubPage() : 현재 서브페이지를 제거

6. subIndex : 서브페이지의 인덱스(선택된 서브의 sub.index or sub.selectedIndex)

* 서브페이지 생성시 addChild()는 별도로 구현한다. - 각 페이지마다 붙여지는 위치가 다르므로..

2.0에서 특정 상황에 보이던 현상이 3.0에서도 보여진다.

임베드를 적용한 인풋 텍스트에

'우리들은 일학년"을 타이핑하면

'우'글자가 사라진다.

이리저리 테스트 해보니

'리'를 입력하고 '들'의 ㄷ을 입력하는 동시에 '릳'라는 글자가되어야 하는데 이 글자가 임베드된 폰트에 포함되어 있지 않으면 이상현상으로 앞의 글자가 사라지는 것 같다.

텍스트 필드를 무비클립으로 만들고 필요한 폰트셋을 임베드한 후 swc로 변환해서 사용하는 중에 포함되지 않는 글자때문으로 보여진다.

폰트 전체를 swc로 만들 수 있나?

crossdomain.xml에서 허용한 도메인은 .swf파일의 도메인이다.

.swf를 표시하는 .html 등의 도메인이 아니다.

http://kostory.com  - .swf가 있는 도메인

 - .swf 내부에 allowDomain()을 설정한다.

 - crossdomain.xml 파일로 http://showjean.com의 접근을 허용한다.

http://showjean.com  - .html이 있는 도메인

 - .html의 allowScriptAccess을 always로 설정한다.

xml 로드(URLLoader) 후 FLV를 생성하고 .seekBar = seekbar를 지정하면 seekbar가 제대로 작동하지 않는다.

- 모든 경우에 해당하는지는 알 수 없음.

- xml로드 전 생성/지정하면 이상 없음.

swf파일을 로드하여 임베딩 폰트를 이용할 수 있는 방법(액션을 이용해서 텍스트 필드를 생성할 경우)

1. embedFont.fla - 실제로 폰트를 저장하고 있는 swf파일 만들기

- 1. 텍스트필드가 들어 있는 심볼(이하 임베드심볼) 하나를 만들어, 텍스트필드에 임베드할 폰트를 지정하고, embed버튼으로 임베드할 글자들을 선택한다.

- 2. 라이브러리의 임베드심볼 Linkage옵션에서 Export Runtime sharing을 체크하고 아래의 URL 박스에 export할 swf이름을 넣는다.(아무이름이나 넣어도 된다)

- 3. 스테이지에 임베드심볼을 가져다 놓는다.

- 4. 테스트무비를 실행해 swf파일(embedFont.swf)를 생성한다.

2. useFont.fla - 폰트를 사용할 수 있도록 로드해주는 swf만들기

- 1. 새로운 fla파일을 만든다.

- 2. 라이브러리창을 2개로 만들어, embedFont.fla의 임베드심볼을 useFont.fla의 라이브러리로 가져다 놓는다.

- 3. useFont.fla 라이브러리의 임베드심볼 Linkage옵션(Import for runtime sharing이 선택되어 있다)에서 URL에 임베드폰트의 swf(embedFont.swf)를 넣는다

- 주의 : embedFont.swf의 경로는 최종적으로 폰트가 사용되는 swf(test.swf)파일의 위치가 기준이된다.

- 4. useFont.fla 라이브러리의 임베드심볼을 스테이지에 올려 놓는다.

- 5. 테스트무비를 실행해 swf파일(useFont.swf)를 생성한다.

3. test.fla - 위 두파일을 로드하여 임베드폰트를 사용할 swf

- 1. 위 두 파일을 무비클립로더를 이용해서 로드한다.

   (embedFont.swf를 로드완료 한 후 useFont.swf를 로드한다.)

- 2. 로드가 완료되면 텍스트 필드를 생성해 폰트를 적용해 본다.

- 주의 : 폰트이름은 linkage가 아닌 실제 폰트명으로 사용해야 한다.

특징

- 1. 임베드폰트를 사용할 swf는 폰트의 어떠한 정보도 가지고 있지 않다. 그래서, 외부에서 폰트를 마음대로 바꿀 수 있다.

- 2. 임베드폰트관련 파일을 로드하여 사용하기때문에 유연성을 가질 수 있다.

- 3. 사용자가 원하는 글자셋만 임베드 할 수 있다.

- 4. 첨부파일의 test.swf에서는 텍스트필드 생성후 텍스트필드를 한번 클릭해야 텍스트가 보인다.

- 5. 텍스트의 위치가 일반적이지 않은 곳에 있다.

- 아직 4, 5에 관한 더 이상의 테스트는 진행하지 않았다.

font_embed-showjean.zip

* 사용조건 - 폰트임베드, attachMovie, 자체 swf 프리로드

자체 swf를 프리로드하기위해서는 1프레임의 용량을 최소한으로 줄여야한다.

이를 위해서 임베드된 폰트심볼(attachMovie로 이용될)의 'export in first frame'을 체크해제하고, 2프레임이후에 심볼을 위치시켜야 한다.

이때 만약 1프레임에 임베드된 폰트와 같은 폰트의 static폰트가 사용되고 있다면, 위의 임베드폰트가 1프레임에 로드되고 만다.

1프레임의 폰트를 'break apart'해서 해결할 수 있다.

우연히 알아낸 플래시 액션 패널 단축키 ctrl + '

{}

()

[]

등 괄호 안의 모든 것을 선택해준다.

trace("이 모든 것"); //이 만큼 선택된다.

쉐어링 폰트.swf 파일의 bitmap text를 체크하고, anti alias for animation옵션으로 지정하면 깔끔한 "돋움체/돋음" 등을 사용할 수 있다.

텍스트필드의 옵션이 bitmap text(no anti alias)이면 쉐어링 폰트가 보이지 않는다.

- 쉐어링 폰트.swf 파일을 만들 때 폰트의 linkage와 파일 이름을 같게 해준다.

- 쉐어링 폰트.swf 파일을 미리로드 해 놓으면 쉐어링 폰트를 이용하는 다른 swf파일에서의 로딩 속도를 살릴 수 있다.