OUR STORY
우리가 걸어온 길
처음 만난 날
2019 봄
2019 봄
첫 데이트
2019 여름
2019 여름
함께한 여행
2021
2021
그 날의 약속
2025 프러포즈
2025 프러포즈
맞잡은 손
언제나
언제나
이제, 우리
2026
2026
2026년 11월 14일 토요일 오후 2시
저희의 새로운 시작을 함께해 주세요.
더 채플 청담 · 3F 그랜드홀
서울 강남구 청담동
참석이 어려우신 분들을 위해 마음 전하실 곳을 안내드립니다.
아무것도 없는 새 컴퓨터에 Claude Code만 깔린 상태 기준이에요. 아래 키 3개를 처음부터 발급받고, 프롬프트를 순서대로 복붙하면 Claude Code가 영상 생성·합성·배포까지 다 합니다.
새 컴퓨터에 Claude Code만 있어. 이 작업에 필요한 도구를 설치/준비해줘: ffmpeg, node, wrangler(cloudflare), 헤드리스 QA용 puppeteer-core + chromium, yt-dlp. 그리고 방금 발급받은 키를 연결할게: Pexels 키는 저장소 밖 안전한 곳에, GCP Vertex 키 파일은 ~/.claude/.gcp-vertex-key.pem 로, Cloudflare는 'wrangler login'으로 로그인하게 안내해줘.
버건디 청첩장용 자산을 만들어줘. 1) 봉투: Imagen(imagen-3.0-generate-002, 9:16)으로 "딥버건디 청첩장 봉투+금박 왁스실+말린 장미·유칼립투스, 어두운 벨벳 배경" 이미지 생성. 2) 봉투 개봉 영상: 그 이미지를 Veo 3.1 i2v로 "왁스실 떼지고 → 플랩 열리며 → 카드·황금빛·꽃잎 나오는" 8초 영상으로. 3) 식장: Veo로 "골든아워 야외 결혼식장을 카메라가 꽃길 따라 전진 비행" 8초. 4) 주마등 배경: Veo 가성비(veo-3.0-fast)로 "버건디·골드 보케가 떠다니는" 배경 루프. 5) 스냅: Pexels에서 'couple sunset', 'wedding proposal' 등 세로 사진 6장. GCP 키는 ~/.claude/.gcp-vertex-key.pem 사용. 다 docs 아래 저장해줘.
위 자산으로 세로 9:16 시네마틱 스크롤 청첩장(버건디)을 만들어줘. 스크롤하면 5막이 심리스하게 이어진다: ①봉투 개봉 ②주마등(스냅이 하나씩 앞으로 지나가고 배경 보케가 움직임) ③식장으로 날아 들어가며 긴 세로팬(버진로드) ④카운트다운·예식일정·오시는길·마음전하실곳 ⑤이름·날짜 피날레. 규칙: GSAP ScrollTrigger + Lenis. ★봉투·식장 스크럽은 'canvas 프레임 시퀀스'로(아래 비결). 핀 높이 100dvh, overflow-x:clip, 막 사이 어두운 veil 크로스페이드. 헤드리스 chromium으로 스크롤 지점별 스크린샷 찍어 검증하고 보여줘. Cloudflare Pages로 배포(파일당 25MB 이하로 압축). 이름·날짜·사진은 우선 더미.
스크롤에 맞춰 영상을 재생(video의 currentTime 조작)하면 폰(특히 사파리)에서 끊기거나 아예 안 돌아갑니다. 데스크톱에선 멀쩡해 보여서 속기 쉬워요.
그래서 우리는 영상을 ffmpeg로 사진 80장으로 쪼개고(fps=10), 전부 미리 불러둔 뒤, 스크롤 위치에 맞는 사진 한 장을 canvas에 그립니다. 디코딩·탐색이 없어서 폰에서 버터처럼 부드러워요. 카메라 줌·위빙·세로팬은 그 canvas에 CSS로 얹고요. (자동재생 배경 루프만 video 그대로 둬도 됨)
· overflow-x:hidden 쓰면 position:sticky가 깨져요(핀이 그냥 스크롤돼 화면이 텅 빔) → overflow-x:clip 사용.
· 핀 높이 100vh는 모바일 주소창 때문에 점프 → 100dvh.
· 세로팬이 캔버스 높이보다 크면 영상 아래 검정 노출 → 캔버스 높이에 맞춰 팬 폭 제한.
· Cloudflare Pages는 파일당 25MB 한도 → 영상 압축.
· 추측 금지: 헤드리스 브라우저로 스크롤별 스크린샷을 찍어 눈으로 확인하며 진행.
막히는 데 있으면 → @aitigermask