margelo/react-native-filament

개요 Google의 Filament 3D 렌더링 엔진을 React Native에서 사용할 수 있게 해주는 라이브러리다. 물리 기반 렌더링(PBR)을 모바일에서 실시간으로 구현할 수 있다.

핵심 내용 Google Filament 엔진을 기반으로 OpenGL, Vulkan, Metal 등 다양한 그래픽 API를 지원한다. glTF 포맷의 3D 모델을 로드하고 물리 기반 조명·그림자·반사를 실시간으로 렌더링한다. C++ 네이티브 레이어 위에 React Native JSI 바인딩을 얹어 JavaScript에서 직접 제어할 수 있다.

기존 대비 차별점 React Native에서 3D를 다루던 기존 방식(WebGL 기반 Three.js 등)과 달리, 완전한 네이티브 그래픽 파이프라인을 사용해 훨씬 높은 성능을 낸다. Margelo(mrousavy 팀)의 제품으로 Vision Camera와의 통합도 고려된 설계다.

활용 가능성 AR 앱, 제품 3D 뷰어, 게임, 인터랙티브 3D 시각화 등 고품질 3D 그래픽이 필요한 React Native 앱에 활용할 수 있다. 특히 모바일 AR/3D 커머스 분야에서 큰 잠재력이 있다.

참고 자료 - 원본