레퍼런스 한 장 · 페이지, 미디어 또는 소스

사진 한 장.
끝없는 3D 이야기.

구조가 있는 3D 오브젝트를 만들고, 비주얼 언어를 바꾸고, 어떤 장면에도 배치하고, 모든 파트를 이야기로 만드는 스티커를 붙이세요.

01 / 소스
레퍼런스 한 장
02 / 빌드
이름이 붙은 3D 파트
03 / 연출
장면 + 스티커
04 / 배포
페이지, 미디어 또는 소스
[ 01 / 실제로 나오는 것 ]

사진 한 장이 들어갑니다.
편집할 수 있는 오브젝트가 나옵니다.

평면 렌더도, 열 수 없는 하나의 메시 덩어리도 아닙니다. 아래 오브젝트는 모두 레퍼런스 한 장으로 만들어져 지금 이 페이지에서 돌아가는 Three.js입니다.

레퍼런스4분의 3 각도 데스크 사진

이미지 한 장. 모델링도, 스캔도, 턴테이블도 없습니다.

재구성 결과8 개의 이름 붙은 파트 · 4 종의 재질

3D preview unavailableThis browser could not start WebGL. The model data and code export still work.

브라우저에서 실행 중입니다. 드래그해서 돌려보세요.

camera bodyright hand gripviewfinder humplens barrelfocus ringfront lens glassshutter buttonmode dial
[ 02 / 메시 덩어리가 아닌 이유 ]

모든 파트에 이름이 있습니다.

다른 도구는 분해할 수 없는 오브젝트 하나를 건넵니다. PhotoTo3D는 계층 구조를 돌려주기 때문에, Studio를 떠난 뒤에도 각 구성 요소를 코드에서 이름으로 다룰 수 있습니다.

3D preview unavailableThis browser could not start WebGL. The model data and code export still work.

create-survey-drone-model.ts18 parts
// every part keeps the name the vision pass gave it
const model = createSurveyDroneModel();

const body = model.getObjectByName("central flight body");
const pack = model.getObjectByName("top battery pack");
const arm = model.getObjectByName("front left arm");

// address it like any other Three.js object
body.material.color.set("#e8863c");
pack.rotation.y += delta * 2;

내보낸 팩토리 함수의 실제 출력이며, 목업이 아닙니다.

01 / 소스레퍼런스 한 장

선명한 사진 한 장을 올리세요. 브라우저가 원본을 블랙박스에 묻지 않고 준비합니다.

02 / 빌드이름이 붙은 3D 파트

비전 모델이 오브젝트를 편집 가능한 프리미티브의 이름 붙은 계층 구조로 분해합니다.

03 / 배포페이지, 미디어 또는 소스

인터랙티브한 이야기, 캠페인 에셋, 또는 표준 Three.js 장면에 바로 쓸 수 있는 읽기 좋은 TypeScript로 내보내세요.

[ 03 / 오브젝트 하나, 다섯 가지 언어 ]

바뀌는 것은 말하는 방식이지,
그것이 무엇인지가 아닙니다.

계층 구조는 그대로이고 렌더링 언어만 달라집니다. 그래서 제품 장면과 기술 분해도가 같은 오브젝트에서 나옵니다.

3D preview unavailableThis browser could not start WebGL. The model data and code export still work.

01

Studio PBR

재질을 그대로 살리고, 부드러운 그림자와 바로 쓸 수 있는 스튜디오 조명을 더합니다.

이 스타일 사용해 보기

3D preview unavailableThis browser could not start WebGL. The model data and code export still work.

02

와이어프레임

구조와 실루엣을 드러내 정밀한 기술 오브젝트로 보여줍니다.

이 스타일 사용해 보기

3D preview unavailableThis browser could not start WebGL. The model data and code export still work.

03

클레이

재질의 잡음을 걷어내고 비례와 균형, 실루엣에 집중합니다.

이 스타일 사용해 보기

3D preview unavailableThis browser could not start WebGL. The model data and code export still work.

04

X-Ray

반투명한 덩어리와 또렷한 엣지로 조립 관계와 공간 구조를 설명합니다.

이 스타일 사용해 보기

3D preview unavailableThis browser could not start WebGL. The model data and code export still work.

05

복셀

같은 이름의 파트들을 압축된 블록 언어로 다시 쌓아 올립니다.

이 스타일 사용해 보기
[ 04 / 활용 사례 ]

모델 하나, 모든 용도

같은 이름 계층 구조를 네 가지 용도로. 그 사이에 다시 만드는 것은 없습니다.

01제품

인터랙티브 커머스

회전 가능한 제품 뷰를 배포하고, 색상과 재질을 코드에서 바로 조정하세요.

02게임

런타임에 바로 쓰는 프롭

이름이 붙은 피벗, 소켓, 그룹을 웹 장면이나 게임 시스템 안에서 그대로 사용하세요.

03포트폴리오

존재감 있는 오브젝트

또 하나의 평면 렌더 대신, 방문자가 직접 들여다볼 수 있는 프로젝트로 만드세요.

04분해

기술적인 이야기

실제 파트로 만든 분해도로 구조와 계층을 드러내세요.

[ 05 / 소유권 ]

코드는 당신의 것입니다,
구독 여부와 무관하게.

표준 Three.js 오브젝트를 만드는 읽을 수 있는 TypeScript를 내보냅니다. 독자 런타임도, 외부 통신도, 로드 시점의 라이선스 확인도 없습니다.

01

그냥 Three.js

표준 지오메트리와 재질입니다. 이미 쓰고 있는 장면에 그대로 넣으면 됩니다.

02

해지해도 그대로

언제든 해지할 수 있습니다. 이미 내보낸 것은 하던 대로 계속 작동합니다.

03

변환은 무료

spec을 코드로 바꾸는 작업은 CLI나 MCP로 로컬에서 실행됩니다. 횟수 제한도, 키도 없습니다.

[ 06 / 작동 방식 ]

네 단계

레퍼런스 한 장에서 배포 가능한 소스까지, 중간에 숨기는 것이 없습니다.

01

레퍼런스 잡기

선명한 사진 한 장을 올리세요. 브라우저가 원본을 블랙박스에 묻지 않고 준비합니다.

02

구조 해석

비전 모델이 오브젝트를 편집 가능한 프리미티브의 이름 붙은 계층 구조로 분해합니다.

03

말하는 방식 선택

장면과 비주얼 레시피를 적용하고, 스티커·모먼트·분해 상태로 이야기를 연출하세요.

04

어디에든 퍼블리시

인터랙티브한 이야기, 캠페인 에셋, 또는 표준 Three.js 장면에 바로 쓸 수 있는 읽기 좋은 TypeScript로 내보내세요.

[ 07 / 단순한 요금 ]

요금

데모 모델을 살펴보는 것은 무료입니다. 내 사진으로 생성하려면 플랜이 필요합니다.

데모워크플로를 살펴보는 용도
무료
  • 모든 데모 모델, 완전 편집 가능
  • 모든 렌더 스타일과 스티커
  • PNG, GIF, GLB, TypeScript 내보내기
Studio 열기
Studio3D를 출시하는 팀을 위해
$49
  • 우선 빌드 큐
  • 스펙 공유 및 리뷰 기록
  • 이메일 지원
Studio 선택

생성만 크레딧을 소모합니다. 편집과 내보내기는 크레딧을 쓰지 않습니다.

요금
[ 08 / 답변 ]

궁금한 것들,
여기에 정리했습니다.

첫 레퍼런스를 보내기 전에 알아둘 만한 내용입니다.

013D 모델링을 알아야 하나요?+

아닙니다. 선명한 레퍼런스를 올리면 분해, 지오메트리, 초기 재질은 워크플로가 처리합니다. 결과는 브라우저에서 확인하고 조정하면 됩니다.

02실제로 무엇을 받게 되나요?+

검증된 sculpt 명세와, 표준 Three.js 오브젝트를 생성하는 읽을 수 있는 TypeScript입니다. 내보낸 결과물에 독자 런타임은 붙지 않습니다.

03생성된 GLB 파일인가요?+

아닙니다. PhotoTo3D는 이름이 붙은 절차적 Three.js 프리미티브 계층을 만듭니다. 그래서 개별 파트의 색 변경, 애니메이션, 분리, 코드에서의 참조가 쉬워집니다. 필요할 때는 GLB로도 내보낼 수 있습니다.

04구독을 해지하면 내보낸 결과물이 멈추나요?+

아닙니다. 생성된 소스는 당신의 것이며, PhotoTo3D 구독 없이도 계속 작동합니다.

05빌드 한 번은 어떻게 계산되나요?+

레퍼런스 한 장을 sculpt 명세와 내보낼 수 있는 팩토리 함수로 처리하면 빌드 한 번입니다. 로컬에서 spec을 코드로 바꾸는 것은 무료이며 횟수 제한이 없습니다.

06잘 못 다루는 대상은 무엇인가요?+

얼굴, 캐릭터, 밀도 높은 유기적 디테일입니다. 이미지 한 장으로는 양식화된 근사치가 나올 뿐, 인물을 정확히 재현하는 스캔이 아닙니다. 하드서피스 제품과 도구, 소품이 가장 강한 영역입니다.

문서 읽기
[ 준비되면 언제든 ]

오브젝트 하나에
3D의 생명을.

레퍼런스를 올리고, 이름 붙은 지오메트리와 소스 코드를 가져가세요.

무료로 시작
무료로 시작모델링 불필요소스 포함