Vibecoding으로 만든 메타 글래스 시네마틱 웹사이트

그냥 배경에 영상만 깔아놓은 사이트 아님?

그냥 배경 영상이 아니라 스크롤 기반으로 작동하는 거야 😅 안경 시퀀스가 사용자의 스크롤 진행 상황에 맞춰 동기화되어서, 페이지를 내릴 때 분해 조립 애니메이션이랑 스토리텔링 섹션이 상호작용하는 거지. 나한테 흥미로웠던 건 vibecoding 워크플로우로 영화 같은 스크롤텔링이랑 인터랙티브 제품 경험을 어디까지 밀어붙일 수 있는지 실험해보는 거였어.

전체 튜토리얼 영상 좀 올려줄 수 있어? 아니면 최소한 처음부터 여기까지 어떻게 만들었는지 글로라도 설명 좀 해줘.

모든 프롬프트를 포함한 정확한 단계별 가이드를 제공하기는 솔직히 어려워, 왜냐면 수많은 시행착오를 거쳤거든 😅 그래도 간략화된 워크플로우는 대충 이래: • 영화 같은 제품 비주얼 생성 • 분해 조립 뷰 베리에이션 만들기 • 그걸 스크롤에 연동된 이미지 시퀀스로 변환 • Antigravity/Gemini를 사용해서 Next.js + Framer Motion 구조 구축 • 그러고 나서 프롬프트, 전환 효과, 오버레이, 타이밍, 스토리텔링을 느낌이 올 때까지 계속 다듬기