평면적인 웹사이트를 넘어 가상 공간에서 프로젝트를 탐험하는 듯한 경험을 제공합니다.

웹 브라우저의 성능 한계를 극복하기 위해 셰이더(Shader) 최적화에 집중했으며, 끊김 없는 애니메이션을 위해 Framer Motion과 Three.js의 생명주기를 통합했습니다.

3D 포트폴리오 쇼케이스

인터랙티브 룸: 사용자가 마우스로 3D 공간을 회전하며 프로젝트 카드를 확인합니다.
동적 조명 시스템: 시간대나 마우스 위치에 따라 공간의 조명이 실시간으로 변합니다.
반응형 3D: 모바일 기기의 가속도계를 활용하여 기기 기울기에 따라 시점이 변합니다.