세살
전통 한국 창호의 사분턱(四分턱) 구조를 재현한 엔진입니다. 스튜디오는 왼쪽 설계 사이드바 · 캔버스 · 오른쪽 배경·내보내기 사이드바 세 패널로 구성되어 있으며, 파라미터를 바꾸는 즉시 캔버스에 반영됩니다.
화면 구성
① 설계 파라미터
문 설정
여닫이 / 미서기
1짝 ~ 4짝
문 치수
가로폭 600mm
세로높이 1707mm
창살 설정
가로 칸수 12
울거미 두께 60
창살 두께 12
상/중/하 배열…
세로 비율, 풍판…
제작 시방서
외경·내경·살 길이…
청담동_한옥_정면창
새 도면
도면
v3 ▾
✋
＋
－
↺
✂
✏
⟳
② 캔버스 — 실시간 미리보기
③ 마감·배경·저장
💾 저장
주문
마감
목재: 홍송/소나무/참나무
마감: 창호지/유리/아크릴
🖼 배경 사진
↑ 사진 추가
＋
참나무 결, 옻칠 마감…
✨ Rendering
렌더링 히스토리
내보내기
PNG
PDF
① 왼쪽 사이드바 — 설계 파라미터
문 설정
| 항목 | 옵션 | 설명 |
|---|---|---|
| 문 종류 | 여닫이 / 미서기 | 여닫이: 경첩 구조, 미서기: 슬라이딩 레일 구조 |
| 문 짝수 | 1 ~ 4짝 | 짝이 늘수록 전체 폭을 균등 분할 |
문 치수
| 항목 | 범위 | 단위 |
|---|---|---|
| 가로폭 | 400 ~ 1,500 | mm |
| 세로높이 | 400 ~ 2,600 | mm |
창살 설정
| 항목 | 설명 |
|---|---|
| 가로 칸수 | 수평 방향 분할 수 (살 개수 = 칸수 - 1) |
| 좌우 울거미 두께 | 좌·우 외곽 프레임 두께 (mm) |
| 상하 울거미 두께 | 상·하 외곽 프레임 두께 (mm) |
| 창살 두께 | 격자 살 단면 두께 (mm) |
| 가로살 배열 (상/중/하) | 세 구역의 수평 칸수를 독립 지정. 예) 3/5/3 |
| 세로 비율 | 상·중·하 구역의 세로 높이 비율 |
| 풍판 사용 | 체크 시 상단 풍판 구역 추가. 풍판 높이 별도 설정 |
제작 시방서
파라미터 입력 후 자동 계산되는 실측 치수 정보입니다.
| 항목 | 설명 |
|---|---|
| 외경 가로/세로 | 울거미 포함 전체 치수 |
| 내경 가로/세로 | 울거미 제외 내부 유효 치수 |
| 가로 칸수 / 세로 칸수 | 격자 분할 수 |
| 눈(Eye) 크기 | 격자 한 칸의 내부 크기 |
| 살 목록 | 세로살·가로살·울거미살 길이 × 수량 |
② 캔버스 — 도면 미리보기 & 조작
상단 도면 관리 바
| 버튼 | 기능 |
|---|---|
| 도면 이름 입력… | 도면 이름 직접 입력. 저장 시 이 이름으로 클라우드에 보관됩니다. |
| 새 도면 | 현재 도면을 초기화하고 새 도면 시작 |
| 도면 | 저장된 도면 목록을 열어 다른 도면으로 전환 |
| 버전 ▾ | 현재 도면의 저장 버전 히스토리. 클릭해 드롭다운에서 이전 버전 복원 |
캔버스 조작 버튼 (우측 상단)
| 아이콘 | 기능 | 단축키 |
|---|---|---|
| ✋ 팬(이동) | 캔버스를 드래그로 이동하는 모드 | 드래그 |
| ＋ 확대 | 캔버스 확대 | 휠 위 |
| － 축소 | 캔버스 축소 | 휠 아래 |
| ↺ 화면 초기화 | 확대·이동 상태를 기본값으로 리셋 | — |
| ✂ 선 삭제 | 클릭한 살(선)을 삭제하는 편집 모드. 다시 클릭 시 복구 | — |
| ✏ 선 추가 | 두 교점을 클릭해 새로운 살(선)을 추가하는 모드 | — |
| ⟳ 편집 초기화 | 삭제·추가한 모든 편집 내용을 원래대로 초기화 | — |
선 삭제/추가 모드를 활용하면 알고리즘이 생성한 격자에서 특정 살만 제거하거나 원하는 위치에 살을 추가해 완전히 자유로운 패턴을 만들 수 있습니다.
③ 오른쪽 사이드바 — 마감 · 배경 · 저장
저장 / 주문
| 버튼 | 기능 |
|---|---|
| 💾 저장 | 현재 도면을 클라우드에 저장. 동일 이름이면 버전이 추가됩니다. |
| 주문 | 설계한 도면 기반으로 제작 주문 문의 페이지로 이동 |
마감 설정
| 항목 | 옵션 |
|---|---|
| 목재 | 홍송 / 소나무 / 참나무 |
| 내부 마감 | 창호지 / 유리 / 아크릴 |
| 울거미 색 | 컬러 팔레트 선택 |
| 살 색 | 컬러 팔레트 선택 |
| 면 색 | HEX 컬러 피커로 직접 지정. 칠하기로 특정 칸에 색 채우기 가능 |
배경 사진 & AI 렌더링
현장 사진을 업로드해 도면과 합성한 뒤 AI로 렌더링합니다. 자세한 내용은 AI 렌더링 사용법 페이지를 참조하세요.
내보내기
| 버튼 | 결과물 |
|---|---|
| PNG | 현재 캔버스 뷰 그대로 투명 배경 PNG 다운로드 |
| 인쇄 최적화 PDF. 치수 주석 포함 |
PNG 내보내기는 배경 사진을 포함하지 않습니다. 도면(격자살 레이어)만 투명 배경으로 출력됩니다. AI 렌더링 결과물은 렌더링 팝업에서 별도 다운로드합니다.