3d object model과 animation 정보를 함께 담을 수 있는 파일 포맷은 3가지가 존재한다

• FBX

  FBX

  • fbx 파일 포맷에는 5가지 종류가 있다

    

  • binary 파일이 가장 작은 용량을 가진다

  • ASCII와 6.1 버전은 지원 플러그인에 따라 재생이 불가능한 경우가 있다

• glTF

  glTF

  • glTF 파일 형식에는 2가지 확장자가 있음
    • .gltf
      • JSON 또는 ASCII 형식으로 이루어진 파일
    • .glb
      • gltf 형식의 바이너리 파일이며 원시 바이트 배열로 이루어져 있다.
      • gltf처럼 파일을 메모장으로 열 경우 사람이 식별할 수 없지만 용량 측면에서 강점을 가진다.
    • 두 파일 확장자 모두 외부 바이너리 및 텍스쳐 리소스를 참조할 수 있으며, 파일 자체적으로 해당 정보를 내장할 수도 있다.

• DAE

  What is DAE(.dae) file format?

설명

• 블렌더(Blender) 프로그램을 통해 fbx ←→ gltf ←→ dae 상호변경 가능(애니메이션 포함)

  FBX — Blender Manual

  • import 기능을 통해 fbx 파일을 읽어올 수 있는 형식은 다음과 같음
    1. FBX Binray
    2. FBX for Unity
    3. FBX 7.4
  • 현재 FX에서 사용하고 있는 FBX 파일들은 FBX 6.1 버전으로 추정되며 블렌더에 import가 불가능

• 3d 오브젝트 렌더링용 자바스크립트 Three.js의 래퍼 플러그인을 사용

  three_dart | Flutter Package

  • 해당 플러그인으로 테스트한 결과 실행 가능한 형식은 다음과 같음
    1. FBX Binray
    2. FBX for Unity
    3. FBX 7.4
  • 조명, 배경 등 구체적인 설정이 가능하지만 최초 로딩 시간이 1~2초정도 필요함

• 다른 뷰어 라이브러리 model_viewer의 래퍼 패키지 model_viewer_plus 사용

  model_viewer_plus | Flutter Package

  • 모델에 관한 간략한 설정만 가능하지만 로딩속도가 빠름
  • fbx파일은 사용 불가, glTF 확장자 파일만 사용 가능

• 또 다른 웹 렌더링 엔진 BabulonJS 뷰어 패키지 사용 (테스트 예정)

  babylon_dart | Dart Package

문제점

• webgl을 지원하면서 in-app webview를 지원하는 플러그인이 존재하지 않음

• 검증 플러그인

  • webkitGTK 기반

  desktop_webview_window | Flutter Package

  webview_universal | Flutter Package

  • webf 기반

  webview_all | Flutter Package

  • webview 기반

  webview_dart | Dart Package

결론

• webgl이 구현된 라이브러리를 플러터 플러그인으로 만드는 작업의 필요성

3d renderer 직접 구현을 위한 자료 조사

opengl | Dart Package

opengl_es_bindings | Dart Package