Vincentwei1021/mg-styles-15

选用指南

AI 根据 README 整理 · 2026/10/14 16:46:22

使用方式

通过网页在线观看影片，并可复制提示词在AI助手中生成自己的影片；也可在本地运行源码渲染影片。

查看 README 依据

<div align="center"> # 15 Motion Design Styles **Fifteen styles, one 10-second film each, all made by Claude Opus 5.5 writing code.**<br> **15 种 MG 动态设计风格，每种一支 10 秒成片，全部由 Claude Opus 5.5 写代码做出来。** Every film comes with its style notes, its full prompt and its complete source.<br> 每支片都附风格说明、完整提示词和全部源码。 <a href="https://vincentwei1021.github.io/mg-styles-15/"><img src="docs/readme/cover.webp" width="100%" alt="15 Motion Design Styles: all fifteen films playing side by side"></a> [**▶ Watch all 15 films with sound · 在线观看**](https://vincentwei1021.github.io/mg-styles-15/)

1. Open an AI assistant that can write code and run commands (for example Claude Code) in an empty folder. The machine needs Node, Chrome and ffmpeg; the suggested route for the 3D style uses Blender. 2. Open any file in `prompts/` and send the whole prompt block. 3. To make it your own: only `Creative seed` is a specific story. Replace its story, brand name, copy and colours with yours, or change `Output` to vertical 1080×1920 or another length. Keep `Signature features`: it is what makes the style recognisable at a glance.

部署要求

运行源码需要Node.js 22.12或更高版本、Google Chrome、ffmpeg、Python 3.11或更高版本；3D影片需要Blender。

查看 README 依据

| Needs | For | How | |---|---|---| | Node.js 22.12 or later | The renderer and the films' npm packages | [nodejs.org](https://nodejs.org), then `npm install` | | Google Chrome | Capturing frames headlessly | Found in its default macOS location; elsewhere set `MG_CHROME=<path>` | | ffmpeg | Joining picture and sound | `brew install ffmpeg` or `sudo apt install ffmpeg` | | Python 3.11 or later | The soundtracks (`audio.py`) and the asset scripts | `pip install -r requirements.txt` | | Blender | Only the 3D film | [demos/04-3d-render/README.md](demos/04-3d-render/README.md) |

已知限制

字体文件不在仓库中，缺失时浏览器回退到系统字体，文字效果与影片不同；相同提示词每次生成的影片不同，单次运行通常达不到原始影片的完成度。

查看 README 依据

- The font files are not in the repository: their licences differ, and the Chinese fonts are large. [assets/fonts/README.md](assets/fonts/README.md) lists which ones are needed and where they go. Without them the browser falls back to system fonts, and the lettering will differ from the films. - The same prompt makes a different film every time. Each original film went through several rounds of iteration; a single run usually does not reach the same finish.