Repolode
wy51ai

wy51ai/floorplan-3d

가구 배치와 벽 편집, 2D 방 치수 측정부터 Three.js 3D 장면 확인까지 지원하는 프런트엔드 전용 평면도 도구입니다.

대체할 수 있는 제품:Planner 5DSketchUp

스타
2,479
포크
472
열린 이슈
8
마지막 커밋
18일 전

어떤 프로젝트인가요?

floorplan-3d는 브라우저에서 사용하는 집 구조 설계 및 꾸미기 도구입니다. 1:60 또는 1:100 축척의 2D 평면도에 가구를 배치하고, 항목을 드래그하거나 회전하고, 거리를 측정하고, 내력벽이 아닌 벽을 제거할 수 있습니다. 앱 전체가 단일 index.html 파일로 구성되어 빌드 과정 없이 브라우저에서 페이지를 열면 바로 실행됩니다.

3D 보기는 Three.js로 구현되었으며, 조감도·사선·평면 시점을 제공하고 키보드, 마우스 또는 터치 조이스틱으로 이동하는 1인칭 모드도 지원합니다. 3D에서 가구를 선택하고 이동할 수 있으며, 변경 사항은 2D 평면도에도 반영됩니다. 각 방의 바닥재를 바꿀 수 있고, 면적에 5%의 여유분을 더해 비용을 추산합니다.

설계 내용은 localStorage에 저장되며 실행 취소와 다시 실행을 지원하고 PNG 또는 JSON으로 내보낼 수 있습니다. 인터페이스는 중국어와 영어로 전환할 수 있습니다. 방 데이터, 벽, 자재, 가구 라이브러리가 일반 JavaScript 상수로 정의되어 있어 자신의 평면도에 맞게 수정할 수 있습니다. Three.js는 CDN에서 불러오므로 3D 보기를 사용하려면 인터넷 연결이 필요합니다.

핵심 기능

  • 0160개 이상의 가구와 가전제품을 1:60 또는 1:100 축척의 2D 평면도에 드래그해 배치합니다.
  • 02조감도·사선·평면 3D 시점 간에 전환하거나 1인칭으로 이동합니다.
  • 03벽 스냅 기능으로 거리를 측정하고 내력벽이 아닌 벽을 제거합니다.
  • 04방 면적과 실제 사용 면적을 자동으로 계산하고 바닥재 비용을 추산합니다.
  • 05편집 내용을 실행 취소하거나 다시 실행할 수 있으며, 평면도는 브라우저의 로컬 저장소에 저장됩니다.
  • 06배치를 PNG 또는 JSON으로 내보내고 저장된 평면도를 가져옵니다.

활용 사례

  • 가구를 구매하기 전에 아파트 내 가구 배치를 계획할 때.
  • 리모델링 중 벽을 철거하거나 방 구조를 바꾸는 경우를 미리 검토할 때.
  • 방별 바닥재 비용을 추산할 때.
  • 자신의 주택 데이터에 맞게 평면도와 가구 라이브러리를 수정할 때.

빠른 시작

  1. 1

    저장소를 클론합니다

    git clone <仓库地址>
  2. 2

    저장소 디렉터리로 이동합니다

    cd <仓库目录>
  3. 3

    브라우저에서 index.html을 열거나 로컬 정적 서버를 시작합니다

    python3 -m http.server 8000

사용 전 알아둘 점

  • 3D 장면은 CDN에서 Three.js를 불러오므로 처음 열 때 인터넷 연결이 필요합니다.

토픽

자주 묻는 질문

floorplan-3d은(는) 무엇인가요?
가구 배치와 벽 편집, 2D 방 치수 측정부터 Three.js 3D 장면 확인까지 지원하는 프런트엔드 전용 평면도 도구입니다. floorplan-3d는 브라우저에서 사용하는 집 구조 설계 및 꾸미기 도구입니다. 1:60 또는 1:100 축척의 2D 평면도에 가구를 배치하고, 항목을 드래그하거나 회전하고, 거리를 측정하고, 내력벽이 아닌 벽을 제거할 수 있습니다. 앱 전체가 단일 index.html 파일로 구성되어 빌드 과정 없이 브라우저에서 페이지를 열면 바로 실행됩니다.
floorplan-3d은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
floorplan-3d은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
floorplan-3d은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. floorplan-3d의 마지막 커밋은 2026년 10월 2일입니다.
floorplan-3d은(는) 어디에 사용할 수 있나요?
가구를 구매하기 전에 아파트 내 가구 배치를 계획할 때. 리모델링 중 벽을 철거하거나 방 구조를 바꾸는 경우를 미리 검토할 때. 방별 바닥재 비용을 추산할 때. 자신의 주택 데이터에 맞게 평면도와 가구 라이브러리를 수정할 때.
floorplan-3d는 어떻게 설치하나요?
저장소를 클론합니다: git clone <仓库地址> 저장소 디렉터리로 이동합니다: cd <仓库目录> 브라우저에서 index.html을 열거나 로컬 정적 서버를 시작합니다: python3 -m http.server 8000
floorplan-3d은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/wy51ai/floorplan-3d

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트