1. Flash Player 11과 AIR 3 환경에서 3D 개발
Adobe Community Champion 지용호
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

2. 소개
 이름 : 지용호
 별명 : 지돌스타
 관심사 : 천문, 프로그래밍, 로봇, 드럼
 블로그 : http://blog.jidolstar.com
 홗동 : ACC, ACP, 천문노트, Powerfl
 일 : 스타플 SNS http://starpl.com
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

3. 목표
Flash Player 11 및 AIR 3 에서 지원하는
Molehill 3D API 홖경에서 Adobe Flash
Builder 4.5 통합개발도구를 이용해
프로젝트를 시작핛 수 있다.
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

4. Adobe Flash Player 11 beta for Desktop
 차세대 Flash Player 11
 Stage3D APIs (Molehill 3D APIs)
 64-bit support
 G.711 audio compression for telephony
 H.264/AVC SW Encoding
 Socket Progress Events
 HD surround sound
 Flash Player 11 Beta for Desktop 버전 배포중(2011.7.13)

© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

5. AIR 3 beta for Desktop
 AIR 3 beta는 Flash Player 11 beta의 모든 기능
수행
 데스크탑 설치용
 모바일(iOS, Android등) 개발용은 차후 배포 예정
 http://labs.adobe.com/technologies/flashplatfor
mruntimes/air3/
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 5

6. Adobe Flash Builder 4.5
 Eclipse기반 Flash 통합개발도구(IDE)
 Flex SDK, ActionScript 3.0 기반으로 개발
 다양핚 멀티 스크린 어플 제작
 다양핚 서버 사이드 기반 지원(Java,
ColdFusion, PHP, REST, SOAP등)
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

7. Molehill?
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

8. Molehill 3D?
 차세대 2D 및 3D 고성능 렌더링을 Flash Platform
Runtime홖경에서 지원하기 위해 만들어진 코드명
 GPU 가속을 지원하기 위핚 low-level, 3D API
 Stage3D API – 앞으로 이 용어를 기억하자.
 윈도우 directX, Mac과 Linux는 OpenGL 1.3 기반 동작
 모바일 OpenGL ES 2.0 기반 동작
 z-buffering, stencil color buffer, fragment and vertex
shader, cube textures 등이 지원
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

9. Stage3D API
 flash.display.DisplayObject 기반에서 물리적으로 분리됨
 기존 3D API와 전혀 다른 새로운 API
 Main Classes : Stage3D, Context3D등
 AGAL(Adobe Graphics Assembly Language)
 학습
 Stage3D APIs for Flash and AIR : http://goo.gl/mj1dn
 Flash Player 3D Future 동영상 : http://goo.gl/OpRKK
 Digging more into Molehill APIs : http://goo.gl/CXNH7
 임시API 문서 : http://jidolstar.net/asdocs/incubator/
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

10. Main Classes
create/set
Context3D Program3D
attach
Texture3D TextureCube3D
Stage3D
IndexBuffer3D
Vector.<Stage3D>(4)
Stage VertexBuffer3D
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

11. Stage3D Compositing
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

12. Stage3D.viewport 속성 삭제됨
This release includes an update to the Stage3D APIs that
removes the Stage3D.viewport property. Developers
should instead use the Stage3D.x and Stage3D.y
properties. Width and height can only be set using the
Context3D object.
http://goo.gl/goC8C
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 12

13. 퀴즈 이벤트!!
[ ] 는 Context3D에 정의된 3D 컨텐츠를 GPU 렌더링을 위한
표면으로 stage를 통해 참조할 수 있다. [ ]는 무엇인가요?
i 정답을 문자로 보내주세요 010-9187-6713
해당 번호는 이벤트 용도로만 사용됩니다
경품 : 영화 티켓 2인 기프티콘 (선착순 3명)
1인당 1개의 경품만 받으실 수 있습니다.
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
13

14. AGAL
 Adobe Graphics Assembly Language
 Adobe에서 정의핚 Low-level 얶어
 Stage3D의 기능 중 shader를 생성하는 목적
 각종 렌더링 효과를 계산 처리
 폴리곤(삼각형)의 확대/축소/이동/색상적용/조명처리/텍스쳐반영 등을
처리명령
 순수 binary bytecode, ByteArray로 입력
 참고 :
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

15. Connecting the Pieces
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

16. Stage3D Code Walkthrough
Setup
Render
GPU Stage3D[0] Stage3D[1] ... Vector.<Stage3D>
present()
requestContext3D() VertexBuffer3D
setVertexBufferAt()
setTexture() drawTriangles()
IndexBuffer3D
Texture3D createIndexBuffer()
Context3D
createVertexBuffer()
TextureCube3D
createTexture() clear()
setProgram()
setProgramContentsFromMatrix() AGALMiniAssembler
createProgram() setProgramContentsFromVector()
AGAL Vertex Program
upload()
Program3D AGAL Fragment Program
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

17. Stage3D Performance
현재 Flash Player Molehill Flash Flayer
수천개의 triangle •수십만개 triangle
z-buffer 미지원 •z-buffer 지원
GPU 미지원 •GPU 지원
30hz 렌더링 •60Hz HD급 렌더링
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

18. Stage3D Rendering
Flash Player 10 기반 Flash Player 11 기반
- CPU를 이용핚 렌더링, 높은 CPU 점유율 - 1280x1050 화면에서 30fps
- 수천개의 폴리곤 처리 - 적은 CPU 점유율.
- 수십개 아바타 - GPU를 이용핚 렌더링
- 빛처리 가능하나 퍼포먼스 문제 있음 - 수십만개의 폴리곤처리
- 500개가 넘는 아바타
- 동적인 빛처리
- http://goo.gl/8UuOP
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 18

19. Stage3D Performance
 Display list를 이용핚 2D 애니메이션
 http://goo.gl/Se6TM
 http://goo.gl/wgW6u
 Stage3D를 이용핚 2D 애니메이션
 http://goo.gl/xWMLa
 http://goo.gl/MYVPu
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

20. Stage3D Demos

 위 들은 대부분 기준으로 제작된 것이므로
현재 에서는 동작이 제대로 안될 수 있음
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

21. How does it work?
 Low-Level Access
 flash.display3D package
 flash.displayStage3D class
 AGAL(Adobe Graphics Assembly Language)
 High-Level Access
 3D : Away3D, Alternativa 3D, Flare 3D, Sophie 3D, Minko, Coppercube,
Yogurt3D, Zest3D
 2D : ND2D, M2D, RED2D
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

22. 퀴즈 이벤트!!
최근 Adobe에서 발표한 새로운 언어로 Stage3D(Molehill 3D)의 기능중
shader를 생성하는 목적을 가지고 있으며, GPU를 활용하여 화면에 3D
객체를 그릴 수 있게하는 Low-level 언어는?
i 정답을 문자로 보내주세요 010-9187-6713
해당 번호는 이벤트 용도로만 사용됩니다
경품 : 영화 티켓 2인 기프티콘 (선착순 3명)
1인당 1개의 경품만 받으실 수 있습니다.
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
22

23. Stage3D Development Environment
 개발OS
 Win OS, Mac OS
 개발도구
 Flash Builder 4.5.1
 필요핚 사항
 Flash Player 11 Beta와 playerglobal.swc : http://goo.gl/5GPOf
 AIR 3 Beta : http://goo.gl/Lxu71
 Flex 4.5.1 SDK
 (선택)Away3D 4.0 Alpha 라이브러리 및 예제 : http://goo.gl/TpEDm
 (선택)Alternativa 3D 8 라이브러리 및 예제 : http://goo.gl/Kkekh
 (선택)ND2D Molehill 기반 라이브러리 및 예제 : http://goo.gl/gpF15
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

24. Useful Links
 유용핚 Stage3D 관련 링크
http://goo.gl/pcIzG
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

25. Let’s start
 Away3D 4.0 예제 테스트 홖경 만들기
http://goo.gl/uXuH2
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

26. Flash e세미나에
참석해 주셔서 감사합니다
• Flash Platform Facebook : http://www.facebook.com/FlashPlatformKR
• Adobe Twitter : www.twitter.com/adobe_korea
• Acrobat X 구매 문의 : http://www.adobe.com/kr/purchase
• 한국어도비시스템즈 채널 세일즈 센터 : 02-530-8075
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.

27. © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.