- canvas
- TypeScript
- PostgreSQL
- next.js
- supabase
- React




프로젝트 상세
ISOPLAN 3D — 인테리어 시뮬레이션 SaaS
프로젝트 개요
DXF/DWG 평면도를 업로드하면 자동으로 이소메트릭 3D 뷰로 변환하고, 각 공간의 마감재(바닥, 벽, 걸레받이, 도어)를 실시간으로 시뮬레이션한 뒤, AI로 포토리얼 렌더링 이미지를 생성하는 SaaS 서비스입니다.
인테리어 업체, 건축사, 시공사가 고객 앞에서 현장에서 즉시 시뮬레이션을 보여줄 수 있도록 설계되었습니다.
- 라이브 서비스: https://isom-neon.vercel.app
- 타겟: 인테리어 업체, 건축사, 시공사, 리모델링 기업
- 핵심 차별점:
- CAD 파일 업로드 → 3D 자동 변환 (별도 3D 소프트웨어 불필요)
- AI 기반 파워 렌더링
주요 기능 (구현 완료)
1. CAD 파일 업로드 & 파싱
- DXF/DWG 지원 (DWG는 변환 가이드 안내)
- 레이어 자동 감지 (벽, 문, 창, 칸막이)
- 레이어 매핑 UI (사용자가 수동 지정 가능)
- 단위 자동 감지 (mm, cm, m)
2. 이소메트릭 3D 뷰
- Canvas 2D 기반 자체 렌더링 엔진
- 방, 벽, 문, 창문, 걸레받이 자동 렌더링
- 4방향 회전 (90° 단위)
- 줌/팬/핀치 제스처 지원
- 벽 높이 조절
3. 마감재 시뮬레이션
- 5개 부위: 바닥, 벽, 걸레받이, 도어, 칸막이
- 9가지 패턴: 타일, 마루, 헤링본, 대리석, 솔리드, 벽돌, 서브웨이, 테라조, 콘크리트
- 개별 벽 선택 (1클릭 = 방 전체, 2클릭 = 개별 벽면)
- 전체 방 일괄 적용
4. 건물 유형별 설정
- 아파트 / 사무실 / 병원 / 상가·카페 / 학교·학원
- 유형별 방 이름 프리셋 (한국어/영어)
- 유형별 기본 마감재 자동 적용
- 유형별 AI 렌더링 프롬프트 최적화
5. 포토리얼 렌더링
- 돌하우스 뷰 (천장 제거, 벽 두께 표현)
- 스타일 선택: 모던, 클래식, 미니멀, 럭셔리, 스칸디, 클리니컬, 코지
- 가구 배치: 없음/간단/완전
- 조명 옵션: 무드 조명 / 실용 조명
- 수정 지시 입력 — "벽을 더 밝게" 같은 자연어로 재렌더링
- 컨셉/현장 이미지 분석 — 사진 업로드 → AI가 마감재 자동 인식 및 적용
6. Quick Render
- CAD 파일 없이 이미지만으로 AI 렌더링
- 평면도 사진, CAD 스크린샷, 손 스케치 모두 가능
7. 공유 & 저장
- 렌더링 결과 공유 링크 (비로그인 접근)
- PNG 다운로드
- 렌더링 히스토리 (프로젝트별)
- 썸네일 자동 생성