구동 — 여는 방법
여는 방법
drawing3d-web폴더의index.html을 더블클릭한다. 서버도 인터넷도 필요 없다.- 브라우저는 Chrome 또는 Edge 를 쓴다.
- 보이는 3D 와 왼쪽 도면은 도면(DWG)에서 도구가 만든 것이다 — 3D 데이터
model_extracted.js, 도면 그림private/drawing_gen.svg. 제출 압축에 들어 있다. - 손으로 만든 정답 모델과 견주어 보려면
answer.html(정답지 화면)을 연다. 왼쪽은 원본 도면 그림(CAD 에서 내보낸 SVG)private/drawing.svg이다. 두 화면은 같은 모양이어야 한다 — 다르면 검사(check.sh)가 먼저 알려 준다.
도면에서 다시 만들기
도면이 바뀌면 WSL(Ubuntu)에서 한 줄로 다시 만든다. 준비: GNU LibreDWG 0.14(설치는 README.md 「변환 패키지」).
- 원본 DWG 를
private/drawing.dwg로 둔다. bash tools/make_model.sh를 실행한다. DWG → DXF → 그림 범위 → SVG·3D 데이터가 차례로 만들어진다.
| 형식 | 파일 | 쓰임 |
|---|---|---|
| DWG | private/drawing.dwg | 설계도면을 주고받는 원본(바이너리) |
| DXF | private/full.dxf → private/drawing.dxf | 글자로 된 도면. 전체에서 tools/views.json 의 그림 상자만 남겨 추출 도구가 읽는다 |
| SVG | private/drawing_gen.svg | 웹 왼쪽 칸에 보이는 도면 그림 |
| JS | model_extracted.js | 3D 데이터. 도면에 없는 사다리 위치·배관·색은 tools/design_rules.json |
규칙은 이 도면 한 장에 맞춘 것이다. 다른 수직구 도면에 쓰려면 그림 상자(tools/views.json)를 바꾸고 검사로 결과를 확인해야 한다.
잘 안 열릴 때
| 증상 | 할 일 |
|---|---|
| 왼쪽에 「도면 파일 없음」 | 안내에 나온 파일(private/drawing_gen.svg, 정답지 화면은 private/drawing.svg)이 있는지 본다. 없으면 bash tools/make_model.sh 로 만든다. 3D 는 도면 없이도 동작한다. |
| 화면이 비어 있다 | 압축을 푼 폴더 안의 index.html 을 열었는지 본다(압축 파일 안에서 바로 열면 다른 파일을 못 읽는다). |
| 화면이 느리다 | 3D 칸 오른쪽 위 「사람 ❚❚」로 두 사람을 멈추면 가벼워진다. |