Vincentwei1021/mg-styles-15

Что это?

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

• 01Пятнадцать фильмов в разных стилях, каждый длительностью 10 секунд.
• 02Для каждого стиля доступны промпт, заметки о стиле и полный исходный код.
• 03Графика создаётся с помощью кода (SVG, Canvas, WebGL, Three.js, Blender), без генерации изображений или видео.
• 04Саундтреки синтезируются скриптами audio.py с использованием записанных сэмплов музыкальных инструментов.
• 05Рендерер на headless Chrome вместе с ffmpeg создаёт MP4 с точным таймингом кадров.
• 06Страница предпросмотра в браузере позволяет перемещаться по таймлайну каждого фильма.

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

• Изучение того, как конкретный стиль motion design создаётся с помощью кода.
• Повторное использование промпта как основы для собственного анимационного короткометражного фильма.
• Изучение конвейера рендеринга на headless Chrome и ffmpeg для детерминированного вывода видео.
• Изучение того, как AI-ассистент может написать код и для графики, и для звука в фильме.

Быстрый старт

1. 1

   Установите пакеты Node из корневой папки репозитория (требуется Node.js 22.12 или новее).

   npm install
2. 2

   Установите пакеты Python для саундтреков и скриптов ресурсов (требуется Python 3.11 или новее).

   pip install -r requirements.txt
3. 3

   Синтезируйте саундтрек для одного фильма.

   python3 demos/01-flat-vector/audio.py
4. 4

   Отрендерите все кадры этого фильма в MP4 (требуются Google Chrome и ffmpeg).

   node harness/render.mjs demos/01-flat-vector

Что важно знать

• !Для рендеринга на компьютере должны быть установлены Google Chrome и ffmpeg.
• !Для 3D-фильма также нужен Blender, а его шрифты не входят в состав репозитория.
• !Это демонстрация 15 фильмов и их исходного кода, а не библиотека для повторного использования.

Темы

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

Что такое mg-styles-15?

Пятнадцать 10-секундных motion design-фильмов, каждый создан Claude с помощью кода; для каждого стиля опубликованы промпт и полный исходный код. В репозитории собраны пятнадцать 10-секундных motion design-фильмов — по одному на стиль: от покадровой цел-анимации и изометрии в 2.5D до пиксель-арта, synthwave и монтажа с титрами в духе эстрадного шоу в формате 9:16. Каждый фильм Claude Opus 5.5 создал с помощью кода по одному промпту, охватывающему графику, анимацию, музыку и звуковые эффекты. Изображение формируется с помощью SVG, Canvas, WebGL, Three.js и Blender (для 3D-фильма), а не генеративных моделей изображений или видео.

mg-styles-15 можно использовать бесплатно? Какая у него лицензия?

mg-styles-15 распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

mg-styles-15 всё ещё поддерживается?

Активно поддерживается. Последний коммит в mg-styles-15 — 5 окт. 2026 г..

Для чего можно использовать mg-styles-15?

Изучение того, как конкретный стиль motion design создаётся с помощью кода. Повторное использование промпта как основы для собственного анимационного короткометражного фильма. Изучение конвейера рендеринга на headless Chrome и ffmpeg для детерминированного вывода видео. Изучение того, как AI-ассистент может написать код и для графики, и для звука в фильме.

Как установить mg-styles-15?

Установите пакеты Node из корневой папки репозитория (требуется Node.js 22.12 или новее).: npm install Установите пакеты Python для саундтреков и скриптов ресурсов (требуется Python 3.11 или новее).: pip install -r requirements.txt Синтезируйте саундтрек для одного фильма.: python3 demos/01-flat-vector/audio.py Отрендерите все кадры этого фильма в MP4 (требуются Google Chrome и ffmpeg).: node harness/render.mjs demos/01-flat-vector

Где скачать mg-styles-15?

Исходный код и инструкции по установке — на GitHub: https://github.com/Vincentwei1021/mg-styles-15