Repolode
Предложить
blixvip

blixvip/NullMotion

Локальный инструмент в браузере: показывает готовый моушн-дизайн ролик синхронно с его черно-белыми черновыми сценами и экспортирует разбор в один MP4.

Open source альтернатива:After Effects

Открыть на GitHubСайт
Звёзды
1,350
Форки
135
Открытые issues
13
Последний коммит
2 часа назад

Что это?

Null Motion — локальный инструмент для предпросмотра, который помогает разобраться, как сделан рекламный ролик в жанре моушн-дизайна. Готовый ролик показывается сверху на всю ширину, а под ним для каждого фрагмента размещён простой черновик HyperFrames: чёрно-белый, с текстом Arial, плоскими фигурами и одним простым движением. По черновикам движется индикатор воспроизведения, а черновик текущего фрагмента синхронно следует за роликом кадр за кадром и выделяется оранжевой рамкой.

Проект работает на Node.js 22+ и не имеет зависимостей во время выполнения. После запуска npm start страница по адресу 127.0.0.1:4343 воспроизводит три встроенных примера, а через меню Download можно экспортировать весь предпросмотр в MP4 шириной 1920 пикселей и битрейтом 24 Mbps со звуком исходного ролика. Экспорт работает в Chrome и Edge, поскольку использует WebCodecs и requestVideoFrameCallback. Кадры рендерятся на половинной скорости, а не записываются в реальном времени, поэтому ни один кадр не пропускается.

Можно импортировать собственные референсные видео с помощью Python-скрипта, использующего FFmpeg и ffprobe, а затем описать ключевые моменты каждого фрагмента в JSON-файле. В проекте нет генерации с помощью AI и хостинговых функций вроде субтитров и нарезки пауз — они относятся к отдельному продукту.

Ключевые возможности

  • 01Воспроизводит готовый рекламный ролик вместе с синхронизированными черно-белыми черновиками HyperFrames для каждого фрагмента.
  • 02Выделяет черновик активного фрагмента и синхронно следует за роликом кадр за кадром.
  • 03Экспортирует весь разбор в MP4 шириной 1920 пикселей и битрейтом 24 Mbps со звуком.
  • 04Работает локально на Node.js 22+ без зависимостей и API-ключей.
  • 05Импортирует собственные референсные видео и определяет склейки сцен с помощью FFmpeg.

Сценарии использования

  • Разобраться, как устроен профессиональный рекламный ролик в жанре моушн-дизайна, фрагмент за фрагментом.
  • Презентовать концепцию моушн-дизайна, показывая черновой план рядом с готовым роликом.
  • Экспортировать видео, которым можно поделиться, чтобы сравнить готовый ролик с его черновиками.
  • Разобрать собственные референсные видео для проекта по моушн-дизайну.

В подборках

ИИ-инструменты для видео и аудио

Темы

#motion-design#motion-graphics#video#animation#gsap#webcodecs#ffmpeg#creative-coding#after-effects-alternative#ai-video

Частые вопросы

Что такое NullMotion?
Локальный инструмент в браузере: показывает готовый моушн-дизайн ролик синхронно с его черно-белыми черновыми сценами и экспортирует разбор в один MP4. Null Motion — локальный инструмент для предпросмотра, который помогает разобраться, как сделан рекламный ролик в жанре моушн-дизайна. Готовый ролик показывается сверху на всю ширину, а под ним для каждого фрагмента размещён простой черновик HyperFrames: чёрно-белый, с текстом Arial, плоскими фигурами и одним простым движением. По черновикам движется индикатор воспроизведения, а черновик текущего фрагмента синхронно следует за роликом кадр за кадром и выделяется оранжевой рамкой.
NullMotion можно использовать бесплатно? Какая у него лицензия?
NullMotion распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
NullMotion всё ещё поддерживается?
Активно поддерживается. Последний коммит в NullMotion — 7 нояб. 2026 г..
Для чего можно использовать NullMotion?
Разобраться, как устроен профессиональный рекламный ролик в жанре моушн-дизайна, фрагмент за фрагментом. Презентовать концепцию моушн-дизайна, показывая черновой план рядом с готовым роликом. Экспортировать видео, которым можно поделиться, чтобы сравнить готовый ролик с его черновиками. Разобрать собственные референсные видео для проекта по моушн-дизайну.
Где скачать NullMotion?
Исходный код и инструкции по установке — на GitHub: https://github.com/blixvip/NullMotion

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

tixl3d / tixl

TiXL — инструмент с открытым исходным кодом для создания моушн-графики в реальном времени, сочетающий процедурную графику на основе нод и покадровую анимацию.

Продуктивность и приложения#motion-graphics#realtime-rendering#animation
5,2 тыс.+7 за неделю285C#MITАктивно поддерживаетсяОбновлён 19 часов назад

alchaincyf / huashu-motion

Навык агента для Claude Code / Codex, который превращает описание продукта в презентационный ролик коммерческого уровня: собирает его из кода, добавляет музыку и позволяет редактировать отдельные элементы кликами.

ИИ и машинное обучение#agent-skills#motion-graphics#animation
2,5 тыс.+539 за неделю250JavaScriptMITОбновлён 16 дней назад

heygen-com / hyperframes

Фреймворк с открытым исходным кодом для создания детерминированных MP4-видео из HTML, CSS, медиафайлов и анимаций с перемоткой, разработанный для AI-агентов, пишущих код.

Инструменты разработчика#video#html#animation
80,5 тыс.+4 тыс. за неделю7,4 тыс.TypeScriptApache-2.0Обновлён 1 час назад