Кисель в АйТи | AI и технологии

Я уже давно хотел завести рубрику про дни рождения людей, которые сильно повлияли на программирование, кибернетику, нейросети и вообще всё то, что мы с вами так сильно любим.

И каждый раз происходило примерно одно и то же. Я собирался подготовить пост, благополучно забывал про дату, вспоминал слишком поздно и откладывал идею до следующего раза :)
Но теперь отмазок больше нет.

В свободное время я занимаюсь своей контент-платформой, и она наконец-то научилась заранее присылать мне напоминания по всем заданным инфоповодам. Теперь я в курсе митапов, dev-конференций, релизов и, наконец-то, дней рождений великих людей.

Первым героем рубрики стал Алексей Андреевич Ляпунов.

Если вы интересуетесь историей программирования, имя очень важное. В 1950-х Ляпунов занимался одними из первых работ по программированию в СССР, активно развивал и популяризировал кибернетику, а позже фактически создал направление теоретической кибернетики в Новосибирске. Причём он не ограничивался большой наукой: в начале 70-х Ляпунов даже преподавал программирование школьникам. Очень хочется иногда вытаскивать из истории именно таких людей, про которых мы почему-то говорим сильно реже, чем про технологии, выросшие из их работ.

Оставался вопрос, в каком формате всё это делать.
Просто написать большой текст можно, но после пары экранов он начинает выглядеть как биография из учебника. Мне хотелось чего-то более наглядного, красивого и при этом интересного с инженерной точки зрения.

Поэтому я полез дорабатывать свой репозиторий every-frame-is-code.
Изначально я делал там красивую программно генерируемую инфографику и анимации. Теперь попробовал пойти дальше и научить весь пайплайн собирать уже длинные осмысленные видео с полноценной озвучкой.

И, кажется, получилось очень даже красиво :)

Озвучку делал гугловской моделью через OpenRouter. На все эксперименты, пробы и ошибки ушло примерно 20 центов.

Если интересно, могу отдельно разобрать весь флоу генерации: как собирается сценарий, сцены, визуал, озвучка и как всё это потом превращается в готовый ролик.

Ну и если вдруг для экспериментов с моделями нужно пополнить личный кабинет, это хороший повод протестировать виртуальную карту «Хочу Плачу».

По промокоду KISELIT дают скидку 500 ₽ на выпуск карты. Они, кстати, недавно обновили дизайн, выглядит очень классно :)
👉 https://hochuplachu.com

Every frame is code 🎬

Собрал и выложил motion-kit: набор знаний для AI-агентов, которые делают графику кодом. Это анимационные ролики, эксплейнеры, кинетическая типографика, переходы, 3D-сцены и браузерные игры с хорошим game feel.

Прям кайфую с того, как это работает. Последнее время было много роликов с возможностями того же Опуса, но каких-то прям готовых промптов и гайдов не нашел. А из коробки "сделай красиво" не работало от слова совсем. Надеюсь кому-то пригодится. Сам планирую использовать для небольших гайдов и демок, в том числе и по работе. Ну а что, выглядит очень эффектно!)

Идея простая: модель не генерирует пиксели, а пишет программу, которая рисует каждый кадр. Получается красиво и предсказуемо т.к каждый кадр просто функция от времени, поэтому ролик можно перемотать на любую секунду, быстро поправить одной строкой и перерендерить без потери качества.

Прикрепленный ролик сделан именно так: один HTML-файл, ни одной внешней картинки и ни одного аудиофайла.

▪️ Canvas 2D: огонь из 650 частиц, гравюра с «дрожащей» линией, 12 палитр в одной композиции
▪️ Three.js: сфера, bloom и 20 000 частиц на шейдере
▪️ GLSL-переходы: прожиг, волна, luma-вайп
▪️ Game feel: hitstop, тряска, squash & stretch, speed ramp
▪️ Музыка и звуки синтезируются в том же файле на Web Audio и привязаны к тем же событиям, что и картинка
▪️ Покадровый рендер в MP4 через Chrome и ffmpeg, проверка по контакт-листу

Репо тут - с вас по звёздочке. Если есть идеи, что можно улучшить - пишите.

P.S Выложил еще и на Pages, там красивее - https://kiselas.github.io/every-frame-is-code/