프로젝트명

3D목업 렌더링 웹프리뷰

개발연도

2025.08

타입

Website

클라이언트

디쿤

요약

<p>브랜드/상품 패키지와 굿즈를 온라인에서 직접 커스터마이징하고, 실시간 3D 모델로 확인할 수 있는 웹 기반 3D 모의 제작(Mockup) 플랫폼을 개발했습니다. 사용자는 텍스트, 이미지, 색상을 자유롭게 편집하여 자신만의 디자인을 즉시 미리보기 할 수 있습니다.</p>

개발 언어

React

키워드

키워드해시태그

프로젝트 URL

https://example.com/3

상세설명

기술 스택
React 기반 프론트엔드에 Three.js, Fabric.js를 활용하여 3D 모델과 2D 캔버스를 연동. Blender로 제작한 커스텀 GLB 모델을 통해 제품 질감과 형태를 사실감 있게 구현.

주요 기능
제품 선택: 머그컵, 패키지, 의류 등 다양한 아이템 제공
디자인 편집: 색상 변경, 텍스트 입력·폰트 조정, 이미지 업로드, 레이아웃 조정
실시간 반영: Fabric.js 캔버스에서 편집한 디자인이 Three.js 3D 모델 텍스처로 즉시 적용
반응형 UI: PC·모바일 환경 모두에서 자연스럽게 사용 가능

성과 및 특징
사용자 친화적인 인터페이스 구현으로 누구나 직관적으로 커스터마이징 가능
실제 제품 제작 전, 고객 맞춤형 디자인을 미리 확인하여 효율적인 의사결정 지원
향후 쇼핑몰과 결합 시, 개인화 굿즈 제작·판매 시스템으로 확장 가능