작업 방식
Scroll World는 스크롤 위치로 사전 렌더링된 카메라 비행을 제어하는 랜딩 페이지를 만듭니다. 장면 스틸이 비디오 클립이 되고, JavaScript 엔진이 스크롤을 재생 시간에 매핑합니다. 입체적으로 보이는 세계는 생성된 영상이며, 편집 가능한 지오메트리를 가진 탐색형 WebGL 장면이 아닙니다. 독립형 엔진이므로 다양한 프런트엔드 스택에 삽입할 수 있습니다.
소스는 연속적인 전진 워크스루와, 별도 연결 클립이 있는 미니어처 세계 비행을 구분합니다. 두 경우 모두 비슷해 보이는 원본 스틸을 재사용하기보다 렌더링된 경계 프레임이 더 중요합니다. 다음 클립은 실제로 인접한 영상을 기준으로 생성해야 하며, 이음새도 여전히 점검해야 합니다. 또한 모바일 세로 체인은 데스크톱 영상을 조용히 잘라내는 것이 아니라 추가 렌더링 비용이 드는 별도의 제작 결정으로 다룹니다.
예상 결과물
- 섹션 문구와 마지막 행동 유도 문구가 있는 스크롤 기반 랜딩 페이지
- 생성된 장면 스틸, 카메라 클립, 필요한 연결 클립
- 최적화된 비디오 에셋, 대체 포스터, 클립 간 전환 검토
브리프에서 검토까지
- 01여정 선택
주제, 장면 순서, 브랜드 키트, 아트 디렉션, 카메라 스타일을 정합니다. 데스크톱 전용인지 네이티브 세로 제작인지 확인하고 현재 렌더링 견적을 승인받습니다.
- 02시각적 세계 구축
공통 비주얼 브리프로 일관된 스틸을 생성합니다. 유료 비디오 생성을 이어 가기 전에 장면 간 일관성을 검토합니다.
- 03실제 프레임 연결
전진 여정에서는 이전 클립의 끝부분을 다음 클립에 입력합니다. 항공 연결 클립에서는 원본 장면 이미지 대신 인접한 두 클립의 실제 렌더링 프레임을 사용합니다.
- 04인코딩 및 스크롤 테스트
탐색 가능한 에셋을 준비하고 이식 가능한 엔진을 탑재한 뒤, 이음새 동작, 역방향 스크롤, 대체 포스터, 동작 감소 설정을 점검합니다. 세로 체인을 의뢰했다면 따로 테스트합니다.