🎬 3D-рилс с блок-схемами собрал Claude Code. Без генерации видео и без монтажа
78 секунд: объёмные блок-схемы с тенями, стрелки, по которым бежит свет, и одна камера, которая пролетает от схемы к схеме без единой склейки. Ни кадра не сгенерировано видеонейросетью.
Весь ролик — код. Claude Code пишет 3D-сцену на Three.js, это открытая библиотека для 3D в браузере. Chrome снимает сцену кадр за кадром, ffmpeg собирает кадры в mp4 с музыкой.
Что подключить:
• Claude Code — пишет сцену и сам запускает рендер • Context7 MCP — подтягивает свежую документацию библиотек, чтобы агент не писал по устаревшим примерам. Установка одной командой: npx ctx7 setup --claude, бесплатно, нужен Node.js 22.13 или новее • Higgsfield MCP — только если нужны кадры, сгенерированные нейросетью. Подключается в Claude: Настройки → Коннекторы → свой коннектор → https://mcp.higgsfield.ai/mcp. Генерация тратит кредиты подписки, для 3D-ролика он не нужен
Что писать в промпте:
• «3D на Three.js, вертикаль 1080×1920, 60 кадров в секунду, рендер покадрово через Chrome в ffmpeg» • «блоки схемы — объёмные плиты над полом с мягкими тенями, стрелки прорисовываются, по ним бежит свет» • «одна камера на весь ролик: летит по стрелке к следующей схеме, без склеек» • «на фоне — глянцевые шары, капсулы, каркасные многогранники; размытие по глубине, свечение, зерно» • «текст держи в полях Instagram и сделай автопроверку, что ничего не вылезает»
Первый вариант у меня был плоский: крупный текст на тёмном фоне. Смотрелось как презентация. Глубина появилась, когда схемы стали предметами с тенью, а камера начала летать между ними.
Хороший моушен — это не волшебная кнопка, а точное описание сцены: что лежит, откуда свет, куда летит камера.