플러스프로젝트 배경
1) 문제점 - **앱 설치 장벽**: 네이티브 앱 다운로드 없이 즉시 AR 체험이 필요함 - **MediaPipe JS의 한계**: 웹용 MediaPipe는 제공하는 기능이 제한적이고 커스터마이징 불가 - **복잡한 의존성**: MediaPipe C++ 프로젝트는 TensorFlow, Protobuffer 등 무거운 의존성이 많아 웹 환경 포팅이 어려움 - **성능 문제**: 웹 환경에서 실시간 AR
프로젝트 성과
커스텀 MediaPipe 파이프라인 개발
C++ 기반 MediaPipe 프로젝트에서 새로운 안면 인식 파이프라인 구현
WebAssembly 포팅 성공
TensorFlow, Protobuffer 등 무거운 의존성을 포함한 C++ 프로젝트를 WASM으로 성공적으로 컴파일
고성능 WebAR 구현
웹 브라우저에서 실시간 60fps로 동작하는 AR 렌더링 엔진 개발
ReactJS 플러그인 제공
Webpack 패키징을 통해 npm 패키지처럼 쉽게 사용 가능한 형태로 제공
크로스 플랫폼 지원
별도 앱 설치 없이 모든 디바이스와 브라우저에서 동작
핵심 기능
커스텀 MediaPipe 파이프라인 개발 및 WASM 포팅
MediaPipe C++ 프로젝트에서 커스텀 안면 인식 파이프라인을 작성하고, TensorFlow/Protobuffer 등 무거운 의존성을 Emscripten으로 WASM 컴파일하여 웹 고성능 실행을 구현했습니다.
프로젝트 상세
1) 포트폴리오 소개 ⠀ 주얼리 브랜드 로로젬의 온라인 쇼핑 고객을 위한 WebAR 가상 착용 솔루션. 별도 앱 설치 없이 웹 브라우저에서 주얼리를 가상으로 착용해볼 수 있는 실시간 AR 경험을 제공합니다. ⠀ 2) 작업 범위 ⠀ - WebGL 기반 실시간 렌더링 엔진 개발 (바닥부터 신규 개발) - MediaPipe C++ 커스텀 파이프라인 개발 - WebAssembly 포팅 (Emscript
