3D HERO POC · coffee scene
한 잔이 만드는
정적의 순간
three.js 프로시저럴 세라믹 컵 + 스팀 파티클. Elementor 히어로 컨테이너 안에서 렌더되며, 스크롤은 Lenis ↔ ScrollTrigger 로 연동됩니다.
SECTION 1
스크롤 구간 1
히어로를 지나며 컵이 내려가고 카메라가 물러납니다. ScrollTrigger scrub 이 Lenis 관성 스크롤과 물리는지 확인하는 구간입니다.
SECTION 2
스크롤 구간 2
히어로가 뷰포트를 벗어나면 IntersectionObserver 가 렌더 루프를 멈춥니다(모바일 배터리·성능).
SECTION 3
스크롤 구간 3
헤더/푸터·Lenis·백투탑 등 파이프라인 기본 구성과 3D 히어로가 공존하는지 확인합니다.