가구 배치 시뮬레이터의 축척·회전 계산법
가구 배치 시뮬레이터는 방의 가로·세로 길이(m)를 입력하면 그 비율 그대로 화면에 축소된 평면도를 그리고, 그 위에서 침대·책상·소파 같은 가구를 올려보고 옮기고 돌려보며 실제로 방에 들어가는지 미리 확인하게 해주는 도구입니다.
가구를 사기 전에 줄자로 잰 방 크기와 가구 스펙이 서로 맞는지 감이 아니라 숫자로 확인하고 싶은 사람을 위한 도구입니다. 이 글은 화면 뒤에서 방 크기(m)가 어떤 계산을 거쳐 캔버스 좌표로 바뀌는지, 회전과 드래그가 어떤 수식으로 처리되는지를 사실 위주로 설명합니다.
요약 ① 방 가로·세로(m)를 캔버스 여백을 뺀 440×320px 영역에 맞추는 축척(scale) 값으로 바꿔 0.5m 격자와 벽 외곽선을 그립니다 ② 격자 한 칸은 방 크기와 무관하게 항상 0.5m(50cm)를 뜻하며, 가구를 90도·270도로 돌리면 클릭 판정에서 가로·세로 값이 서로 바뀝니다 ③ 드래그 중에는 가구 중심 좌표가 벽에서 가구 절반 크기 이상 안쪽에 머물도록 강제해 벽 밖으로 나가지 못하게 막습니다
가구 스펙만 보고는 방에 들어가는지 알기 어렵습니다
인터넷 쇼핑몰에서 책상을 고를 때 상품 정보에는 보통 가로 120cm, 세로 60cm처럼 숫자만 적혀 있습니다. 이 숫자를 머릿속으로 방에 겹쳐보는 건 생각보다 정확하지 않습니다.
특히 가구가 두 개 이상이면 문제가 커집니다. 침대를 벽에 붙이고 책상을 창가에 두고 옷장을 문 옆에 두려는 계획이 실제로는 서로 겹치거나, 침대와 옷장 사이 통로가 사람 한 명 지나가기에도 좁을 수 있습니다.
문이나 창문의 위치까지 함께 고려하면 손으로 어림잡기는 더 어려워집니다. 문이 열리는 방향에 가구가 걸리는지, 창문 앞을 가구가 가리는지는 실제 치수를 같은 비율로 놓고 봐야 판단할 수 있는 문제입니다.
도구 없이 손으로 배치도를 그리는 방법
계산기나 도구 없이도 같은 작업을 종이 위에서 할 수 있습니다. 원리는 화면 시뮬레이터와 같습니다 — 실제 길이를 하나의 축척으로 통일해서 같은 기준으로 비교하는 것입니다.
- 축척을 정합니다. 모눈종이 한 칸을 10cm로 정하면, 방 가로 4m는 40칸, 세로 3m는 30칸이 됩니다.
- 벽 외곽선을 그립니다. 정한 축척대로 방 가로·세로 칸 수만큼 사각형을 그리면 벽이 됩니다.
- 가구를 실측하고 같은 축척으로 오립니다. 가구 스펙표의 가로·세로(또는 폭·깊이)를 같은 축척으로 옮겨 그리고 오려냅니다.
- 오려낸 가구를 방 위에 놓고 옮겨봅니다. 가구를 90도 돌리면 종이가 실제로 돌아가면서 가로였던 변이 세로 자리에, 세로였던 변이 가로 자리에 놓입니다.
- 벽까지 남는 여백을 확인합니다. 가구 중심에서 벽까지 거리가 가구 폭의 절반보다 좁으면 그 가구는 실제로 벽 밖으로 튀어나온 것과 같습니다.
저희 도구가 화면에서 하는 계산도 원리는 같습니다. 캔버스는 500×380px이고 여백은 30px씩이므로, 방을 맞출 수 있는 영역은 440×320px로 정해져 있습니다. 이 영역에 맞추는 축척은 scale = min(440÷방가로, 320÷방세로)로 계산됩니다.
예를 들어 방을 가로 4m, 세로 3m로 입력하면 scale = min(440÷4, 320÷3) = min(110, 106.7) ≈ 106.7px/m가 됩니다. 실제 1m가 화면에서 약 106.7px로 그려진다는 뜻이고, 둘 중 더 작은 값을 쓰기 때문에 방이 어느 방향으로 길든 전체가 항상 캔버스 안에 들어옵니다.
저희 도구로 확인하기.
로그인 없이 방 가로·세로만 입력하면 축척이 자동 계산되는 무료 2D 가구 배치 도구입니다.
화면 계산에서 자주 헷갈리는 부분
계산 구조를 알면 화면에서 벌어지는 몇 가지 동작이 왜 그렇게 되는지 바로 이해됩니다.
| 헷갈리는 지점 | 실제 계산 방식 |
|---|---|
| 격자 한 칸의 실제 크기 | 방 크기·화면 크기와 무관하게 항상 0.5m(50cm)입니다. 방이 커지면 격자 칸의 화면 픽셀 크기만 작아질 뿐 실제 의미는 그대로입니다 |
| 캔버스 크기와 축척의 관계 | 캔버스는 항상 500×380px, 여백은 30px 고정입니다. 방 크기가 달라지면 축척(scale) 값만 달라질 뿐 캔버스 크기 자체는 바뀌지 않습니다 |
| 가구를 회전했을 때 클릭이 안 먹히는 경우 | 회전이 90도·270도면 클릭 판정 범위의 가로·세로가 서로 바뀝니다. 세로로 긴 가구를 90도 돌린 뒤에는 원래 가로 방향이었던 폭을 기준으로 클릭 범위를 검사합니다 |
| 가구가 벽에 딱 붙지 않는 이유 | 드래그 좌표는 halfW ≤ x ≤ 방가로-halfW, halfH ≤ y ≤ 방세로-halfH 범위로 제한(clamp)됩니다. 중심 좌표 기준이라 가구 테두리가 벽에 닿는 지점까지만 이동합니다 |
| 복사한 좌표의 기준점 | x, y는 가구 왼쪽 위 모서리가 아니라 가구 중심의 좌표(m)입니다. 벽까지 거리를 구하려면 가구 가로·세로의 절반을 더하거나 빼야 합니다 |
정리
- 방 가로·세로(m)는 캔버스 여백을 뺀 440×320px 영역에 맞춰지는 축척(scale = min(440÷가로, 320÷세로))으로 변환됩니다
- 격자 한 칸은 항상 0.5m(50cm)를 의미하며, 방 크기가 달라져도 이 실제 의미는 바뀌지 않습니다
- 가구를 90도·270도로 회전하면 클릭 판정에 쓰이는 가로·세로 값이 서로 바뀝니다
- 드래그 중 가구 중심 좌표는 halfW·halfH만큼 벽에서 안쪽에 머물도록 제한되어 벽 밖으로 나갈 수 없습니다
- 복사되는 좌표 리포트의 x, y는 가구의 중심 기준 좌표(m)이므로 벽까지 거리는 절반값을 더하거나 빼서 계산해야 합니다
로그인 없이 방 가로·세로만 입력하면 축척이 자동 계산되는 무료 2D 가구 배치 도구입니다.
자주 묻는 질문
격자 한 칸은 실제로 몇 cm인가요?
항상 0.5m, 즉 50cm입니다. 방 크기를 4m로 입력하든 10m로 입력하든 격자 한 칸이 나타내는 실제 길이는 바뀌지 않고, 화면에 그려지는 격자 칸의 픽셀 크기만 방 크기에 따라 달라집니다.
가구를 회전하면 좌표값도 함께 바뀌나요?
가구 중심의 x, y 좌표 자체는 회전해도 그대로입니다. 다만 회전이 90도·270도가 되면 클릭으로 가구를 선택할 때 검사하는 범위의 가로·세로 값이 서로 바뀌어 계산됩니다. 회전 버튼은 누를 때마다 0도→90도→180도→270도→0도 순서로 순환합니다.
복사한 좌표 리포트는 어떻게 읽으면 되나요?
리포트에는 방 크기, 면적, 가구 개수와 함께 각 가구의 이름·크기(m)·중심 좌표(x, y, m)·회전각이 텍스트로 담깁니다. x, y는 방 왼쪽 위 모서리를 기준으로 잰 가구 중심까지의 거리(m)이므로, 실측 줄자로 왼쪽 벽에서 x만큼, 위쪽 벽에서 y만큼 떨어진 지점이 그 가구의 중심이 놓일 자리입니다.
입력할 수 있는 방 크기 범위가 정해져 있나요?
가로·세로 모두 2.0m부터 12.0m까지, 0.1m 단위로 입력할 수 있습니다.