프로젝트 소개

vos는 제품 상호작용을 고품질 데모 비디오, 스토어 등록 정보 및 소셜 미디어 클립으로 변환하도록 설계된 프로그래밍 방식의 비디오 엔진이자 CLI입니다. 이는 비디오 프레임이 시간의 순수 함수라는 원칙에 따라 작동하며, 서로 다른 환경(브라우저, Node.js 또는 서버)에서 결정론적인 결과를 보장합니다. 주요 기능은 다음과 같습니다: - 프로그래밍 방식 애니메이션: JSON 설명을 사용하여 Three.js 씬과 GSAP 방언 타임라인을 독립 실행형 프로그램으로 컴파일합니다. - 화면 녹화 파이프라인: CLI를 통해 브라우저를 스크립팅하여 제품을 녹화하고, 커서 움직임을 추적하며, 줌과 페이싱을 자동으로 계획할 수 있습니다. - 데이터 기반 편집: 편집 결정 사항이 JSON 문서에 저장되어, 재녹화 없이도 다시 렌더링할 수 있습니다. - 분산 렌더링: @vosjs/render-core를 통해 타임라인을 병렬 청크로 샤딩하여 더 빠른 렌더링을 지원합니다. - 모듈형 아키텍처: 타임라인 수학(@vosjs/timeline), 트위닝(@vosjs/tween), 핵심 엔진 로직(@vosjs/core) 및 요소 렌더링(@vosjs/elements)을 위한 전문 패키지로 구성된 모노레포입니다. 이 시스템은 해상도 독립적이며, Three.js 요소로 렌더링되는 텍스트, 이미지, SVG 및 비디오 오버레이를 포함한 혼합 미디어를 지원합니다.