이미지 한 장을 걸어 다닐 수 있는 3D 세상으로 바꿨음 - Hyper3D, GPT-6, img2threejs, Three.js 활용
I turned a single image into a 3D world you can walk around in - using Hyper3D, GPT-6, img2threejs, and Three.js
핵심 요약
이미지 한 장을 기반으로 Hyper3D와 img2threejs 등을 활용해 상호작용 가능한 3D 환경을 구현한 프로젝트 소개.
- 3D 환경 구현 — 이미지 한 장에서 3D 공간을 추출해 상호작용 가능한 환경으로 변환함
- 기술 스택 활용 — Hyper3D, GPT-6, img2threejs를 조합해 3D 모델링 및 배치를 자동화함
- 상호작용 기능 — 캐릭터 이동, 발자국 남기기, 시간대 변경 등 다양한 인터랙션이 가능함
- 프로젝트 성격 — 완벽한 게임보다는 기술적 가능성을 보여주는 인터랙티브 쇼케이스임
그냥 오두막만 만드는 게 아님. 캐릭터만 만드는 것도 아니고. 장면 전체를 다 구현하는 거임.
이번 쇼케이스는 작은 겨울 세상이 담긴 사진 한 장에서 시작함. 단순히 동떨어진 오브젝트 하나를 생성하는 게 아니라, 사진을 3D 환경으로 재구성하는 게 핵심임.
img2threejs가 장면을 분석해서 오두막, 나무, 바위, 캐릭터, 주변 환경 같은 개별 요소로 싹 다 분해함.
Hyper3D가 3D 레퍼런스를 제공하고, GPT-6가 img2threejs 파이프라인을 돌려서 Three.js로 장면을 재구성하고 조립함. 오브젝트 배치부터 비율, 조명, 상호작용까지 전부 다 맞춰버리는 거지.
거기서 끝이 아님. 원본 사진이 보여주는 것보다 훨씬 더 많은 걸 할 수 있음.
캐릭터를 움직이거나, 눈 위에 발자국을 남기거나, 문을 열거나, 시간을 바꾸거나, 날이 어두워지면 오두막 옆에 모닥불을 피울 수도 있음.
내가 제일 흥미롭다고 생각하는 지점이 바로 이거임. 사진이 단순히 한 가지 카메라 각도에서 복제되는 결과물이 아니라, 경험을 시작하기 위한 출발점이 된다는 거.
물론 아직은 작은 인터랙티브 쇼케이스 수준임. 완성된 게임도 아니고 모든 디테일을 완벽하게 재현했다고 주장하는 것도 아님.
원본 사진이랑 3D 결과물을 비교할 때 너희는 뭘 제일 먼저 볼 거 같음? 오브젝트 모양? 장면 배치? 아니면 조명?
