Поиск по сайтуЯ попросил видеобота Reels Studio сделать бумажного бостон-терьера. Начали со статичного кадра и трёх вариантов персонажа, затем перешли к ходьбе, прыжкам и галопу. В финале получился ролик длиной 15,5 секунды.
Формы, глубина и фактура сцен задавались HTML и JavaScript. Проверка сетевых запросов и совпадения контрольных кадров помогла отделить наблюдаемый результат от красивого описания технологии.
15,5 секунды
Предыдущая версия длилась 26,7 секунды; финал получил другой монтаж.
15 слоёв
Плоские элементы на разной глубине создают параллакс.
0 изображений
В описанном демо зафиксированы HTML и восемь JS-модулей; логотип добавлен SVG-разметкой.
Исходная ситуация
Бот предложил оригами, мягкий мультяшный и более реалистичный вариант. После самопроверки уточнил уши, квадратный корпус и шерсть. Я выбрал вариант с реалистичными пропорциями.
Пропорции и окрас закрепили. Свет и окружение менялись отдельно, а прежние варианты сохранялись воспроизводимыми. После статичного кадра сделали девятисекундную пробу ходьбы.
Ход работы
Раздельные правила для кадра, походки и музыкальной сетки помогли проверять каждое изменение.
Canvas2D задаёт контуры, three.js размещает плоскости, GLSL добавляет фактуру и освещение. Ближние слои смещаются быстрее дальних при движении камеры.
Двухзвенная обратная кинематика определяет суставы по положению стопы. Фаза шага зависит от пройденного расстояния; прыжок разделён на фазы.
Замена трека без изменения видео не дала совпадения всех переходов с долями. В финале вернулись к «A Game» и изменили длительности сцен и движения.
Кадр рисуется функцией времени с фиксированным источником случайности. Контрольные PNG сравнивали по байтам, а сервер и журнал запросов проверяли отсутствие растровых зависимостей сцен.
Готовая работа
Проверка
После изменений контрольные кадры первого демо совпали с исходными до байта. Журнал рендера фиксировал запросы HTML и JS; отсутствие картинок относится к сценам и не означает отсутствие внешней музыки или звуков.
Монтажные события сверяли с музыкальной сеткой. В отчёте сохранились дефекты: скольжение лап на стыках движений, условный галоп и слабая видимость снежной пыли.
Результат
Финальная версия короче прежней и соединяет разные движения персонажа в одном музыкальном монтаже.
Шаг на мосту, прыжки в лесу и галоп в снегу получили свой рисунок движения.
Старая версия живёт отдельно, а функция времени позволяет сравнивать точный кадр после изменения кода.
Границы результата
Числа относятся к опубликованному эксперименту. Рендер на программной графике занимал секунды на кадр; отсутствие файлов картинок не делает такой способ быстрым.
Музыка и эффекты взяты из Mixkit, для них действуют отдельные условия использования. В финале есть официальный SVG-логотип. Подход не следует описывать как полностью свободный от внешних материалов.
Подробности, исходные иллюстрации и контекст описанного этапа — в авторском материале.
Мой видеобот Reels Studio в Grok Bot нарисовал мультфильм про бумажного терьера одним кодом, без картинок: шейдер бумаги, 15 слоёв параллакса и звук в долю.
Один материал, один смысловой контракт и голос через OmniVoice дали четыре готовых MP4: HyperFrames и Shotcraft независимо собрали вертикальные и горизонтальные версии, а публикация осталась отдельным человеческим решением.
После нескольких исправлений тело стало ближе, но лицо изменилось. Мы сохранили удачные части разных версий, проверили паспорт в трёх сценах и в самой сложной вернулись к реальным фотографиям.
Спасибо, что дочитали. Если хотите применить прочитанное к своей задаче, приходите обсудить её со мной. Для регулярной практики, общения и вебинаров есть Перезагрузка.
