Repolode
提交项目
blixvip

blixvip/NullMotion

一个本地浏览器工具，可将成品动态图形广告与其黑白草稿同步播放，并导出为一个 MP4 视频。

可替代:After Effects

在 GitHub 查看官网
Star
1,348
Fork
134
未关闭 Issue
13
最近提交
7天前

这是什么？

Null Motion 是一个本地预览工具，用来研究动态图形广告是如何一步步做出来的。上方播放成片，下方对应每个段落放置一个用 HyperFrames 制作的黑白草稿场景，草稿采用 Arial 字体、纯色图形和单一动作。播放头横跨草稿区，当前画面所在段落的草稿会逐帧跟随成片，并显示橙色描边。

项目需要 Node.js 22+，没有运行时依赖，执行 npm start 后即可在 127.0.0.1:4343 查看内置的三个参考案例。下载菜单可将整段预览导出为 1920 像素宽、24 Mbps 码率的 MP4，并保留成片音频。导出依赖 WebCodecs 和 requestVideoFrameCallback，因此需要 Chrome 或 Edge。导出时成片以半速渲染，逐帧捕获，不会丢帧。

用户可通过 Python 脚本导入自己的参考视频（需要 FFmpeg 和 ffprobe），再在 JSON 文件中描述每个段落的元素与动效。项目不包含 AI 生成，也不提供字幕、停顿剪辑等托管功能，这些属于另一款独立产品。

核心功能

  • 01同步播放成片与每个段落对应的黑白 HyperFrames 草稿。
  • 02当前段落的草稿会高亮，并逐帧跟随成片。
  • 03将整段拆解导出为 1920 像素宽、24 Mbps 的带音频 MP4。
  • 04基于 Node.js 22+ 本地运行，无需安装依赖或 API 密钥。
  • 05可导入自己的参考视频，并通过 FFmpeg 检测场景切换。

适用场景

  • 逐段学习专业动态图形广告的结构与节奏。
  • 用草稿与成片对照的方式，向客户或团队展示动效构思。
  • 导出可分享的视频，对比成片与草稿。
  • 拆解自己的参考视频，用于动效设计项目。

收录于专题

AI 视频与音频工具

标签

#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 最近一次提交是在 2026年10月31日。
NullMotion 适合用来做什么？
逐段学习专业动态图形广告的结构与节奏。 用草稿与成片对照的方式，向客户或团队展示动效构思。 导出可分享的视频，对比成片与草稿。 拆解自己的参考视频，用于动效设计项目。
在哪里获取 NullMotion？
源代码和安装说明在 GitHub 上：https://github.com/blixvip/NullMotion

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目