Gitframes, 에이전트가 TypeScript로 영상 제작하는 GPU 도구 소개

Gitframes가 코딩 에이전트의 TypeScript 구성 코드로 합성·모션·3D 장면을 만들고 MP4를 출력하는 npm 도구를 공개했다. 헤드리스 브라우저 없이 Node.js에서 Dawn·WebGPU를 통해 GPU에 직접 렌더링한다. 베타 단계여서 API가 바뀔 수 있으며, 프레임 검토와 브라우저 실시간 미리보기도 지원한다.

2D GPU 효과, 3D 장면·카메라·모델, 타이포그래피, 오디오와 애니메이션 차트를 하나의 구성에서 다룬다.

ONNX 기반 객체 탐지·분할·포즈 추적 결과를 화면 요소의 위치나 효과에 연결할 수 있다.

비전 처리는 이전 렌더링 프레임을 읽어 결과가 한 프레임 늦게 반영되며, 첫 프레임에는 결과가 없다.

프레임 모음 이미지와 단일 프레임 출력으로 장면을 검토하고, 브라우저에서는 구성 코드를 직접 실행해 미리 볼 수 있다.

저장소의 처리속도·메모리 비교 수치는 프로젝트 측 설명이다.

영상 구성과 효과를 코드로 관리하므로, 에이전트가 수정한 장면을 프레임 단위로 검토하고 반복 렌더링하는 작업에 활용할 수 있다.