🛠 ИИ-агент создаёт фильм на Canvas и рендерит его в MP4

Минутный фильм 1080p60 со звуком — один HTML-файл без картинок, видео и сэмплов. Код на 1700 строк JavaScript написал ИИ-агент, а Chrome без графического интерфейса создал MP4 кадр за кадром. По данным Habr, автор собрал правила в открытый набор инструкций для Claude Code, Codex и ChatGPT: весь фильм — чистая функция draw(ctx, t), которая рисует кадр по времени и не хранит предыдущие. Это решает две проблемы — шаблонный вкус моделей (синий фон, неон, линейное движение) и технические артефакты (зависимость от requestAnimationFrame, рывки при записи экрана). Детерминизм обеспечивают запрет Math.random, частицы без состояния и пружины в замкнутой форме — кадр 1234 всегда соответствует t=1234/60, даже если создавался полсекунды.

→ 1700 строк JS, 1080p60, MIT
→ 9 переходов на Canvas 2D + 4 на GLSL
→ Самопроверка по контактному листу: кадр каждые 0,5 сек, мультимодальная модель оценивает ритм и повторы
→ Создание видео: 3600 скриншотов на минуту, черновики в 30 fps; слабо для анимации персонажей

Главный выигрыш — не генерация, а воспроизводимость: можно перемотать на любой кадр, заново создать фрагмент и сравнить два результата попиксельно. Для производства это ценнее, чем красивая картинка с первого раза. Вопрос в том, сколько ручных правил придётся написать, чтобы покрыть весь диапазон моушн-дизайна.

#Canvas #AgentSkill #детерминизм #генеративноевидео #ClaudeCode