프리셋을 고른 뒤 아래 값으로 미세 조정할 수 있습니다. 설정은 이 브라우저에 저장됩니다.
수평 0° = 카메라 정면, 90° = 오른쪽. 고도가 낮으면 그림자가 길게 깔립니다.
조명 색은 주광·보조광에 함께 적용됩니다. 이미지·영상 저장에도 그대로 반영됩니다.
제품을 클릭하면 불러옵니다.
「실측 비율」이 켜져 있을 때 쓰이는 배율입니다. 숫자가 클수록 제품이 크게 보이며, 제품끼리의 실제 크기 차이는 그대로 유지됩니다.
핫스팟 찍기를 켜고 모델을 클릭하면 특장점 말풍선이 가리킬 좌표가 잡힙니다.
제품을 불러올 때 재생할 연출입니다. 고르면 바로 미리 재생됩니다.
전체 기본값으로 적용됩니다.
색상 코드를 직접 넣을 수 있습니다. 투명으로 두면 영상·이미지로 내보낼 때 배경이 빠집니다.
CAD 파일에는 실제 제품 색이 들어 있지 않습니다. 아래에서 색을 고른 뒤 화면의 부품을 클릭하면 그 자리에서 칠해집니다.
모델 안의 재질 목록입니다. 색을 눌러 직접 바꿀 수 있습니다.
선택한 색이 칠해진 부품에만 적용됩니다.
포트를 클릭하면 3D 화면에 실측 모델이 나타납니다.
실측 모델이 없는 종류는 규격 크기의 기본 형상으로 나오고, 아래에서 .glb 를 직접 올려 바꿀 수도 있습니다.
케이블(선 + 단자)은 포트처럼 여러 제품이 같은 모델을 씁니다. 클릭하면 맞는 포트에 꽂힌 모습으로 나타납니다. 여기 등록된 모델이 설치 시연 · 사용법 · 케이블 연결 모드에 그대로 쓰입니다.
제품이 정면(+Z 방향)에서 들어오도록 포트를 배치해 주세요.
제품을 불러오면 락키는 기본 상태, 링크락은 USB-A 포트에 꽂힌 채(잠금) 보입니다. 연결은 전진 상태에서만 됩니다 — 기본이나 키 전개에서 「연결하기」를 누르면 먼저 전진으로 바꾼 뒤 연결합니다.
불러올 때 링크락은 「포트」 탭의 포트(기본 USB-A)에 꽂힌 채 놓입니다. 포트 중심을 기준으로 링크락 중심의 위치·방향입니다. 포트 자체의 자리는 「포트」 탭에서 옮기세요.
링크락 USB 플러그가 포트 구멍(+Z 방향에서 들어감)에 들어가도록 맞추세요. 기본값(회전 X −90 · Z 180)은 플러그가 포트 속(−Z)을 향하고 키 슬롯이 있는 아랫면이 바닥을 보게 한 값입니다.
삽입 자세는 자동 계산됩니다 — 링크락이 포트에 있는 자리와 아래 「끼움 자세」가 맞아떨어지도록 락키가 돌아가며 들어갑니다. 시작 위치는 「제품 옮기기」로 옮긴 뒤 저장하세요.
「뽑기 거리」는 포트 정면(+Z) 방향으로 빠져나오는 거리(화면 단위)입니다. 「연결 상태」는 링크락이 끼워지는 락키 상태(보통 전진)이고, 그 다음 상태를 키 전개로 봅니다.
락키에 끼워졌을 때 링크락이 놓이는 자리입니다. 슬라이더로 크게, 숫자칸으로 0.1mm 단위로 맞추세요. 「링크락에 화면 맞춤」으로 확대해 보면 편합니다.
Y 축이 락키의 길이 방향(키 끝이 +Y), Z 가 두께(버튼 쪽이 +Z)입니다. 전진 상태에서 키 끝은 약 Y 103mm 지점이며, 설명서대로 키는 링크락 아랫면 키 슬롯에 끝까지 들어갑니다. 기본값(Y 95 · Z 10)은 키 끝이 링크락 중심을 8mm 지나 몸통 안에 들어간 자세입니다.
저장하면 이 브라우저에서 제품을 다시 열 때 그대로 복원되고, 「저장」 탭의 d3 설정에 mount 항목으로 함께 들어갑니다.
제품마다 순서가 다를 수 있습니다. 단계를 자유롭게 넣고 빼세요.
각 단계에서 화면을 원하는 상태로 만든 뒤 「현재 화면 저장」을 누르면
제품 위치 · 카메라 앵글 · 상태가 함께 기록됩니다.
화면 위쪽 「제품 옮기기」 를 켜고 제품을 끌면 포트 쪽으로 이동합니다. 아래 값으로 미세 조정할 수 있습니다.
① 「특장점 추가」 → 보여 줄 앵글로 화면을 돌리고 「앵글 잡기 완료」
② 제품을 클릭해 핫스팟을 찍고 → 설명창 위치를 잡고 → 문구를 적고 「완료」
③ 필요한 만큼 반복한 뒤 「특장점 N 저장 완료」
나중에 「보기」 나 핫스팟 목록을 클릭하면 그때 잡아 둔 앵글로 돌아갑니다.
완료된 사용법 애니메이션을 소스 코드 수준에서 봅니다 — 단계 데이터(JSON)와 그 움직임을 만드는 함수. 단계를 누르면 그 움직임 코드로 바로 갑니다. 고친 코드는 적용 · 재생으로 바로 확인하고, 데모 사이트에 반영하면 모두에게 적용됩니다.
이 브라우저에 저장한 사용법 · 제품 소개 · 특장점 · 색상 · 위치 · 함수 수정본을 사이트에 바로 올립니다. 로그인한 계정 이름이 기록됩니다.
다른 사이트로 3D 를 옮길 개발자에게 줄 파일 묶음 — 고른 제품의 뷰어 압축 빌드 · 3D 모델(웹 전용) · 등록 정보 · Next.js / HTML 예제 · 개발 가이드를 ZIP 하나로 받습니다. QA 사이트와 같은 뷰어가 그대로 돌아갑니다.
등록하면 같은 브라우저의 제품 상세에 바로 반영됩니다.
실제 배포에는 내려받은 파일을 models/ 폴더에 넣어야 합니다.
제품이 저절로 바뀔 때 무엇이 불렀는지 여기에 남습니다.
지금 화면을 그대로 저장합니다. 배경 · 투명을 고르면 화면에 배경색이 깔려 있어도 저장본에서는 배경 · 바닥 · 받침대가 빠지고 제품만 알파 채널로 남습니다. (PNG 전용)
등록하신 사용법 · 제품 소개 · 특장점 · 색상 · 위치는 지금 이 브라우저에만 있습니다.
내려받은 d3.json(과 필요하면 .glb)을 models/ 폴더에 넣고 배포해야
다른 사람 화면에도 나옵니다. 브라우저 데이터를 지우면 등록본은 사라집니다.
저장할 때마다 직전 내용을 자동으로 남깁니다 (최근 5개). 실수로 지우거나 덮어썼을 때 여기서 되살리세요.
모델을 올리면 여기에 표시됩니다.
관리자 → 제품 관리 → 3D 데이터에 그대로 넣거나, 개발자에게 전달하세요.