STEP → GLB 변환기
.step / .stp 파일을 놓으면 브라우저에서 바로 .glb 형식으로 변환합니다. 파일은 컴퓨터 밖으로 나가지 않습니다.
STEP → GLB 변환이 필요한 이유
GLB는 <model-viewer>, Three.js, Babylon.js, Unity, Unreal, iOS Quick Look이 모두 기본으로 읽는 포맷입니다. CAD를 웹사이트, 제품 페이지, AR 미리보기에 올려야 한다면 GLB가 목적지입니다. 작업 단계에서 한 번 변환해 두면 방문자마다 브라우저에서 CAD 커널을 돌리는 비용을 아낄 수 있습니다.
누가 이 변환을 하나요
제품 페이지에 3D 뷰어를 넣는 제품 마케팅 팀, AR 미리보기를 추가하는 이커머스, 인터랙티브 기술 도면을 게시하는 문서화 팀이 사용합니다. 포트폴리오에 돌려 볼 수 있는 부품을 올리는 엔지니어도 마찬가지입니다. 이른바 ‘Sketchfab 스타일’ 인계입니다.
자주 생기는 문제
- STEP에는 재질이 없으므로 GLB는 기본 metallic-roughness로 나옵니다. 이후 Blender나 glTF-Transform에서 PBR을 다시 작성해야 합니다.
- 대형 어셈블리는 수 메가바이트짜리 GLB로 테셀레이션됩니다. 모바일이 중요하다면 데시메이션하거나 Draco 압축을 적용하세요.
- CAD 좌표축(흔히 Z-up)은 glTF의 Y-up과 맞지 않습니다. 미리보기가 옆으로 눕지 않도록 축 변환은 처리하지만, 대상 엔진의 카메라는 다시 맞춰야 할 수 있습니다.
이 도구의 기술 메모
OCCT 테셀레이션 → Three.js Group → 바이너리 모드 GLTFExporter가 단일 .glb를 씁니다. 형상과 기본 metallic-roughness를 담으며, 텍스처는 만들어 내지 않습니다(원본 데이터 없음).
STEP vs GLB — 무엇이 다른가요?
ISO 10303 기반 B-rep(경계 표현) CAD 포맷으로, 엔지니어링 툴 간에 정밀한 파라메트릭 솔리드 모델을 주고받는 업계 표준입니다.
- 정확한 곡면(NURBS / B-rep) — 테셀레이션 손실 없음
- 어셈블리 계층, 부품 이름, 메타데이터 보존
- 주요 MCAD 툴 모두 지원 (SolidWorks, Inventor, Fusion, Creo, NX…)
- 개방형·벤더 중립 ISO 표준
- 3D 프린터나 게임 엔진에서 바로 쓸 수 없음
- 메시 포맷보다 파일이 크고 여는 속도가 느림
- 읽으려면 CAD 커널이 필요 — 브라우저 기본 지원 없음
바이너리 glTF — 3D계의 JPEG입니다. 파일 하나로 완결되고 작으며, 웹·AR·모든 최신 3D 엔진에서 기본으로 로드됩니다.
- 지오메트리, 텍스처, 머티리얼, 애니메이션을 전부 파일 하나에 담음
- 작고 빠름 — 스트리밍과 웹 전송을 위해 설계
- Blender, Unity, Unreal, three.js, <model-viewer>, Android ARCore 등에서 기본 지원
- PBR 머티리얼(metallic-roughness)이 어디서나 일관되게 렌더링됨
- 바이너리 — 직접 편집 불가
- 전통적인 CAD 파이프라인에서는 덜 쓰임
포맷 깊이 알아보기
STEP — 어디서 왔나
노후한 IGES 포맷을 대체하기 위해 1994년 ISO 10303으로 표준화됐습니다. 애플리케이션 프로토콜 AP203(형상 관리 설계), AP214(자동차), AP242(두 가지를 통합한 최신 버전)가 지오메트리와 함께 전달되는 데이터를 정의합니다. 새로 내보낼 때는 AP242가 현재 기본값이며, 2026년 기준 대부분의 제조사가 기대하는 것도 AP242입니다.
- 외부 참조로 내보낸 어셈블리는 딸린 파일 없이 .step 파일만 옮기면 깨집니다. 항상 단일 파일 패키지(AP242 XML 또는 모놀리식 .step)로 내보내세요.
- 커널 간 라운드트립(예: Inventor → STEP → Fusion → STEP)을 거치면 아주 작은 슬리버 면과 에지 공차 드리프트가 생길 수 있습니다. 원본 파라메트릭 파일을 기준 데이터로 보관하세요.
- PMI(제품 제조 정보 — GD&T, 주석)는 AP242에서만 함께 전달됩니다. 구형 AP203으로 내보내면 경고 없이 빠집니다.
실제 사용: 기계 부품 협력업체는 STEP으로 견적을 내고, 위탁 제조사는 STEP으로 CNC 툴패스를 프로그래밍하며, 전자부품 업체는 Digi-Key와 Mouser에 부품 3D 모델을 STEP으로 게시합니다. 기계 엔지니어가 가공 업체나 사출 금형 업체에 설계를 넘길 때는 언제나 STEP으로 전달됩니다.
GLB — 어디서 왔나
glTF 2.0은 2017년 Khronos Group이 승인했고, 곧 W3C가 권장하는 웹 3D 포맷이 됐습니다. GLB는 지오메트리, 텍스처, 애니메이션, 씬 그래프를 .glb 하나에 모두 담는 "이것 하나면 충분한" 바이너리 패키징입니다. <model-viewer>, Android Scene Viewer, 모든 최신 게임 엔진이 거의 동시에 지원을 시작하면서 폭발적으로 채택됐습니다.
- PBR 머티리얼 모델은 선형(linear) 공간 텍스처를 전제합니다. 감마가 구워진 컬러 맵을 내보내는 DCC 툴의 결과물은 웹 뷰어에서 색이 바래 보입니다.
- Draco 메시 압축은 디코더를 미리 로드하지 않으면 오히려 로딩 시간을 늘립니다. 대역폭 절감이 실제로 필요한 경우가 아니면 끄세요.
- Y-up vs Z-up: glTF는 엄격하게 오른손 좌표계 Y-up입니다. Blender, 3ds Max, 대부분의 CAD 내보내기는 임포트 시 축을 뒤집어야 하며, 그러지 않으면 모델이 옆으로 누워 버립니다.
실제 사용: 이커머스 제품 페이지(IKEA, Amazon, Shopify 3D), Android AR Quick View, <model-viewer> 기반 문서, NFT 마켓플레이스, 실시간 컨피규레이터에 쓰입니다. 플러그인 없이 브라우저 탭에서 렌더링해야 하는 3D 에셋이라면 답은 GLB입니다.
STEP → GLB 변환 방법
- 1.step 또는 .stp 파일을 드롭 영역으로 끌어다 놓습니다. CAD 커널이 WebAssembly로 로컬에서 실행되며 아무것도 업로드하지 않습니다.
- 2테셀레이션된 모델을 3D 미리보기에서 살펴봅니다. 왼쪽 씬 트리에서 부품을 켜고 끄며 계층 구조를 확인할 수 있습니다.
- 3GLB 다운로드를 클릭해 독립형 바이너리 glTF로 저장합니다. three.js, <model-viewer>, Unity, Unreal, Android ARCore에서 바로 쓸 수 있습니다.
자주 묻는 질문
왜 STEP을 GLB로 변환하나요?
STEP은 웹에서 쓸 수 없습니다. 이를 기본 지원하는 브라우저가 없습니다. GLB는 웹 네이티브 3D 포맷으로, 작고 독립적이며 모든 최신 엔진에서 로드됩니다. 작업 단계에서 한 번 변환해 두면 방문자마다 CAD 커널 비용을 치르지 않아도 됩니다.
제 CAD가 서버에 업로드되나요?
아니요. STEP은 브라우저 안에서 occt-import-js(WebAssembly OpenCascade)로 파싱된 뒤 Three.js가 GLB로 다시 내보냅니다. 데이터는 기기 밖으로 나가지 않습니다.
GLB에 어셈블리 계층 구조가 유지되나요?
부품 이름과 기본 계층 구조는 glTF 씬 그래프에 보존됩니다. PMI, 피처, 파라메트릭 히스토리는 보존되지 않습니다. glTF에는 이를 표현할 방법이 없습니다.
곡면은 매끄럽게 유지되나요?
변환 중에 STEP의 정확한 B-rep은 삼각형으로 테셀레이션됩니다. 메시 포맷을 목표로 하는 한 피할 수 없는 일입니다. 적당한 기본 편차를 사용하므로 일반적인 관람 거리에서는 화면에서 보기 좋습니다.
GLB를 <model-viewer>나 AR Quick Look에서 쓸 수 있나요?
<model-viewer>(Google의 웹 컴포넌트로, 파일을 넣으면 바로 렌더링됩니다)에서는 가능합니다. iOS AR Quick Look에는 반드시 USDZ가 필요한데, 이 사이트의 3D 뷰어에서 USDZ도 바로 내보낼 수 있습니다.