제작자: Jared Liu
라이브 체험 프로젝트 소개
Drawing to 3D는 ‘스케치가 어떻게 3D 모델이 되는가’를 그 자리에서 직접 체험할 수 있게 합니다. 홈페이지의 꽃병, 로봇, 버섯집 예제 3개는 모두 실제 손그림 스케치를 Tripo image-to-model로 생성했으며 원본과 나란히 표시되어 드래그, 회전, 확대·축소할 수 있습니다.
직접 그린 그림을 업로드하고 사람 확인을 통과하면 익명 대기열이 처리를 이어받습니다. 기다리는 동안 재구성 애니메이션이 재생되고, 완료 후에는 흰색 모델을 브라우저에서 회전해 보고 GLB로 다운로드할 수 있습니다. 8K 텍스처와 더 높은 정밀도가 필요하면 클릭 한 번으로 결과를 Tripo Studio에 가져갈 수 있습니다. 사이트 전체가 계정 없이 6개 언어로 제공되고 정적 파일로 배포되며, Tripo 인증 정보는 Cloudflare Workers 안에 안전하게 보관됩니다.
체험 포인트
- 꽃병, 로봇, 버섯집의 세 예제는 모두 실제 손그림 스케치를 Tripo로 생성했으며 원본과 나란히 표시되어 드래그하고 회전해 볼 수 있습니다
- 그림 한 장(PNG/JPG/WebP)을 업로드하고 사람 확인을 통과하면 익명 생성 대기열이 나머지를 처리합니다. 가입은 필요 없습니다
- 기다리는 동안 스케치에서 입체를 재구성하는 애니메이션이 재생되고, 완성된 흰색 모델은 브라우저에서 회전해 보고 GLB로 다운로드할 수 있습니다
- 기기당 하루 한 번 무료로 생성할 수 있으며, 8K 텍스처와 더 높은 정밀도가 필요하면 클릭 한 번으로 결과를 Tripo Studio에 가져갈 수 있습니다
기술 분석
예제 생성 · Tripo v3 이미지-투-모델
세 예제 모델은 모두 Tripo API v3 image-to-model(v3.1)에서 상세 지오메트리, PBR 텍스처, 50,000면 상한으로 바로 생성했습니다. 저장소에는 생성 이력을 확인할 수 있도록 각 작업 ID, 크레딧 비용, 결과 파일의 SHA-256을 보관합니다. 웹용 복사본은 H 시리즈 지오메트리를 그대로 유지하고 내장 텍스처만 4096px에서 2048px로 낮춥니다. 약 500px 뷰어에서는 눈에 띄는 차이가 없고 텍스처 VRAM은 약 75% 줄어듭니다.
익명 생성 · 계정 없는 흰색 모델 파이프라인
브라우저에는 공개 설정만 두고 Tripo 인증 정보는 Cloudflare Workers 디스패처 안에만 보관합니다. Turnstile과 기기 지문을 결합해 기기당 UTC 날짜 기준 하루 한 번 익명 생성을 허용합니다. 작업 생성, 그림 업로드, 4초마다 폴링(반복 실패 시 최대 30s까지 지수 백오프), GLB blob 다운로드, 흰색 모델 즉시 렌더링 순서로 진행됩니다. 페이지를 닫으면 sendBeacon으로 작업을 포기하고, 스케줄러 lease가 정리용 안전장치로 작동합니다.
기다림을 연출로 · 클리핑 평면 재구성
생성 중에는 스피너를 표시하지 않습니다. 모델에 두 재질을 적용해 수평 클리핑 평면이 솔리드 재질을 아래에서 위로 드러내는 동시에 와이어프레임은 반대로 위에서 아래로 사라지게 하고, 주황색 스캔 링이 평면을 따라 이동합니다. 이를 통해 ‘AI가 선에서 입체를 재구성하는’ 과정을 그대로 연출합니다. 체감 진행률 막대는 작업 상태에 대응하는 구간을 부드럽게 이동하며, prefers-reduced-motion 사용자는 정지된 자세를 보게 됩니다.
SEO 우선 · 6개 언어 정적 사이트
Next.js 16으로 완전한 정적 출력을 생성합니다. 영어, 번체 중국어, 일본어, 한국어, 스페인어, 포르투갈어에 각각 전용 경로, canonical, hreflang 대체 링크, 사이트맵 항목을 제공합니다. 모든 Tripo Studio 링크는 하나의 공용 모듈에서 일관된 UTM 속성과 함께 생성되며, utm_content가 정확한 CTA 또는 선택한 예제를 식별합니다.
