After the rain
Cue 실험 세션을 통해 만든 12초짜리 무음 애니메이션으로, 사람의 검토를 거쳤습니다. 스토리보드로 시작해 코드로 정의한 장면이 되었고, 프레임 단위로 렌더링되었습니다.
제작 과정
스토리보드
12초 동안 다섯 개의 샷을 정의합니다. 어두운 물 위의 빗방울, 마지막 물방울, 깨지는 빛, 풍경이 드러나는 장면, 그리고 타이틀입니다. 장면을 만들기 전에 팔레트와 전환 효과를 설정합니다.
장면을 코드로 작성
HTML과 Canvas로 장면을 만들고, 개별 순간을 확인할 수 있도록 시간 기반 렌더링 함수를 사용합니다. 이번 실험에서는 설치된 로컬 글꼴을 사용했으며, 다른 환경에서는 다르게 렌더링될 수 있습니다.
영상 렌더링
초당 24프레임으로 288개의 프레임을 캡처하고, FFmpeg로 1280 × 800 MP4로 인코딩합니다. 완성된 영상은 12초 길이이며 오디오 트랙이 없습니다.
검토와 수정
샘플 프레임과 포스터를 점검하고, 인코딩된 파일을 확인하며, 재생을 검토합니다. 실험 중 받은 피드백으로 모바일 플레이어 넘침 문제를 수정했습니다. 이 점검들은 이 샘플에 대한 설명이며, 한 번의 클릭으로 재현됨을 보장하지 않습니다.
이것은 고객 작업이 아닌 팀 실험입니다. 실험적 제작 세션에서 Cue가 사용되었으며, 이 워크플로에는 로컬 브라우저, Node.js, FFmpeg, 사람의 검토도 필요했습니다. 모든 Cue 설치에 이 도구들이 포함된다는 주장이 아닙니다. 이 버전에는 내레이션이 없습니다.