INDEPS Space Editor

INDEPS 프로젝트를 하면서 사내 3D 워크플로우에 비효율이 있다는 것을 발견했고, 이를 개선하려고 만든 내부 도구입니다. Blender에서 작업한 모델을 웹으로 추출하면 렌더링 차이 때문에 시각적으로 어긋났고, 그래서 모델러와 개발자가 반복해서 보정하고 수치로 맞추는 작업을 해야 했습니다.

3D 모델을 웹과 비슷한 조건에서 미리 세팅할 수 있는 에디터를 만들어, 보정 작업을 효율화하고 커뮤니케이션 비용을 줄이며 설정 과정도 개선하는 것이 목표였습니다.

Vite와 React-three/fiber로 3D 에디터 환경을 만들고, 환경맵, 배경색, 카메라 제어 기능을 구현했습니다. 모델러가 웹뷰어와 비슷한 환경에서 조명과 오브젝트를 직접 조정하고, 배치·환경맵·오브젝트 설정을 JSON으로 저장하면 INDEPS 서비스가 이를 읽어 장면을 구성하도록 연결했습니다.

모델러와 개발자 사이의 시각적 싱크 불일치를 해결하는 3D 에디터를 완성했습니다. 실제 운영에 적용해 신규 모델 업데이트 속도를 높이고, 협업 효율도 개선할 수 있었습니다.