☕️ 제품 이미지 한 장을, 웹사이트에서 바로 움직이는 3D 모델로 만들 수 있다면?
GitHub 1.1만 Star의 img2threejs는
이 작업을 Claude Code, Codex, OpenCode에 맡길 수 있게 해줍니다. 🎮
헤드폰, 카메라, 운동화, 게임 아이템 이미지를 넣으면
Agent가 Three.js로 형태를 하나씩 다시 구축합니다.
핵심은 수정할 수 없는 3D 모델 파일을 만드는 게 아닙니다.
결과물은 "TypeScript 코드"입니다.
색상과 재질을 바꿀 수 있고,
버튼·뚜껑·바퀴처럼 움직여야 하는 부분에는 제어 지점도 남겨둡니다.
그대로 웹사이트에 넣고 계속 개발하면 됩니다.
작동 방식도 꽤 현실적입니다.
→ 비율, 구조, 반사광, 모서리, 디테일부터 먼저 분석
→ 코드를 이용해 3D 모델 구성
→ 렌더링 결과를 원본 이미지와 비교
→ 차이가 크면 다음 단계로 넘어가지 않고 계속 수정
제품 소개 페이지, 3D 상품 전시, 게임 소품을 만들 때
매번 Blender부터 열지 않아도 되는 이유입니다. ⚡️
그리고 이미지 한 장으로 보이지 않는 뒷면까지 아는 척하지 않습니다.
더 정확한 결과가 필요하다면 여러 각도의 이미지를 주면 됩니다.
Apache 2.0 오픈소스.