라이브 체험 설명
World in a Box는 누군가와 함께 나눈 추억을 손바닥 위에 올려 두고 싶은 모든 사람을 위한 웹 앱입니다. 편집 가능한 3D 거리에 들어서서 길을 따라 거닐다가 오래된 전파사, 찻집, 선물 가게, 카페, 이렇게 작은 가게 네 곳에 들어가 봅니다. 가까이 다가가 선반 위의 ‘추억의 물건’을 집어 든 다음, 직접 쓴 추억과 함께 돌려 볼 수도 있고 간직할 수도 있는 손바닥만 한 행성 위에 올리고, 제대로 쓴 편지 한 통과 함께 소중한 사람에게 선물합니다.
체험은 네 단계로 이루어집니다.
- 추억의 거리: 가게 문 앞에서 E를 눌러 안으로 들어가고, 추억의 물건에 가까이 다가가 클릭하면 주울 수 있습니다.
- 내 주머니: 주운 물건은 모두 여기에 보관됩니다.
- 행성 편집기: 행성 스타일과 캐릭터 한 쌍을 고르고, 추억의 물건을 정확히 세 개 골라 추억과 편지 한 통을 씁니다.
- 컬렉션 카드: 행성과 편지가 한 장의 카드에 함께 담깁니다.
컬렉션 카드, 행성 모델, 편지는 모두 저장해 가져갈 수 있습니다. 주머니와 초안은 로컬에 저장되므로 페이지를 새로 고쳐도 아무것도 사라지지 않습니다.
편집 가능한 거리는 팀이 Three.js(r180)에서 메시와 베이크된 머티리얼로 직접 만들었고, 행성과 컬렉션 카드도 같은 엔진으로 렌더링합니다. 주머니, 행성 편집기, 컬렉션 카드, 저장 흐름도 모두 팀이 자체적으로 만들었습니다.
Tripo 활용 방식
선물의 핵심은 Tripo가 생성했습니다.
- 추억의 물건과 캐릭터: 주요 추억의 물건 전부와 두 캐릭터의 디자인 이미지, 고정밀 GLB 모델을 Tripo가 만들었습니다. 예를 들어 가게의 간판 상품인 ‘달빛 TV’는 삼각형 약 11만 개로 이루어져 있습니다. 이것들이 바로 플레이어가 가게에서 주워 행성에 올리는 선물입니다.
- 이미지 우선 파이프라인: 로컬 빌드에서는 Tripo API의 전체 흐름이 작동해, 먼저 디자인 이미지를 생성하고 사용자가 승인한 뒤에야 3D 모델을 만듭니다. 작품을 제출할 당시 온라인 버전에서는 이 진입점이 아직 열려 있지 않았습니다.
- 완결된 루프: Tripo의 모델은 팀이 직접 만든 Three.js 거리와 손바닥 행성 엔진에 연결되어, 생성과 승인부터 탐험, 줍기, 행성에 배치하기, 컬렉션 카드 만들기, 간직할 수 있는 모델 내보내기까지 이어집니다. 모든 물건이 플레이할 수 있고, 수집할 수 있으며, 바로 선물할 수 있습니다.
