← 목록으로
momentum.js: 제너레이티브 아트와 타임라인 애니메이션의 만남

momentum.js: 제너레이티브 아트와 타임라인 애니메이션의 만남

momentum.js는 제너레이티브 아트를 Adobe After Effects의 타임라인으로 불러오는 툴킷입니다.

제너레이티브 아트는 구조를 만드는 데 강점이 있지만, 선형적인 시간 흐름 안에서 작동하는 경우는 드뭅니다. 반면 전통적인 애니메이션 워크플로우는 여전히 키프레임 중심으로 돌아가고, 각 요소는 독립적으로 존재하기 때문에 전체적인 일관성을 유지하려면 상당한 수작업이 필요합니다.

실제로 제너레이티브 작업의 결과물 대부분은 오프라인으로 렌더링된 영상 형태로 소셜 플랫폼을 통해 공유됩니다. 문제는 결과물이 아니라 과정에 있습니다. 생성(generation)과 시간(time)이 아직 하나의 시스템 안에서 함께 존재하지 못하고 있는 것입니다.

momentum.js는 이 둘을 하나의 워크플로우로 통합합니다. basil.js에서 영감을 받아, Processingp5.js와 유사한 드로잉 및 제너레이티브 API를 After Effects 안에 구현했습니다. 덕분에 외부에서 생성한 결과물을 불러오는 대신, 제너레이티브 시스템을 타임라인 위에서 직접 구성할 수 있습니다.

코드로 정의한 변수는 인터페이스 컨트롤로 노출하고, 키프레임으로 애니메이션할 수 있습니다. 이를 통해 제너레이티브 시스템은 단발성 결과물이 아닌, 시간의 흐름에 따라 지속적으로 형태를 빚어갈 수 있는 구조로 거듭납니다.

이러한 맥락에서 타임라인은 더 이상 단순한 재생 컨테이너가 아닙니다. 타임라인 자체가 제너레이티브 프로세스의 일부가 되고, 코드가 구조를 정의하며, 시간을 통해 변주가 펼쳐집니다.

momentum.js는 기존 툴을 대체하려는 것이 아닙니다. 규칙을 작성하는 일과 움직임을 만드는 일이 하나의 시스템 안에서 이루어지는, 새로운 작업 방식을 제안합니다.

이 프로젝트는 주로 C++JavaScript로 구현되었으며, Adobe CEP 익스텐션 환경, After Effects 스크립팅 시스템, 그리고 네이티브 플러그인 레이어를 아우릅니다. 드로잉 모델은 Processingp5.js의 스케치 기반 워크플로우에서 영감을 받았으며, 전반적인 방향성은 openFrameworks와 basil.js로부터도 영향을 받았습니다.

프로젝트 페이지