키네틱 타이포그래피 필름: ESCAPE THE ORBIT

"ESCAPE THE ORBIT"라는 제목의 20.00초 키네틱 타이포그래피 영화를 제작합니다. 존 F. 케네디의 1962년 9월 12일 라이스 대학 연설을 기반으로 합니다. 핵심 경험: 한 문장이 자신의 궤적을 바꿀 수 있다는 것을 발견합니다. 완전하고 독립적인 HTML 파일 하나를 제공합니다. 구성: 1080×1080. 목표: 60fps. Canvas, SVG 또는 내장 WebGL을 사용합니다. 필요한 에셋과 라이브러리를 포함합니다. 영화는 오디오 없이 작동해야 합니다. 정확한 표시 텍스트 "We choose to go to the moon" "[…]" "not because they are easy," "but because they are hard" 이 순서를 유지합니다. 대괄호 안의 생략 부호는 생략된 발언을 명시적으로 나타냅니다. 출처 표기는 발췌문과 분리됩니다. 추가 슬로건은 없습니다. 아트 디렉션 배경: 자정 #080D23. 기본 텍스트: 따뜻한 흰색 #FFF4DD. 궤적: 전기 산호색 #FF654F. 보조 궤도 기하학: 파란색 #6685FF. 연설에는 넓고 자신감 있는 그로테스크체를, 마지막 강조 단어에는 날카롭게 그려진 이탤릭체를 사용합니다. 우주선 계기판의 모습은 피합니다. 로켓, 우주비행사 삽화, 별무늬 배경, 렌즈 플레어, 장식적 원격측정 장치는 없습니다. 프레임은 매우 정교한 천문 기기가 표현적으로 변한 것처럼 보여야 합니다. 중심 시각 규칙 문장의 기준선은 궤적입니다. 처음에는 닫힌 궤도에 갇혀 있습니다. 수사학적 결정이 그 궤도를 열린 경로로 바꿉니다. 글자는 내내 동일한 여행자로 남습니다. 추상적인 궤도 은유를 사용합니다. 발명된 임무 데이터를 제시하거나 물리적으로 정확한 비행 시뮬레이션을 암시하지 마십시오. 스토리보드 0.00–3.50 시작 발췌문이 중앙에 크고 수평으로 나타납니다. 세 개의 의미 있는 구절 그룹으로 공개합니다. 가는 선의 타원이 기준선 뒤를 통과합니다. 작은 원형 달 표식이 먼 초점을 차지합니다. 완성된 구절을 700ms 동안 움직이지 않고 유지합니다. 3.50–6.00 카메라가 뒤로 물러납니다. 이전에 직선이던 기준선이 얕은 곡률을 드러냅니다. 구절은 하나의 일관된 단위로 타원을 따라 이동합니다. 초기 이동 동안 글리프를 똑바로 유지합니다. 읽기 유지 후에만 점진적으로 경로의 접선을 채택할 수 있습니다. 시청자는 문장이 전진하는 것이 아니라 원을 그리고 있음을 깨닫습니다. 6.00–7.00 대괄호 안의 생략 부호를 깔끔한 중앙 공간에 표시합니다. 궤도 운동이 감속합니다. 7.00–10.50 다음 절을 궤도의 가까운 쪽에 공개합니다. 마지막 단어는 하나의 부드럽고 쉬운 호를 통해 이동하여 시작점으로 돌아갑니다. 이 쉬움은 우아하지만 비생산적으로 느껴져야 합니다. 만화 같은 튀는 움직임은 피합니다. 10.50–14.50 마지막 절을 변형하기 전에 수평으로 공개합니다. 강조 지점에서 타원이 정확한 한 지점에서 열립니다. 동일한 추적된 글자 그룹이 새로운 접선을 따라 출발합니다. 의도적인 70도 카메라 롤을 수행합니다. 활성 구절을 반대 방향으로 회전시켜 궤도 필드가 주변에서 방향을 바꾸는 동안 읽을 수 있게 유지합니다. 궤적은 왼쪽 아래에서 오른쪽 위로 휩쓸립니다. 가속은 카메라를 흔들지 않고 뒤따르는 표식 사이의 간격을 확장하여 전달됩니다. 14.50–17.00 카메라는 출발하는 구절의 속도와 일치합니다. 구절은 시각적으로 정지해 보이는 반면, 이전 궤도는 아래로 멀어집니다. 달 표식은 기하학적 겹침을 통해 절제된 초승달로 확대됩니다. 초승달은 만화 삽화가 되지 않고 목적지를 감쌉니다. 17.00–20.00 선택된 발췌문을 생략 표식을 포함하여 읽기 순서대로 포함하는 넓은 편집 구성으로 마무리합니다. 열린 궤적은 여백을 통과하여 프레임 밖으로 나갑니다. 마지막 1.2초 동안 전체 이미지를 완전히 정지 상태로 유지합니다. 안무 세 가지 카메라 동작만 사용합니다: 후퇴, 롤, 속도 일치. 각 동작에 수사학적 목적을 부여합니다. 현재 읽고 있는 구절을 1080px 구성에서 최소 64px 높이로 유지합니다. 모션 블러는 뒤따르는 기하학에만 적용될 수 있으며 활성 텍스트에는 절대 적용되지 않습니다. 어떤 단어도 읽기 유지가 끝나기 전에 장식적 이동을 시작할 수 없습니다. 구현 타원과 출발 경로를 해석적으로 표현합니다. 출발 지점에서 위치와 접선을 연속적으로 혼합합니다. 순간 이동은 없습니다. 곡선을 따라 일관된 간격을 위해 호 길이 샘플링을 사용합니다. 카메라 변환을 글리프 방향과 분리합니다. 글리프 렌더링과 정적 기하학을 캐시합니다. window.ready와 window.seek(t)를 노출합니다. 탐색은 재생을 일시 중지하고 0에서 20까지의 모든 시간을 결정론적으로 렌더링해야 하며, 순서가 다른 호출도 포함합니다. n=0…1199에 대해 t=n/60에서 window.frame(n)을 제공합니다. t=20을 최종 유지 구성으로 렌더링합니다. 누적된 물리 또는 런타임 무작위성을 사용하지 않습니다. 품질 게이트 0, 3, 5, 7.5, 10.5, 13, 16, 19초에서 프레임을 검사합니다. 동일한 추적된 구절이 변화하는 궤적을 따라 시각적으로 따르는지 확인합니다. 휴대폰 크기에서 카메라 롤을 확인합니다. 출발 전환에서 위치 또는 접선 불연속성을 검사합니다. 완전한 HTML을 반환합니다. 실제 브라우저 검사가 불가능한 경우 구현 후 간략히 명시합니다. 테스트되었다고 주장하지 마십시오.