집 둘러보기

누구에게 필요한가요

평면도만 보고는 집이 잘 그려지지 않아 실제로 걸어 보고 싶은 사람, 가구 배치를 이리저리 바꿔 보고 싶은 사람, AI 코딩 도우미에게 평면도와 영상을 주고 '제작자와 비평가'를 붙여 되풀이하면 어디까지 만들어지는지 궁금한 사람

주요 기능

• ntsapp.dev/house/ 를 열면 평면도 올리기 화면이 먼저 나온다. 위쪽 '예시 집 둘러보기'를 누르면 이 사이트가 평면도와 영상으로 지은 예시 집을 걸어 볼 수 있고, 예시 집 위쪽의 '내 평면도로 집 만들기'로 다시 돌아온다
• W A S D 로 걷고 Shift 로 빨리, Space 로 점프한다. 화면을 잡아 끌어 둘러보고, 왼쪽 위 평면도 미니맵을 누르면 그 자리로 옮겨 간다. 오른쪽 위 '방으로 이동…' 에서 방을 골라도 된다. 휴대폰에서는 왼쪽 아래 조이스틱과 점프 단추로 움직인다
• '위에서 보기' 는 1.7 m 위를 잘라 낸 단면으로 집 전체를 보여 준다. 돌리고 확대할 수 있고, 바닥을 두 번 누르면 그 자리에서 다시 걷는다
• 문 7개, 미닫이 · 유리 중문 5개, 창문 10개를 누르거나 바라보고 F 를 누르면 부드럽게 열리고 닫힌다. 닫힌 문은 지나갈 수 없다
• 가구 문과 서랍 82곳이 열린다. 주방 하부장 · 상부장 · 팬트리 · 냉장고 · 냉동고 · 음료 냉장고 · 오븐 · 식기세척기, 옷장 · 서랍장 · 협탁 · 세면대장 · 신발장, 세탁기 · 건조기, TV 콘솔. 열면 선반과 서랍통, 걸린 옷, 신발, 그릇 같은 내용물이 보인다
• 소파 · 침대 · 의자 · 화분 · 스탠드와 레인지 · 세탁기 같은 가구와 가전 80여 점을 끌어 옮기고 Q / E 로 돌린다. 벽은 뚫지 못하고, 문 · 미닫이 · 창과 가구 문 · 서랍이 열리고 닫히는 자리에도 놓이지 않으며(그 자리에 있던 가구는 집을 열 때 가까운 곳으로 비켜 선다), 벽걸이 TV 와 레인지 후드는 벽을 따라서만 미끄러지며, 협탁 위 스탠드를 끌어내리면 아래 바닥이나 가구 윗면에 내려앉는다. 옮긴 배치는 이 브라우저에 기억된다
• 집 크기는 평면도 위 문 폭 · 조리대 깊이 · 의자 · 침실이 함께 표준 치수에 맞는 축척(1 px = 2.2 cm)으로 정했다. 본채는 약 13.5 x 8.2 m(약 33평)이고, 현관은 한 단 낮으며, 데크 · 포치에는 흰 기둥과 처마, 정원에는 잔디와 생울타리, 야자수가 있다
• 평면도로 집 만들기(/house/make.html): 평면도 그림(PNG · JPG · WebP)이나 PDF 를 올리면(PDF 는 브라우저 안에서 쪽을 골라 그림으로 바꾼다) 브라우저가 벽선을 재서 벽 · 문 · 창 · 미닫이 · 유리문 · 방 · 데크와 축척을 0.3초 안팎에 읽는다. 기준 평면도로 재 보면 개구부 23/23, 방 11/11, 축척 오차 +8% 였다. 방 종류도 도면의 설비 기호(싱크 · 레인지 · 변기 · 욕조 · 세탁기 · 침대)와 문 배치로 짐작해 주방 · 다용도실 · 침실 · 드레스룸까지 이름을 붙인다(기준 평면도 11/11, 직접 그린 시험 평면도 4장 31/31)
• 검은 띠 벽만이 아니라 CAD 도면처럼 가는 두 줄로 그린 벽(속이 빈 벽 · 빗금 벽 · 바깥벽만 칠한 도면)도 읽는다. 치수선 · 글자 · 가구 윤곽은 걸러 낸다. 계단 기호(같은 간격의 디딤판 줄, 화살표, 점선 디딤판)도 찾아 직선 · U자 계단과 층계참, 오르는 방향을 잡고, 그 자리는 '계단' 방으로 두어 가구를 놓지 않는다. 직접 그린 CAD 시험 도면 4장을 PDF 크기(2400 px)와 그림 올리기 크기(1600 px)로 읽어 보면 개구부는 10/10 · 16/17 · 12~14/15 · 16~18/21, 방은 5/5 · 7~8/8 · 7~8/8 · 8~11/11 을 맞혔고, 계단 3곳(직선 1 · U자 2, 조각 7개)을 모두 찾았다
• 층 추가: 층마다 그림이나 PDF 쪽을 따로 올려 4층까지 쌓는다. 바닥 높이는 2.9 m 가 기본이고 바꿀 수 있다. 같은 크기 도면은 그대로 겹치고, 다르면 계단 위치나 외곽 모서리로 1층과 맞춘다. 아래층 벽이 파랗게 겹쳐 보이고 화살표로 10 cm 씩 옮긴다. 계단은 자동으로 찾거나 '계단 그리기'로 끌어 그린다(끄는 방향이 오르는 방향). 3D 에서는 층계참을 지나 위층까지 걸어 오르내리고, 위에서 보기는 층을 골라 보며, 미니맵은 서 있는 층을 보여 준다. 한 그림에 여러 층이 위아래나 좌우로 떨어져 그려져 있으면 '층으로 나누기'를 제안한다. 누르면 그림을 잘라 위(왼쪽) 것부터 1층 · 2층으로 넣고('반대 순서로 나누기'도 있다), 같은 종이라 축척과 색은 그대로 쓴다
• 평면도 창은 휠이나 두 손가락으로 확대 · 축소하고 끌어 옮긴다. 작게 · 보통 · 크게 · 전체 화면 · 접기 단추와 아래 가장자리 끌기로 창 크기를 바꾸고, 고른 크기는 이 브라우저에 기억된다
• 읽은 결과는 화면에서 고친다. 벽을 그리거나 지우고, 벽을 눌러 문 · 창을 내고, 문 · 창을 누르면 종류가 바뀌며, 길이를 아는 두 점으로 축척을 맞춘다. 오른쪽 목록에서 방 이름과 종류(거실 · 주방 · 침실 · 욕실 · 다용도실 · 현관 · 드레스룸 · 복도 · 데크)를 고른다. 본인의 Anthropic API 키가 있으면 'AI 로 읽기'가 도면 글자를 읽어 방 이름 · 문 종류 · 축척을 고쳐 준다
• 가구 40종(세트 포함, 그림 목록)에서 놓을 것을 체크하면 방 종류마다 규칙대로 놓인다. 침대는 문에서 먼 벽에 협탁과, 소파는 TV 벽을 마주 보게, 조리대는 가장 긴 빈 벽에, 욕실은 욕조 · 변기 · 세면대가 다 들어가는 조합으로 놓고, 문 앞과 0.8 m 통로는 비워 둔다. 3D 화면의 '가구' 단추로 더 넣거나 지우고 끌어 옮길 수 있다
• 가구마다 '크기'를 눌러 가로 × 세로 × 깊이(cm)를, TV 는 화면 크기(인치)를 정한다. 비운 칸은 기본 크기다. 조리대 · 옷장 · 신발장처럼 길이가 정해진 가구는 칸 수가 늘고, 나머지는 모양 그대로 늘거나 줄며, 문과 서랍은 크기를 바꿔도 반듯하게 열린다. 식탁 세트는 식탁 크기에 맞춰 의자 간격이 벌어진다. 3D 화면에서도 가구를 누르고 '가구' 패널에서 크기를 바꿀 수 있다
• 같은 칸에서 천 색 · 나무(밝은 오크 · 호두나무 · 흰색 · 검정) · 본체 색을 고른다. 쿠션 같은 포인트 색은 그대로 둔다. 가구 사진을 올리면 브라우저 안에서 사진 가운데의 주된 색 네 가지를 뽑아 주고(사진은 서버로 가지 않는다), AI 키가 있으면 사진을 읽어 천 · 나무 · 본체를 한 번에 칠한다. 3D 화면에서도 고른 가구의 색을 바꾼다
• 미리 보기는 로그인 없이 된다. 구글로 로그인해 저장하면 공유 주소가 생기고, 내 집은 평면도와 가구 배치를 계속 고쳐 저장하거나 지울 수 있다. 새 집 만들기는 계정마다 한 번이다
• 바닥을 마루 · 타일 색으로 칠한 분양 홍보용 평면도도 읽는다. 그림의 절반 가까이가 어두운 잉크로 잡히면 칠한 도면으로 보고, 벽 색과 종이 색을 잇는 축에서 벗어난 색(마루 · 타일)을 종이로 바꾼 뒤 다시 읽는다. 검은 내력벽보다 가늘게 그린 회색 칸막이벽은 벽 두께로 넓혀 읽는다(합성 시험 도면 3장의 바닥을 칠해 돌리면 방 28/28, 고치기 전에는 0/28). 내력벽은 갈색, 칸막이 · 계단은 검은색으로 그린 작은 그림(500 px 안팎)도 읽게, 벽 가장자리의 섞인 색과 바닥 위에 그린 문 열림 호 · 창틀 선은 지우지 않고 남기며, 문으로 끊긴 가는 칸막이 조각들은 서로 이어 읽는다
• 3D 화면의 '벽' 단추로 집 안 벽을 바로 고친다. 위에서 보는 화면에서 벽을 눌러 고르고 끌어 옮기면(5 cm 단위) 그 벽에 붙은 벽이 따라 늘어나고, 양 끝 늘이기 · 줄이기, 지우기, 90 cm 문 내기 · 문과 창 막기, 바닥을 두 번 눌러 새 벽 긋기(가까운 벽에 붙인다), 되돌리기가 된다. 고치는 동안은 반투명한 파란 벽으로 보여 주고, '적용'을 누르면 방을 다시 나눠 같은 시점 · 같은 가구 배치로 집을 다시 짓는다. 내 집이면 서버에 저장되고, 미리 보기 중이면 평면도 화면으로 돌아가도 고친 벽이 이어진다
• 3D 화면의 '평면도로 내려받기'(가구 패널 · 벽 고치기 패널): 3D 에서 고친 벽과 지금 가구 · 가전 · 주방 가구 자리를 1:100 평면도로 그린다. 벽 · 문 열림 호 · 창 · 미닫이, 방 이름 · 넓이 · 크기, 가구 기호(침대 베개 · 소파 등받이 · 조리대의 개수대와 화구 · 냉장고 · 세탁기 · 변기 · 욕조), 계단, 전체 치수(mm) · 축척 막대 · 제목이 들어가고 PDF(A3, 층마다 한 쪽) · PNG · SVG 로 받는다. 운영자 계정은 무료, 그 밖의 계정은 한 번 그릴 때마다 내려받기 1회를 쓰며 도면은 서버에서 그려 서버가 남은 횟수를 확인 · 차감한다
• 집 밖 데크 · 포치도 읽어 짓는다. 바깥 문이 이어진 데크는 판자 결 · 빗금이 있든 외곽선만 있든 잡고, 문이 없는 테라스도 집 외벽에 붙어 반듯하게 닫혀 있으면 데크로 본다(합성 시험 도면 3장 + 기준 집: 겹침 비율 평균 0.57 → 0.81, 종류 8/8, CAD 시험 도면에서 가짜 데크 0). 3D 의 '벽 · 데크' 패널에서 데크를 눌러 끌면 옮겨지고, 가장자리를 끌거나 평면도 기준 위 · 아래 · 왼쪽 · 오른쪽 변 단추로 크기를 바꾸며, 데크 ↔ 포치 바꾸기 · 지우기 · 새 데크 그리기(외벽 가까이면 벽에 붙임)가 된다. 평면도 화면에도 '데크 그리기' 도구가 있다
• AI 정밀 읽기: 본인의 Anthropic API 키를 넣고 평면도를 올리면 자동 분석 뒤에 AI(Claude)가 그림을 자세히 읽어 바로 고친다. 한 그림 속 평면도가 몇 층인지와 순서를 읽어 층으로 나누고, 치수와 방 넓이 글자로 축척을 맞추고, 방 이름 · 종류와 문 · 창 종류를 바로잡고, 한 방 안에 잘못 그은 통로를 지운다. 자동 분석이 방을 거의 못 나눈 층(가는 선 · 작은 그림)은 AI 가 읽은 방 범위로 벽을 새로 세운다. AI 의 답은 그대로 믿지 않고 값 범위 · 종류 · 위치를 다시 검사한 뒤에만 반영한다
• 집 외관: 집 투시도나 사진을 올리면(평면도 그림에 함께 있으면 자동으로 떼어 낸다) AI 가 지붕 모양(평지붕 · 박공 · 모임 · 외쪽) · 경사 · 처마 · 지붕 색과 외벽 마감(미장 · 벽돌 · 나무 · 돌) · 색, 몰딩 · 창틀 색을 읽어 3D 집에 입힌다. 키가 없으면 직접 고른다. 아래층이 위층에 기댄 부분은 외쪽 지붕, 위층이 둘러싼 평지붕은 난간벽이 있는 테라스가 된다
• 집 갤러리(/house/gallery.html): 이 사이트로 지은 집들을 다시 그린 평면도(벽 · 문 · 창 · 방 이름)와 함께 모아 보여 주고, 눌러서 3D 로 걸어 본다. 방문자 집은 저장할 때 '갤러리에 공개'를 고른 것만 나오고 언제든 끌 수 있다. 올린 원본 그림은 공개하지 않아서, 갤러리에 올린 집은 공유 주소로 여는 다른 사람에게도 다시 그린 평면도만 보인다. 운영자는 어떤 집이든 내릴 수 있다
• 어떤 물건도 벽 · 닫힌 문 · 다른 가구를 뚫고 지나가지 않는다. 끌면 5 cm 단위로 길을 따라 검사해 부딪힌 쪽으로는 멈추고 옆으로 미끄러지며(빠르게 끌어도 벽을 건너뛰지 않는다), 돌리다 부딪히면 돌아가지 않는다. 가구끼리는 실제 방향으로 돌린 상자와 높이로 재고(ㄱ자 소파는 사각형 둘), 식탁 · 책상 · 아일랜드 아래로 들어가는 의자 · 스툴, 러그 위, 협탁 위 스탠드처럼 놓인 물건은 예외다. 새로 넣거나 크기를 키운 가구가 다른 가구와 겹치면 가장 가까운 빈자리로 비켜 선다

제품 방향

평면도 이미지 한 장과 다른 3D 렌더 영상 한 편을 AI 코딩 도우미(Claude Opus 5.5)에게 주고, 아래 프롬프트로 시작했습니다. 영상 속 미니맵을 확대해 보니 영상은 평면도와 다른, 훨씬 큰 집이었습니다. 그래서 방 배치와 치수는 평면도를 따르고, 마감 · 가구 · 빛의 분위기만 영상에서 가져와 맞는 방에 옮겼습니다.

먼저 리드가 평면도의 검은 벽선을 픽셀 단위로 재서 벽 · 문 · 창 · 방을 데이터로 옮기고, 그 데이터만으로 벽에 문 · 창 구멍을 뚫고 바닥 · 천장 · 걸레받이 · 지붕을 세우는 뼈대를 만들었습니다. 그다음 집을 주방 · 거실 · 야외 · 침실 쪽 네 구역으로 나눠 구역마다 제작자 에이전트가 가구와 마감을 짓고, 매 라운드 새로 띄운 비평가 에이전트가 원본 영상 프레임과 우리 화면을 위아래로 붙인 비교 그림을 보고 판정했습니다. 이 반복을 7라운드 돌렸습니다.

점수를 가장 많이 올린 것은 구역의 가구보다 공통 렌더 설정이었습니다. 해를 18도로 낮춰 처마 밑으로 햇빛 줄무늬가 들어오게 하고, 그늘 채움광을 줄여 대비를 살리고, 화면 절반을 덮던 검은 사각형(얇은 둥근 상자의 화소 하나에서 생긴 수치 오류를 빛 번짐 효과가 퍼뜨린 것)을 없앴습니다. 비교 촬영은 두 배 해상도로 찍어 줄이고, 건축 사진처럼 수직선이 곧게 서도록 카메라를 수평으로 두고 렌즈를 위아래로 옮겨 구도를 잡았습니다.

적용한 프롬프트

이 앱은 아래 요청을 받은 순서대로 만들었습니다. 제목을 누르면 펼쳐집니다.

Here are the floor plan and photos (please refer to the video) of a house. Based on these materials, please create a Three.js site that allows users to navigate the space directly in a web browser; the site should reflect actual dimensions and accurately replicate all rooms, finishes, and furniture layouts as shown in the photos. The photos serve as the benchmark for quality. Please place the furniture featured in the video in the appropriate locations and ensure that the furniture items can be moved.
Divide the house into units that can be evaluated individually, and assign a 'Creator' and a 'Critic' (who will evaluate from a fresh perspective) to each unit. The Critic will compare screenshots of our created rooms with the original photos, select the better version, point out the most significant differences, and return the results. Please repeat this process until our output is selected or I halt the task, and let me know if there are any aspects that could not be matched to the photos.

· 평면도와 집 영상(사진)을 주니, 브라우저에서 직접 돌아다닐 수 있는 three.js 사이트를 만들어 달라.
· 실제 치수를 반영하고, 사진에 나온 방 · 마감 · 가구 배치를 정확히 재현할 것. 품질 기준은 사진이다.
· 영상에 나온 가구를 알맞은 자리에 놓고, 가구는 옮길 수 있게 할 것.
· 집을 따로 평가할 수 있는 구역으로 나누고, 구역마다 '제작자'와 (새 눈으로 보는) '비평가'를 붙일 것.
· 비평가는 우리가 만든 방의 스크린샷을 원본 사진과 비교해 더 나은 쪽을 고르고, 가장 큰 차이를 짚어 돌려준다.
· 우리 결과가 선택되거나 내가 멈출 때까지 되풀이하고, 사진과 맞출 수 없던 점은 알려 줄 것.

다 진행되면 꾸준히 사용할 수 있게(웹에서) 평면도와 사진을 입력 받으면 동일한 루틴으로 생성하는 웹을 만들 준비도 해둬

마우스로 회전하는데 반대로 움직이는데?

각종 문들도 열고 닫기가 가능하게 해줘(창문 포함), 전자기기들도 움직일 수 있게 해줘

벽을 뚫고 들어가지 않게 해줘(화분의 나뭇잎 등등)

이동시 점프도 되게 해줘

웹에 게시할 때 평면도는 필수이고 가구 디자인들은 옵션으로 사진 입력을 받게 하거나 그 외 각종 전자기기 및 가구들을 옵션(우측이나 좌측에 예시 이미지를 보여주고 체크 항목)으로 넣어서 생성하면 좋을거 같아

옷장·주방 수납장 같은 가구 문도 열리게 해줘

ntsapp.dev에 배포 해줘

→ 반영한 것: 끌어 둘러보기를 화면을 잡아 끄는 방향으로 바꿨고, 문 · 창문 22곳과 가구 문 · 서랍 82곳을 열고 닫게, 가전을 옮기게(벽걸이 TV · 후드는 벽을 따라서만), 화분 잎까지 벽을 넘지 않게, Space 점프를 넣었다.

웹 상에서 일반 사용자는 평면도 제출하여 생성 하는 걸 한 번으로 제한 해주고 / 나는 무한정으로 만들어줘

(평면도 해석은) 사용 하는 사람들이 직접 API키를 넣어서 사용하게 또는 입력이 없으면 AI없이 생성

구글 로그인용은 낚시일기 또는 벙개벙개에서 이미 만들어 놨어 참고해

그런데 이건 게임이 아니고 앱으로 봐야 하지 않을까?

방문 사용자가 평면도를 넣어서 직접 집을 짓고 가구를 배치하게는 못해?

→ 반영한 것: 평면도로 집 만들기(/house/make.html)를 열었다. 평면도 자동 분석 → 화면에서 고치기 → 가구 체크 → 3D 미리 보기 → 구글 로그인 저장 · 공유. 새 집은 계정마다 한 번(서버가 로그인 토큰을 직접 검증해 센다), 운영자 계정은 제한 없음. AI 읽기는 방문자 본인 키로만, 키가 없으면 AI 없이 만든다. 이 페이지도 게임이 아닌 앱 문구로 바꿨다.

가구 사이즈를 입력받게하고(가로×세로×깊이) 입력 안하면 기본 사이즈
텔레비전(인치) 전자기기 도 사이즈 입력 받게(미 입력시 기본 사이즈)

→ 반영한 것: 가구 목록과 3D 가구 패널에 '크기' 칸을 넣었다. 가로 × 세로 × 깊이(cm), TV 는 인치, 냉장고 · 세탁기 · 건조기도 같은 칸으로 받고 비우면 기본 크기. 지정한 크기로 자리가 없으면 그 사실을 3D 화면에 알린다.

다시 지워봐
고도화 진행

→ 반영한 것: 방 종류 자동 판별(설비 기호 + 문 배치), 가구 천 · 나무 · 본체 색(직접 · 사진 · AI), 배포 파일 묶기로 첫 로딩 요청 줄이기(3D 21 → 13개), 휴대폰 화면 정리, 크기 검사 중 찾은 냉장고 손잡이 버그 수정.

집을 짓는 중... 에서 멈춤
https://ntsapp.dev/house/ 들어가면 로그인 화면이나 평면도 넣는 화면이 나와야 하지 않을까? 그리고 키 넣는곳은?

→ 반영한 것: /house/ 첫 화면을 평면도 올리기 · 로그인 화면으로 바꾸고 예시 집은 단추로 옮겼다. AI 키 칸은 처음부터 보이게 했다. 페이지가 모듈을 못 불러오면 주소를 바꿔 한 번 다시 열고, 그래도 안 되면 '집을 짓는 중…' 대신 오류와 새로 고침 단추를 보여 준다.

집 만들기를..생성될때까지의 예상 시간을 보여주기

계속 짓는 것 같은데 짓고 있다고 알려줘야 하지 않을까?

→ 반영한 것: 짓는 동안 진행 막대 · 지금 단계 · 남은 시간을 보여 주고(이 브라우저의 지난 기록으로 어림), 다 지으면 '다 지었습니다 · 벽 · 방 · 가구 수'를 알린다. 평면도에서 벽 · 방을 거의 못 찾았으면 '아직 짓는 중'처럼 보이지 않게 경고와 '평면도 고치러 가기'를 남긴다.

집 평면도 뿐만 아니라 가구 생김새나 치수가 들어간 가구도 넣으면 같이 만들 수 있어?

이미지 대신 PDF도 인식하게 해줘

그리고 계단도 인식이 되어야 해..2층 감안

평면도 창에서 확대 축소 가능하게

평면도 창 크기도 키우거나 줄이거나 최소화도 넣어줘

→ 반영한 것: PDF 를 올리면 브라우저 안에서 쪽을 골라 그림으로 바꿔 읽는다(파일은 서버로 가지 않는다). 벽이 두 조각만 나오던 CAD 도면(가는 두 줄 벽)을 읽게 하고 계단 기호를 자동으로 찾는다. 층 추가로 2층 · 3층을 쌓고, 1층과 위치를 맞추고, 계단을 그리거나 고치며, 3D 에서 계단을 걸어 오르내린다. 평면도 창에 확대 · 축소 · 끌어 옮기기와 크기 단추 · 접기를 넣었다. 가구 생김새는 목록에서 가장 가까운 가구를 고르고 크기 · 색을 넣는 방식까지 되고, 사진만 보고 새 모양을 빚는 것은 아직 안 된다.

흐린 스캔도 계속 고도화 진행

→ 반영한 것: 흐린 1000 px 안팎 스캔에서 못 찾던 계단을 찾는다(흐림에 붙어 한 줄이 된 가운데 난간, 잡음에 끊긴 디딤판 · 화살표, 흐려진 화살표 머리). 빗금 벽은 회색 띠로 읽으면서, 길이 방향으로 빗금 결이 사라지는 구간을 창으로 잘라 내고, 빗금 없는 두 줄(붙박이장 앞선 · 조리대)은 벽에서 뺀다. 바깥벽만 칠한 흐린 도면은 얇은 선을 주변 종이와의 대비로 다시 읽는다. 흐린 시험 도면 4장에서 계단 0/7 → 7/7, 개구부 27 → 35, 방 16 → 22 로 늘었다. 개수대 물받이 홈 · 현관 타일을 계단으로 읽던 문제도 고쳤다.

카톡 등에 링크 걸때 파비콘(?)아이콘?이 같이 보이게 했으면 좋겠음

→ 반영한 것: 카톡 · 슬랙 같은 메신저의 링크 카드는 파비콘이 아니라 미리보기 그림(og:image)을 보여 주므로, 그림 아래 가운데에 집 아이콘과 이름을 넣었다(카드가 그림을 정사각형으로 잘라도 보이는 자리). 미리보기 정보가 없던 '평면도로 집 만들기'(/house/make)에도 평면도와 그 평면도로 지은 3D 집을 나란히 놓은 그림과 제목 · 설명을 붙였다.

속 빈 벽 흐린 스캔도 계속 고도화 진행

→ 반영한 것: 흐린 1000 px 안팎 스캔에서 벽에 붙여 그린 욕조 · 샤워 칸 테두리 · 세면대 · 침대 발치와 두 벽 사이의 변기 물탱크를 벽으로 읽지 않는다. 그동안 가려지던 바깥벽 조각과 창을 찾아 침실이 바깥으로 새지 않는다. 빗금 벽에서는 문 옆 짧은 벽 조각과 흐린 창틀을 찾고, 세면대 · 수납장에 끊긴 벽을 이어 붙인다. 흐린 시험 도면 4장에서 개구부 35 → 49, 방 22 → 27, 방 종류 15 → 22 로 늘었고, 선명한 시험 도면 결과는 같거나 나아졌다.

남은 한계 고도화 진행해줘

→ 반영한 것: 흐린 빗금 벽 도면에서 조리대 · 욕조처럼 두 줄이 흐림에 뭉친 설비 띠를 벽에서 빼고, 구석의 세탁기 · 욕조 때문에 끊긴 두 벽을 모서리까지 잇고, 흐린 창의 창틀로 벽 띠를 잘라 창 옆 벽 조각을 살린다. 벽 면 옆에 하나만 있는 수납장 선은 고르게 늘어선 선 무리로 보지 않고, 벽에 선 짧은 글자 획은 벽에서 뺀다. 흐린 시험 도면 4장에서 개구부 49 → 53, 방 27 → 28, 방 종류 22 → 24 로 늘고 잘못 그은 벽은 줄었다.

문을 열고 닫는데 다른 가구들이 걸리면 안되니까 배치할때 간섭이 안생기게 해줘

→ 반영한 것: 방문 · 미닫이 · 창, 옷장 · 냉장고 같은 가구 문, 서랍이 열리고 닫히며 쓸고 지나가는 자리를 높이까지 계산해, 그 자리에는 가구가 놓이지 않게 했다. 집을 열 때 그 자리에 있던 가구는 벽을 따라, 같은 바닥 위에서, 문 앞 통로를 피해 가장 가까운 곳으로 비켜 서고(위에 얹힌 스탠드는 함께 옮긴다), 가구를 끌거나 돌릴 때도 그 자리로는 들어가지 않는다. 90° 넘게 열리는 가구 문은 옆 가구에 닿기 직전에 멈춘다.

첨부 이미지를 올렸더니 벽만 엄청나게 많아지고 방은 없다고 나오는데? 뭔가 수정이 잘못된거 같아

→ 반영한 것: 원인은 최근 수정이 아니라 바닥을 마루 · 타일 색으로 칠한 분양 평면도였다. 분석기가 칠한 바닥을 '어두운 잉크'로 잡아 벽 419개 · 방 0개가 나왔다. 그림의 절반 가까이가 잉크로 잡히면 칠한 도면으로 보고, 칠한 바닥을 종이로 바꾼 뒤 다시 읽고, 가늘게 그린 회색 칸막이벽은 벽 두께로 넓혀 읽는다. 그 도면에서 벽 28개 · 방 9개를 찾는다.

집안의 벽은 3D상태에서 수정이 가능하게 해줘

→ 반영한 것: 3D 화면에 '벽' 단추를 넣었다. 위에서 보는 화면에서 집 안 벽을 눌러 고르고 끌어 옮기면 붙은 벽이 따라오고, 양 끝 늘이기 · 줄이기, 지우기, 문 내기 · 문과 창 막기, 새 벽 긋기, 되돌리기가 된다. '적용'을 누르면 방을 다시 나눠 같은 시점 · 같은 가구 배치로 다시 짓고, 내 집이면 서버에 저장한다.

3D에서 고친 벽이나 가구 전자기기 위치를 다시 평면도로 내릴 수 있는 기능도 추가(관리자(나)는 무료 나머진 유료)
가구에는 주방 가구도 포함임
주방 가구도 이동이가능하게 되어 있지?

→ 반영한 것: 3D 의 가구 패널과 벽 고치기 패널에 '평면도로 내려받기'를 넣었다. 지금 3D 의 벽 · 문 · 창과 가구 · 가전 · 주방 가구(조리대 · 냉장고 · 식탁 · 세탁기 등) 자리를 1:100 평면도로 그려 PDF(A3) · PNG · SVG 로 내려받는다. 운영자 계정은 무료, 다른 계정은 유료이고, 막는 코드를 지워 우회하지 못하게 도면은 서버에서 그리고 서버가 자격을 확인한다(결제 방법은 아직 정하지 않았다). 생성한 집의 주방 조리대(상부장 포함) · 냉장고 · 식탁 세트는 원래 옮길 수 있고, 영상을 보고 손으로 만든 예시 집의 주방 수납장 · 조리대는 고정이다.

→ 이어서 정한 것(선택지로 고름): 결제는 당분간 운영자가 직접 받고, 값은 내려받기 한 번마다. 운영자가 3D 패널의 '내려받기 횟수 주기'로 구글 이메일에 횟수를 넣고, 한 번 그릴 때마다 서버가 1회를 뺀다(남은 횟수를 단추에 보여 주고, 쓰기 전에 묻는다).

평면도에 집 밖 데크가 표현되어 있으면 데크도 만들어줘
마찬가지로 데크가 만들어지면 수정도 가능하게 해줘

→ 반영한 것: 바깥 문이 이어진 데크는 바닥 무늬가 없어도(외곽선만) 잡고, 문 없는 테라스도 집에 붙어 반듯하면 데크로 읽게 했다. 3D 의 '벽 · 데크' 패널에서 데크를 끌어 옮기고, 가장자리를 끌거나 변 단추로 크기를 바꾸고, 포치로 바꾸거나 지우고, 새로 그릴 수 있다. '적용'하면 가구 배치와 시점을 그대로 두고 다시 짓는다. 평면도 화면에도 데크 그리기 도구를 넣었다.

어떤 물건들도 벽을 통과할수 없어야 해, 또한 물건이 물건을 통과해서도 안돼(가구가 가구를 통과 하거나 전자기기가 통과하거나 등등)

→ 반영한 것: 끌기를 5 cm 단위로 나눠 벽 · 닫힌 문 · 다른 가구에 닿으면 멈추게 했다(빠르게 끌면 벽을 건너뛰던 문제, 처음부터 걸쳐 있던 가구가 자유롭게 움직이던 문제를 막음). 가구끼리는 실제 방향과 높이로 겹침을 재고, 의자가 식탁 아래로 들어가는 것 · 러그 · 위에 놓인 스탠드는 예외로 두었다. 돌리기 · 새로 넣기 · 크기 바꾸기도 겹치지 않게 했다.

(평면도 그림을 올리고 생성기의 경고를 그대로 붙여 넣음) 자동 분석이 벽을 14개, 방을 1개밖에 찾지 못했습니다. 벽을 가는 선 두 줄로 그린 CAD 도면은 아직 잘 읽지 못합니다. '벽 그리기'로 벽을 직접 그리거나(방은 벽으로 닫히면 생깁니다), 벽이 굵게 칠해진 평면도를 올려 주세요.

→ 반영한 것: 바닥을 나무색으로 칠한 도면인데 내력벽은 갈색, 칸막이 · 계단은 검은색이고 그림이 작아(467 px) 안쪽 벽이 2~3 px 였다. 바닥색을 종이로 바꿀 때 검은 선 · 벽 가장자리 · 문 열림 호까지 지워지던 것을 고치고, 문으로 끊긴 칸막이 조각을 이어 읽고, 바깥벽이 두꺼운 집의 문 폭 기준을 고쳤다. 한 그림에 1층 · 2층이 같이 있으면 '층으로 나누기'를 제안해 층마다 잘라 넣는다. 방마다 정답 점을 찍어 재면 0/19 에서 17/21(1층 8/12, 2층 9/9)이 되었고, 예전 아파트 도면과 시험 도면 결과는 그대로다.

평면도 품질에 따라서 이렇게 계속 됐다 안됐다 하는데 좋은 방법 없어?

→ 답한 것(선택지에서 '지금 도면 먼저 마무리'를 고름): 지금 분석기는 사람이 짠 규칙으로 읽어서 새 양식에 맞춰 고치면 다른 도면이 흔들린다. 그래서 사용자가 올린 실제 도면마다 정답 점을 찍어 두고 모든 변경을 그 전체로 재도록 했다(고쳤더니 다른 게 깨지는 일을 막음). 다음 단계로는 AI 가 층 나누기 · 치수로 잰 축척 · 방 위치를 먼저 읽고 분석기는 벽을 픽셀에 맞추는 방식을 제안했다.

추가로 API 키를 입력하면! 클로드가 평면도를 상세하게 분석하고 진행 하면 좋을 것 같아

→ 반영한 것: 키를 넣고 평면도를 올리면 자동 분석 뒤에 AI 가 그림을 자세히 읽는다(층 수와 순서, 치수 · 방 넓이로 축척, 방 이름 · 종류, 문 · 창 종류, 테라스 · 차고 · 트인 공간). 그 결과로 층을 나누고 축척을 맞추고, 한 방 안의 가짜 통로를 지우고, 자동 분석이 방을 거의 못 나눈 층은 AI 가 읽은 방 범위로 벽을 새로 세운다. 답은 값 범위 · 종류 · 위치를 다시 검사한 뒤에만 쓴다.

평면도와 주택 입체 이미지가 동시에 제공 되면 평면도로 구측 하고 입체도를 기준으로 집에 색과 형태를 반영 하는 구현 하면 좋겠어

→ 반영한 것: '집 외관' 단계를 만들었다. 투시도 · 사진(평면도 그림에 함께 있으면 자동으로 떼어 냄)에서 AI 가 지붕 모양 · 경사 · 처마 · 지붕 색, 외벽 마감 · 색, 몰딩 · 창틀 색을 읽고, 3D 는 모임 · 박공 · 외쪽 지붕과 벽돌 · 나무 · 돌 외벽을 짓는다. 키가 없으면 직접 고른다.

(외관 투시도와 1층 · 2층 평면도가 함께 있는 판매용 그림을 보냄)

→ 반영한 것: 그림 속 사진 영역을 찾아 평면도 부분만 읽게 했다. 이 그림의 가는 선 평면도는 자동 분석이 거의 읽지 못해(층마다 300 px 남짓), AI 가 읽은 방 범위로 벽을 세우는 길을 더했다. 그 결과 두 층이 나뉘고 모임지붕 · 크림색 외벽 · 검은 창틀의 집이 지어진다(시험용 답으로 확인).

지금 까지 제공하여 만든 건물들과 가공한 평면도를 페이지로 만들어서 방문자들엑게 보여 줄 수 있으면 좋겠어

→ 반영한 것(선택지에서 고름: 방문자 집도 동의 시 공개, 평면도는 다시 그린 것만, 순서는 AI 분석 → 외관 → 갤러리): 집 갤러리 페이지를 만들었다. 운영자가 지은 집(예시 집, 러시아식 2층 주택, 외관을 입힌 2층 주택, 아파트)과 저장할 때 '갤러리에 공개'를 고른 방문자 집을 다시 그린 평면도와 함께 보여 주고, 눌러서 3D 로 걸어 본다. 올린 원본 그림은 공개하지 않는다.

AI 읽기 모델을 claude-opus-5-5 로 바꾸고 시험한 뒤 배포 여부를 물어봐줘

→ 반영한 것: AI 읽기 · 외관 읽기 모델을 claude-opus-5 에서 claude-opus-5-5 로 바꿨다(백만 토큰당 입력 4달러 · 출력 20달러로 20 % 싸다). 이 모델은 생각을 끌 수 없고 노력 수준 기본값이 한 단계 낮아(medium) 노력 수준을 코드에 직접 적었다. 화면의 비용 추정도 새 가격으로 계산한다. 실제 키 없이 시험용 답을 돌려 요청이 새 모델 · medium 으로 나가는 것과 두 판매용 그림이 전과 같이 지어지는 것을 확인했다.

현재 상태

프로토타입 공개

• 개발 시작2026년 10월

사용 안내

• 영상 속 집은 평면도의 집이 아닙니다(영상의 미니맵이 다른 큰 평면이었습니다). 영상의 아일랜드 주방과 바 의자 다섯 개, 두 층 높이 거실과 2층 난간, 수영장과 바다는 평면도에 자리가 없어 넣지 않았습니다. 침실 · 욕실 · 드레스룸 · 다용도실 · 현관은 영상에 나오지 않아 영상의 마감으로만 지었습니다
• 평면도에 치수 글자가 없어 축척은 문 폭 · 조리대 깊이 · 침실 크기로 추정했고, 천장 높이 2.6 m 는 가정입니다
• 비평가는 7라운드 동안 매번 원본 영상 쪽을 골랐습니다. 가장 높은 유사도는 거실 56/100, 주방 44/100 이었습니다. 영상은 빛이 실제처럼 튀는 오프라인 렌더라, 실시간 3D 로는 그늘 속 반사광과 거울 반사를 근사로만 냅니다
• 성능은 개발용 컴퓨터(외장 GPU)의 크롬에서만 쟀습니다. 처음 열 때 약 8초가 걸립니다. 휴대폰은 브라우저의 휴대폰 흉내 모드로만 시험했습니다
• 처음 열 때 3D 라이브러리를 공개 CDN 에서 받습니다. 그림 파일은 미니맵용 평면도 한 장뿐이고 나무결 · 대리석 · 타일 · 가구는 모두 코드로 그립니다. 소리는 없습니다
• 기준 집을 둘러볼 때는 아무것도 서버로 보내지 않고, 옮긴 가구 배치와 문 상태만 이 브라우저에 기억합니다. 평면도로 집 만들기에서 저장을 누르면 평면도 그림 · 평면도 데이터 · 가구 배치 · 구글 계정 이메일이 이 사이트 서버에 저장되며, 자세한 내용은 개인정보처리방침(/privacy/#house)에 적었습니다
• 자동 분석은 두꺼운 검은 띠로 그린 벽과 가는 두 줄로 그린 CAD 벽을 읽고, 곡선 · 사선 벽은 읽지 못합니다. CAD 도면은 선명할수록 잘 읽습니다(PDF 쪽, 1600 px 안팎 그림). 흐릿한 1000 px 안팎 스캔에서는 계단을 찾고 벽에 붙여 그린 가구 · 설비도 대부분 벽과 가려내지만, 창 · 문은 여섯에 하나쯤 놓치고, 가구나 타일 바닥 테두리가 벽 면에 번진 짧은 벽 조각을 놓치며, 설비가 많은 빗금 벽 도면에서는 설비 조각이 짧은 벽으로 남기도 합니다(직접 그린 흐린 시험 도면 4장: 개구부 14/17 · 9/10 · 15/15 · 15/21, 방 7/8 · 5/5 · 8/8 · 8/11). CAD 읽기는 직접 그린 시험 도면으로만 확인했습니다(벽이 두 조각만 나왔던 실제 도면 파일은 아직 받지 못했습니다). 방 종류는 설비 기호가 그려진 도면에서는 잘 맞히지만, 기호가 없는 도면에서는 문 배치와 면적만으로 짐작해 자주 틀립니다(시험 17/28). 확신이 낮은 방에는 '확인' 표시를 붙여 직접 고르게 했습니다. 시험한 실제 평면도는 아직 한 장뿐입니다. 축척은 문 폭을 0.9 m 로 보고 정하므로 도면 치수와 몇 % 어긋날 수 있어 축척 맞추기 도구를 두었습니다
• 여러 층 집은 같은 그림으로 만든 시험 2층과 직접 그린 CAD 2층 도면으로만 확인했습니다. 위층 도면의 계단은 아래층에서 올라오는 계단으로 보고 새 계단을 만들지 않습니다. 계단 자리가 넓으면 그 층 거실에 소파가 들어가지 못하기도 합니다
• AI 로 읽기는 방문자 본인의 Anthropic API 키로 브라우저에서 Anthropic 에 바로 요청합니다(모델 claude-opus-5-5, 노력 수준 medium, 한 번에 약 0.1달러 안팎). 운영자는 이 기능을 실제 키로 시험하지 못한 채 공개했고, 요청 모양과 답 검사만 가짜 응답으로 확인했습니다
• 바닥을 칠한 분양 평면도는 사용자가 올린 아파트 평면도 한 장(538 px)과 합성 시험 도면으로만 맞췄습니다. 그 아파트에서 벽 28개 · 방 9개(침실 셋 · 욕실 둘 · 거실 · 현관 등)를 찾지만, 오른쪽 아래 발코니 · 실외기실은 짧은 벽 조각을 놓쳐 바깥으로 남고 방 이름은 틀리는 것이 있습니다. 같은 그림을 두 배로 키우면 바깥벽 두께가 구간마다 달라져 침실 하나가 바깥으로 새기도 합니다. 10월 21일 사용자가 올린 2층 주택 도면(한 그림에 두 층, 467 px)은 처음 벽 14개 · 방 1개였고, 지금은 층으로 나눠 방마다 찍은 정답 점 기준으로 1층 8/12 · 2층 9/9 가 제대로 나뉩니다. 아직 거실 가운데에 가짜 통로 선이 생기고 거실 남쪽 돌출부가 따로 잡히며, 드레스룸과 현관홀이 붙고, 계단 위 창이 바깥문으로 잡힙니다. 그림이 작아 설비 기호를 못 읽어 방 종류는 많이 틀리고, 축척은 문 폭 추정이라 이 도면에서 약 20 % 작게 잡히므로 치수(예: 17140)로 축척 맞추기를 해야 합니다
• 3D 벽 고치기는 집 안 벽만 다룹니다(바깥벽에는 집 윤곽 · 지붕 · 가구 좌표가 걸려 있어 평면도 화면에서 고칩니다). '적용'은 페이지를 다시 불러 집을 새로 짓기 때문에 몇 초 걸리고, 벽을 지워 방이 합쳐지면 방 이름은 겹치는 쪽을 따릅니다
• 평면도 내려받기는 운영자 계정은 무료, 다른 계정은 한 번 그릴 때마다 1회를 씁니다. 결제는 아직 사이트 안에서 받지 않고, 운영자가 직접 받은 뒤 그 사람의 구글 이메일에 내려받기 횟수를 넣어 줍니다. 도면은 3D 에 지어진 그대로 그리므로 자동 분석이 놓친 벽은 도면에도 없고, 가구가 몰린 곳에서는 이름 글자가 겹치기도 합니다
• 데크 찾기는 직접 그린 시험 도면과 기준 평면도로만 맞췄습니다. 기준 집의 큰 데크는 계단 선 때문에 두 조각으로 잡히고, 모눈종이처럼 바탕에 선이 깔린 그림이나 데크가 집에서 떨어져 있는 그림은 아직 못 잡을 수 있습니다. 3D 데크 고치기는 사각형 단위라 ㄱ자 데크는 사각형마다 크기를 바꿉니다
• AI 정밀 읽기와 외관 읽기는 운영자가 실제 키로 시험하지 못했습니다. 사용자가 보낸 판매용 그림 두 장(한 장에 두 층, 투시도와 가는 선 평면도)을 사람이 읽어 만든 답을 브라우저 안에서 API 응답처럼 돌려주는 방식으로만 반영 과정을 확인했습니다. AI 가 방 범위로 세운 벽은 대략의 위치라 확인 · 수정이 필요합니다. 지붕은 집 윤곽을 사각형 덩어리로 나눠 덩어리마다 올려서, 복잡한 윤곽에는 작은 박공이 여러 개 생기고, 기둥 · 아치 · 발코니 난간 같은 장식은 아직 만들지 않습니다
• 갤러리의 운영자 집 가운데 세 채는 사용자가 보낸 판매용 · 분양 평면도를 읽어 우리가 다시 그린 것이고, 원본 그림은 싣지 않았습니다. 방문자 집 공개는 저장한 사람의 선택으로만 됩니다

바로가기

써 보셨나요?

좋았던 점, 불편했던 점, 버그, 바라는 기능을 남겨 주세요. 읽어 본 뒤 공개하고, 고치는 데 씁니다.