평면도로 3D 인테리어 디자인 도구 만들기

프롬프트

根据这张户型图，写一个单文件 HTML 装修设计工具：

1、2D 平面：按图上的尺寸标注（mm）还原墙体、门窗和房间，承重墙和普通墙分开画，四周标注尺寸，并自动算出房间面积。
2、家具：放好一套默认布置，家具按真实尺寸绘制，可以拖动、旋转、改尺寸，靠近墙面自动吸附。
4、交互：测量工具、拆改非承重墙、更换地面材料、撤销/重做、保存到本地、导出图片。
4、3D：用 three.js 生成同一套方案的 3D 场景，支持鸟瞰和第一人称漫游。
5、切换：2D/3D 在同一页面切换，要有流畅的过渡动画，两边数据实时同步。

한국어 번역

이 평면도를 바탕으로 단일 파일 HTML 인테리어 디자인 도구를 작성해 줘:

1、2D 평면: 도면의 치수 표기(mm)에 따라 벽체, 문과 창, 방을 복원하고, 내력벽과 일반 벽을 구분해 그리며, 사방에 치수를 표기하고, 방 면적을 자동으로 계산해.
2、가구: 기본 배치 세트를 놓고, 가구는 실제 치수대로 그리며, 드래그, 회전, 치수 변경이 가능하고, 벽면에 가까워지면 자동으로 스냅되게 해.
4、인터랙션: 측정 도구, 비내력벽 철거 및 변경, 바닥 재료 교체, 실행 취소/다시 실행, 로컬 저장, 이미지 내보내기.
4、3D: three.js로 같은 설계안의 3D 장면을 생성하고, 조감도와 1인칭 둘러보기를 지원해.
5、전환: 2D/3D를 같은 페이지에서 전환하고, 부드러운 전환 애니메이션이 있어야 하며, 양쪽 데이터가 실시간으로 동기화되어야 해.

출처

원작자

akokoi1

게시일

2026-09-28（由推文 ID 反解）

원문 출처

원문 보기 ↗

수록 출처

zhuyansen/awesome-opus-5.5-video · 2104520072014508316 · 라이선스 미표명