COPPSARY/Motionly

利用 AI 创建可编辑的动画，然后以可视化的方式完善每一个细节。

案例展示 · 功能 · 快速开始 · 开发 · 文档

## 案例展示

Animation Preview

| 可视化编辑器 | | :---: | |  | ## 功能 Motionly 将画布、时间轴和可视化控件与可编辑的 `.motion` 源格式结合在一起。 - 可视化地预览、选择、定位、缩放、旋转元素并设置样式 - 在时间轴上编辑时间、关键帧、缓动、片段、过渡和音频 - 为文本、图像、SVG 和视频使用流畅的动画预设 - 通过可选的 BYOK AI 助手起草可编辑的项目 - 将项目保存为易读的 `.motion` 文件并导出为 MP4 AI 生成的内容始终会经过 Motionly 的解析器，并在可视化编辑器中保持完全可编辑的状态。 ## 快速开始 需要 Node.js `20.19.0` 或更高版本。 ``` npx @coppsary/motionly init my-video ``` 该设置会创建一个项目，可选择为你的编程 agent 安装 Motionly skill，并打开编辑器。稍后返回时： ``` cd my-video npx @coppsary/motionly dev ``` 只想使用编辑器而不创建项目？ ``` npx @coppsary/motionly ``` 请参阅[快速开始](https://motionly.mintlify.app/quickstart)和[安装指南](https://motionly.mintlify.app/installation)，了解有关编辑、导出、CLI 选项、agent 设置和系统要求的信息。 ## 开发 ``` git clone https://github.com/COPPSARY/Motionly.git cd Motionly npm install npm run dev ``` 在提交 pull request 之前： ``` npm run test:run npm run build ``` 请参阅[贡献指南](CONTRIBUTING.md)、[路线图](ROADMAP.md)和[文档](https://motionly.mintlify.app/)以了解项目详情。 ## 许可证 基于 [Apache License 2.0](LICENSE) 授权。

标签：AI动画制作, MITM代理, SBOM分析, Svelte, TypeScript, Web前端, 动效设计, 动画编辑器, 安全插件, 自动化攻击