제작자: kevin
라이브 체험 프로젝트 소개
아카이브는 퀸 알렉산드라 버드윙부터 호메루스 제비나비까지 멸종위기 나비 6종을 수록합니다. 종마다 드래그로 회전하는 3D 표본과 함께 보전 등급(IUCN / CITES), 분포, 서식지, 주요 위협을 쉽게 풀어낸 해설이 붙고, 이름과 보호 등급으로 검색·필터링할 수 있습니다.
사이트는 Tripo API에 바로 연결됩니다. 모든 종에 조정된 모델링 프롬프트가 딸려 있어 원클릭으로 복사하거나, 그 자리에서 텍스트 투 3D 작업을 실행해 완료까지 지켜볼 수 있습니다. 참고 이미지와 모델 파일도 다운로드할 수 있어 “표본을 보는 것”이 “표본을 만드는 것”으로 바뀝니다.
체험 포인트
- 멸종위기 나비 6종의 표본을 드래그로 돌려 가며 날개의 디테일을 어느 각도에서나 살펴볼 수 있습니다
- 이름이나 보전 등급(IUCN / CITES)으로 종을 검색하고 필터링할 수 있습니다
- 모든 종에 조정된 모델링 프롬프트가 딸려 있어 원클릭으로 복사할 수 있습니다
- Tripo API에 바로 연결되어 그 자리에서 텍스트 투 3D 작업을 실행하고, 완료까지 상태를 확인하며, 참고 이미지와 모델을 다운로드할 수 있습니다
기술 분석
Tripo API 연동 · 텍스트 투 3D 작업 파이프라인
Tripo 연동 전체가 독립된 서비스 파일 하나에 담겨 있고, 흐름은 딱 세 단계입니다. 먼저 Bearer 키로 인증하고, 종 프롬프트와 함께 텍스트 투 3D 작업을 생성한 뒤(texture와 pbr 켜기, 텍스처 품질은 standard), 4초마다 작업 상태를 확인합니다 — 생성이 끝나면 모델 다운로드 직링크를 받고, 실패·취소·타임아웃도 모두 안전하게 처리됩니다.
이 몇십 줄이 곧 바로 쓸 수 있는 연동 템플릿입니다: 인증, 작업 생성, 폴링, 결과 가져오기. 자기 프로젝트에 복사해 API 키만 바꾸면 돌아갑니다.
프롬프트 엔지니어링 · 종마다 하나의 레시피
여섯 종마다 여러 번 다듬은 모델링 프롬프트가 딸려 있는데, 레시피는 세 부분으로 나뉩니다. 먼저 형태를 분명히 말하고(수컷 등면 뷰, 시맥 배치, 배 부분 배색), 원치 않는 효과를 걸러낸 다음(무광으로 — 메탈릭과 무지개빛 반사는 금지), 마지막으로 출력 요구사항을 적습니다(얇은 날개, 깔끔한 토폴로지, PBR 텍스처). 프롬프트는 사이트에서 원클릭 복사 — 이 아카이브에서 가장 챙겨갈 만한 “소스 코드”가 바로 이 프롬프트들입니다.
표본 뷰어 · 프로시저럴 형태 + 다중 포맷 출력
페이지에서 끌어 돌려보는 나비는 Three.js로 프로시저럴하게 조립한 가벼운 형태(날개 한 쌍, 표준 머티리얼, 반구 조명)라 외부 에셋 없이도 돌아갑니다. 더 정교한 버전이 필요하면 종마다 Tripo가 생성한 PBR FBX와 기본 OBJ 파일을 내려받을 수 있고, 미리보기 이미지도 Tripo의 렌더링 결과 그대로입니다 — 온라인 인터랙션과 에셋 다운로드가 서로 방해하지 않는 두 갈래 구성이죠.
아카이브 · 데이터 기반 React
종 기록의 보전 등급(IUCN / CITES), 분포, 서식지, 위협 요인은 전부 데이터 기반으로 렌더링되고, 검색과 필터링도 프런트엔드에서 바로 끝나 백엔드가 필요 없습니다. 스택은 React 19에 Vite 8이 전부이고, 빌드 결과는 순수 정적 파일 — 아무 정적 호스팅에나 올리면 그대로 서비스됩니다.
