애플 키노트 스타일 모션 디자인 런칭 필름

나에게 요청해 줘: 워드마크용 한 단어 브랜드 이름(동사가 가장 좋음), 고해상도 사진 9~12장, 드롭과 조용한 브레이크다운이 있는 약 120 BPM의 로열티 프리 트랙(Mixkit, 상업적 사용 무료), 그리고 움직이는 식물 그림자가 있는 평범한 벽의 무료 스톡 클립(Pexels). Apple 키노트 스타일의 런칭 필름, 2D만 사용, 한 번의 연속 테이크로 촬영. 각 장면은 이전 장면에서 자라난다: 페이드, 블러, 컷 없음. 대신 오브젝트가 변형된다. 텍스트는 마스크 라인에서 솟아오르고, 아이콘은 0에서 튀어나오며, 바는 화면을 가로질러 그려지고, 페이지는 앞으로 밀려나오며, 검은 도형이 프레임을 채운 뒤 다음 장면으로 축소된다. 따뜻한 오프화이트 캔버스, 검은 UI, 사진 위에 iOS 26 리퀴드 글래스를 사용한다. 워드마크에는 Archivo(wdth 125, weight 800), UI에는 Geist. 커서가 실제 클릭, 드래그, 롱프레스로 모든 변화를 트리거한다. 카메라를 스크린 스튜디오 스타일로 줌해서 각 순간이 정사각형을 채우게 하고, 커서도 함께 스케일한다. 금지: 크로스페이드, 블러인, 밝기 "현상" 효과, 3D 플립, 파티클, 글로우, 1초 초과 유지, 템플릿처럼 느껴지는 모든 것. 120 BPM, 54비트, 매 비트마다 무언가 일어난다. 오픈: 워드마크가 아코디언처럼 자기 마침표 속으로 압축된다. 점이 검은 알약으로 확장되고, 그 안에서 라벨이 솟아오른다. 클릭: 여섯 개의 아이리스 블레이드가 라벨 위로 닫혔다가 사진 위로 탁 열린다. 원이 사각형으로 변하고 축소된다. 종이 지도처럼 그리드가 뒤에서 펼쳐지고(중앙, 플러스, 코너), 벤토로 재배열되며, 클릭 한 번에 한 타일로 줌인되어 드롭에 정확히 착지한다. 글래스: 유리 단어가 글자 하나씩 나타나고, 물방울로 녹아내려 유리 툴바로 늘어난다. 조정 아이콘이 그것을 슬라이더로 바꾼다. 드래그하면 사진 조명이 낮에서 골든아워로 이동하고(정렬된 두 장의 샷), 잡고 있는 노브는 유리 렌즈가 된다. 그것이 유리 오브로 솟아오르고, 다음 사진이 그 안에 원으로 열리며, 오브가 유리 시계 숫자, 날짜, 그리고 유리 뮤직 플레이어로 늘어나는 홈 바가 있는 잠금 화면으로 성장한다. 스테이지: 잠금 화면이 뒤로 물러나며 폰을 드러내고, 베젤이 화면 가장자리에서 자라난다. 다이나믹 아일랜드가 액체처럼 늘어나고, 집혀 떨어져 나와 날아가며, 블라인드처럼 말리는 Mac 창으로 확장된다. 배경화면을 롱프레스해서 Safari 탭 위로 드래그한다. 페이지가 밀려 들어오고, 이미지를 놓으면 랜딩 페이지의 히어로가 된다. 스크롤: 히어로가 제품 카드 위의 액자 인화로 변형되고, 매트와 몰딩이 사진 가장자리에서 자라난다. 프레임 색상을 고르면(전체에 칠해짐) 사이즈를 고르고, 내비 버튼이 아래로 날아가 "Order print"가 된다. 주문: 하나의 검은 도형이 계속 변한다: Ordered ✓ → Printing % → On its way(경로 위의 밴) → Delivered ✓. 벽: 배달 완료된 원이 확장되어 검은색이 프레임을 채우고, 한 비트 유지한 뒤 실제 벽 영상에 걸린 액자 인화로 축소된다. 같은 아이리스가 인화 위로 열렸다가 다시 닫힌다. 프레임이 화면을 채우고, 알약 → 점 → 글자들이 돌아오는 비트에 맞춰 다시 튀어나온다. 마지막 프레임 = 첫 프레임. 1. HTML 파일 하나, 정사각형 1440x1440. async seek(t) 안에서 시간으로부터 모든 스타일을 계산한다: CSS 트랜지션, 타이머, 프레임 간 상태 유지 없음. 2. 스프링에는 닫힌 형태의 스텝 응답을 사용한다. 한 값에 여러 타깃이 있을 때는 변화마다 스프링을 하나씩 추가해서 시간의 순수 함수로 유지한다. 3. 리퀴드 글래스: 각 유리 요소는 뒤에 있는 장면의 자체 클론을 유지한다. 그 클론을 SVG feImage 변위 맵(둥근 사각형 거리장)으로 필터링하고, 약간씩 다른 스케일의 세 개 feDisplacementMap을 통해 색수차 가장자리를 만든 뒤 림 라이트를 추가한다. 유리 글자의 경우 글리프마다 캔버스 거리장을 사용해 맵, 마스크, 하이라이트를 만든다. 4. 구: 블러와 알파 임계값을 적용한 뒤 소스를 위에 합성해서 유리 내부가 선명하게 유지되도록 한다. 5. 아이리스: 육각형 조리개 주위에 6개의 블레이드를 배치한다. 각 블레이드는 두 꼭짓점, 두 가장자리 연장선, 그리고 그 사이의 짧은 호를 사용한다. 6. 워드마크 압축: 모든 글자를 같은 계수만큼 점 쪽으로 이동시키고 그려진 너비를 그에 맞게 조정한다(wdth 축을 좁히고 나머지는 스케일), 글자들이 접촉을 유지하도록. 7. 영상: 전부 인트라로 재인코딩하고(ffmpeg -g 1), blob URL로 로드한 뒤 각 프레임을 그리기 전에 "seeked"를 기다린다. 8. 사운드: 모든 이벤트에 다운로드한 SFX를 사용하고(Mixkit), 절대 합성하지 않으며, 측정된 피크에 따라 각각 배치한다. 곡은 다운비트에서 시작한다: 줌은 드롭에 착지하고, 벽은 브레이크다운에 두고, 워드마크는 비트에 맞춰 돌아온다. Loudnorm으로 -14 LUFS. 9. Playwright로 렌더링: ffmpeg tmix로 60fps에서 프레임당 4개의 서브프레임을 블렌드한다. 비트마다 한 프레임을 확인한 뒤, 단일 프레임 팝(이웃보다 3배 높은 프레임 차이 스파이크)을 찾는다. backdrop-filter: url()은 Chromium에서 변위 맵을 잘못 읽으므로 대신 장면을 클론한다. 플러드는 코너 너머까지 확장되어 약 0.3초가 걸려야 한다; 그렇지 않으면 화면의 절반이 단일 프레임에서 바뀐다. visibility: visible로 설정된 자식은 숨겨진 부모를 통해 보일 수 있으므로 inherit을 사용한다. 변형하는 도형 안에서 텍스트를 교체하려면 자체 마스크가 필요하다. python http.server는 비디오 범위 탐색을 할 수 없으므로 blob URL을 사용한다. 나에게 입력값을 요청한 뒤, 전체 필름을 작성하기 전에 비트 맵과 4개의 스틸(오픈, 글래스, 스테이지, 벽)을 보여줘.