퓨즈의 모든 것 :: https://blog.wonhada.com/?cat=219

1. 기술 브리핑

2. 표현하는 UX엔진
● 게임 엔진의 메이크 또는 브레이크 원칙을 바탕으로 만들어졌다.
○ 고성능 커스텀 그래픽과 미디어
○ 반응적 상호작용
○ 간결한 컨텐츠 생성
● 통합 크로스 플랫폼
○ 엄청 빠른 GPU와 뛰어난 유저 경험
○ 수정이 쉬운 요소와 레이아웃, 뛰어난 프리젠테이션
○ 플랫폼에 관계없는 애니메이션과 제스쳐를 이용한 뛰어난 사용자와의 뛰어난 교감
● 모바일을 위한 디자인
○ 최소파워 소모

3. Fuse 소개
 미래의 최첨단 기술을 지닌 App 개발 도구
 iOS와 Android의 혁신적인 실시간 작업흐름.
 Native 코드의 Performance에 지장을 주지 않음

4. 진정한 첫 번째 UX 엔진
 반응 형 차세대 mobile 경험을 만들어 냄
 GPU를 이용하여 아름다움과 Performance을 창출
 부드러운 native controls와 custom 요소의 결합
 결합된 크로스 cross platform layout,
navigation과 animation
 어느 UI 항목에 실시간으로 변경반영

5. 차세대 작업흐름
 실시간으로 변경사항을 확인하고 테스트 한다
 시각적인 수정 UX와 실시간 반응이 있는 JavaScropt로
되어 있다
 동시에 여러 iOS와 Android기기에 연동가능
 Windows와 OSX에서 볼 수 있는 매우 빠른 preview

6. The stack UX Markup JavaScript
Uno platform
C++ / Java / ObjC
Fuse Libraries
User code
Uno code
Output code

7. The Uno platform
 Fuse를 가능하게 하는 language와 compiler
 C#의 변형
 Graphics programming 위한 특성이 내장되어 있음
 C++, .NET bytecode 와 OpenGL ES shaders 를 생성합니다.
 어디서든 실행이 가능한 코드를 빨리 작성할 수 있도록 설계 되어있습니다
 대부분의 Fuse 사용자는 Uno코드를 전혀 작성하지 않습니다.
“실시간 그래픽을 심플하게 구현 합니다.”

8. UX Markup
XML을 이용한 모든 UX 표현 가능
● Layouts & controls
● Styles & animations
● Interactions & gestures
● Data relationships
● device에서 실시간으로 UX 변경된 것을
반영한다.

9. UX Components
● 쉽게 재활용이 가능한 클래스 이름이 있는 UX 트리
또는 종속 트리 작성
● 직감적인 범위와 XML 트리 구성을 이용한 캡슐화
● 구성요소를 실시간으로 갱신

10. UX extensibility
Uno와 1:1 관계:
● UX 트리 => Uno 코드 => 빠른 native code
● 최소한의 UX node는 간단한 Uno 클래스 이다
● Public 클래스의 특성은 node 속성이 된다.
● Custom node 빠르고 쉽게 만들 수 있다.

11. 기본적인 JavaScript로 품위 있는 Business logic을 구성
Cross-platform app logic
Common JS module systems
Fuse JS의 Observable Framework의 기능적 반응형
데이터 바인딩
JavaScript의 실시간 반영
JavaScript

12. A quick data binding example

13. 비동기적 JS 설계
JavaScript Thread Native UI Thread
Observable 변경
사용자 입력 이벤트
HTML5/hybrid App 기술 자바 스크립트의 performance 문제를 해결 해줄 수 있습니다.
비 동기화로
메시지 전달

14. Fuse is a model citizen
Local socket또는 studio로 지원되는 open plugin API
간소화된 asset import
Node JS 또는 VS Code로 Java Scrip를 debugging 할 수 있다.
Sublime text 와 Atom 에디터의 plugin을 공식적으로 지원한다.
VS Code와 그 이상을 위한 커뮤니티 plugins이 있습니다.

15. Foreign Code(FC)를 이용한 Native의 확장 성
OS beta 버전에 나온 Native platform기능을 써보고 싶으신가요? 가능합니다!
Java, ObjectiveC/Swifr 코드/레퍼런스를 작성 후, Uno에 적는다.
JNI 타입 변환을 위한 Uno code가 자동 생성된다.
Native Code에 Uno 함수 포인터를 블록 또는 runnables 형식으로 넘길 수도 있다.
프리미티브, 배열 또는 타입이 없는 복잡한 타입( Object / id )를 반환한다.
Fuse projects에 native libraries들이 통합되어 있다.

16. A quick FC example

17. Fuse Libraries
Uno와 외부코드로 작성되어 있다.
최소한의 코드로 최신 멋진 App을 만들 수 있습니다.
JS/UX와 native code 이어줄 수 있는 라이브러리
Open Source.

18. 혁신적인 Visual Tooling
Markup, JS와 API 플러그인을 이용
직감적인 Visual tool를 이용한 UX엔진
Drag, Drop와 scrub을 이용한 UX 작성

19. ● 다운로드: http://www.fusetools.com
● 커뮤니티와 포럼: https://www.fusetools.com/community
● 샘플: https://www.fusetools.com/examples