Skip to main content
사례 전체
웹사이트 · 브랜딩

스트레스 해소 바탕화면 부수기

Three.js로 구현한 인터랙티브 바탕화면 부수기 웹 경험. 스트레스 해소를 위한 재미있는 3D 인터랙션 프로젝트입니다.

기간
2025.11
역할
개인 프로젝트
기술
Next.js 16Three.jsTypeScriptTailwind CSS v4
링크
GitHub

Three.js로 구현한 인터랙티브 바탕화면 부수기 웹 경험. 스트레스 해소를 위한 재미있는 3D 인터랙션 프로젝트입니다.

한 일

  • Three.js 물리 시뮬레이션 (중력, 충돌 감지) 직접 구현
  • 오브젝트 파편화 알고리즘 개발
  • InstancedMesh 기반 드로우 콜 최소화 최적화
  • 마우스 인터랙션 및 화면 밖 파편 자동 정리

남은 것

  • Three.js 물리 엔진 직접 구현으로 인터랙티브 3D 웹 경험 프로토타이핑

같은 갈래