HTML 애플 스타일 런칭 필름

다음을 요청해 주세요: 워드마크용 한 단어 브랜드 이름 (동사가 가장 좋습니다) 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 탭 위로 드래그하면, 페이지가 밀려 들어오고, 놓으면 랜딩 페이지의 히어로가 됩니다. 스크롤: 히어로가 제품 카드의 프레임 인쇄물로 모핑되고, 매트와 몰딩이 사진 가장자리에서 자라납니다. 프레임 색상을 선택하고 (가로질러 칠해집니다) 사이즈를 선택하면, 내비 버튼이 "인쇄 주문"으로 날아내려갑니다. 주문: 하나의 검은 도형이 연속으로 모핑됩니다: 주문됨 ✓ → 인쇄 중 % → 배송 중 (경로 위의 밴) → 배달됨 ✓ 벽: 배달된 원이 프레임을 가장자리까지 가득 채우고, 한 비트 동안 검은색을 유지하며, 실제 벽 영상에 걸린 프레임 인쇄물로 수축합니다. 같은 아이리스가 인쇄물 위로 열리고, 다시 닫히고, 프레임이 화면을 가득 채우고 알약으로 수축 → 점 → 글자들이 스프링으로 다시 튀어나와 비트 리턴에 착지합니다. 마지막 프레임 = 첫 프레임. 하나의 HTML 파일, 정사각형 1440x1440. 모든 스타일은 비동기 seek(t) 내부의 시간으로부터 계산됩니다: CSS 트랜지션 없음, 타이머 없음, 프레임 간 상태 없음. 스프링은 폐형 계단 응답을 사용합니다. 여러 타깃을 가진 값은 변화당 하나의 스프링의 합이므로, 시간의 순수 함수로 유지됩니다. 리퀴드 글래스: 각 유리 요소는 뒤에 있는 장면의 자체 클론을 보유하고, SVG feImage 변위 맵 (둥근 사각형 거리 필드)으로 필터링되며, 약간 다른 스케일의 세 개의 feDisplacementMap을 통해 색수차 가장자리를 만들고, 림 라이트를 더합니다. 유리 글자: 글리프당 캔버스 거리 필드가 맵, 마스크, 하이라이트를 생성합니다. 구: 블러 + 알파 임계값, 그런 다음 소스를 위에 합성하여 유리가 내부에서 선명하게 유지됩니다. 아이리스: 육각형 조리개 주위의 6개 블레이드. 각 블레이드는 두 꼭짓점, 양쪽 가장자리 확장, 그리고 그 사이의 짧은 호를 사용합니다. 워드마크 압축: 모든 글자가 같은 계수로 점을 향해 이동하고 그려진 너비가 따라갑니다 (wdth 축을 좁히고 나머지를 스케일), 그래서 글자들이 계속 맞닿아 있습니다. 영상: 모두 인트라로 재인코딩 (ffmpeg -g 1), blob URL로 로드, 매 프레임 그리기 전에 'seeked'를 기다립니다. 사운드: 모든 이벤트에 다운로드한 SFX (Mixkit), 절대 합성하지 않음, 각각 측정된 피크로 배치됩니다. 곡은 다운비트에서 시작합니다: 줌이 드롭에 맞고, 벽이 브레이크다운에 앉고, 워드마크가 비트와 함께 돌아옵니다. Loudnorm으로 -14 LUFS. Playwright로 렌더링: 프레임당 4 서브프레임을 ffmpeg tmix로 블렌딩, 60fps. 비트당 한 프레임을 확인한 다음, 단일 프레임 팝 (이웃의 3배인 프레임 차이 스파이크)을 스캔합니다. backdrop-filter: url()은 Chromium에서 변위 맵을 잘못 읽으므로, 대신 장면을 클론하세요. 플러드는 코너 너머로 오버스케일되어 약 0.3초가 걸려야 합니다, 그렇지 않으면 화면의 절반이 한 프레임에 바뀝니다. visibility: visible인 자식은 숨겨진 부모를 통해 보이므로, inherit을 사용하세요. 모핑하는 도형 내부에서 교체되는 텍스트는 자체 마스크가 필요합니다. python http.server는 비디오 범위 탐색을 할 수 없으므로, blob URL을 사용하세요. 입력을 요청한 다음, 전체 필름을 작성하기 전에 비트 맵과 4장의 스틸 (오픈, 글래스, 스테이지, 벽)을 보여주세요.