[팁] DWG 파일을 웹에서 Three.js로 보여주기

Three.js로 구현한 상부장 웹 조립 가이드

[호기심]

오토캐드 DWG 파일을 읽어서
웹에서 제품 조립 가이드를 만들 수 있을까?

[결론]

훌륭하게 만들어짐.

DWG → Blender → GLB → Three.js

[작업 방법]

1. 오토캐드를 실행해서 DWG 파일을 연다.

오토캐드에서 연 가구 DWG 도면

2. Codex Astra: DWG 파일을 참고해 가구 3D 모델을 블렌더에서 만든다.

DWG 도면을 참고해 블렌더에서 만든 가구 정면 모델
블렌더에서 확인한 문이 열린 상부장 3D 모델
상부장 문 열림과 판재 8개의 분해 구조 렌더링

3. 완성된 블렌더 모델을 GLB로 내보내기

4. Three.js를 이용해 GLB 파일을 아래와 같이 보여주는 페이지 만들기

  • 조립 단계: 단계별 애니메이션 보기
  • 완성된 제품: 줌, 이동, 패닝, 회전, 재질/색상 변경

5. 완성된 웹 페이지 배포.

Bookmark the permalink.

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다