XCreative Dev & WebGLreference-ideavideo
Just merged my floor planner with my configurator
Sudhir·@SeeOn__·Mar 16, 2026
개요 개발자 Sudhir(@SeeOn__)가 Three.js(R3F) 기반으로 만든 플로어 플래너와 3D 컨피규레이터를 하나로 통합한 데모를 공개했다. 평면도 편집, 재질 커스터마이징, 조명 제어, 포스트 프로세싱(Bloom, SSR, SSGI), 씬 아웃라인, 다층 편집, 도면 내보내기까지 지원하며, 웹 브라우저에서 인테리어 시뮬레이션의 전 과정을 처리할 수 있는 올인원 도구다.
활용 가능성 R3F 기반이므로 React 프로젝트에 바로 통합 가능하다. 부동산 플랫폼의 가상 인테리어 체험, 가구 이커머스의 3D 프리뷰, 건축 시뮬레이션 MVP 등에 참고할 만한 구조다. 특히 포스트 프로세싱과 라이팅 컨트롤을 하나의 에디터에 녹여낸 방식은 WebGL 기반 컨피규레이터를 만들 때 좋은 레퍼런스가 된다.
참고 자료 - 원본 트윗 ===
#floor-planner#threejs#material-editor#post-processing#lighting