jeremy-prt/bloub воссоздает анимированный аватар xAI в SVG по 14 состояниям

Репозиторий jeremy-prt/bloub появился на GitHub 17 августа 2026 года. Его автор Жереми Перре попытался не нарисовать похожий значок на глаз, а восстановить движение аватара xAI по исходному видео.
Для этого видео было разобрано с частотой 10 кадров в секунду, а форма силуэта, положение глаз, цвета и размеры элементов измерялись по отдельным кадрам. В результате автор выделил 14 состояний одной фигуры. Черный контур плавно меняет форму, а две белые области глаз анимируются отдельно.
Такой подход дал несколько деталей, которые трудно определить при обычном просмотре анимации. По измерениям автора, базовая форма близка к правильной окружности с радиальным отклонением менее 0,7%, глаза отклонены примерно на 26 градусов от вертикали, а переходы между состояниями сделаны без характерного пружинящего перелета конечной точки.
Практическая часть проекта заметно шире демонстрации SVG. В репозитории jeremy-prt/bloub есть редактор, где можно менять форму тела, цвет и выражение, собирать состояния на временной шкале и сохранять готовую анимацию. Предусмотрен экспорт неподвижного изображения в SVG и PNG, отдельной анимации в GIF, а временной шкалы в GIF или MP4.
Проект написан на Vue 3, TypeScript и Vite. Сам движок анимации не зависит от системных часов: конкретному моменту времени соответствует определенное состояние фигуры. Это позволяет останавливать анимацию на нужном кадре, воспроизводить ее с произвольной позиции и использовать тот же механизм при экспорте.
17 августа вышла версия 0.1.1 с исправлениями ошибок воспроизведения и экспорта. В частности, автор исправил поврежденные кадры на стыках фрагментов, неправильное положение глаз для некоторых форм, сбои MP4-экспорта и зависание при слишком большой временной шкале. В актуальной ветке уже есть и последующие, пока не выпущенные отдельной версией изменения интерфейса для небольших экранов.
К xAI этот проект отношения не имеет. Автор отдельно предупреждает, что лицензия MIT распространяется на код bloub, но не дает прав на скопированный дизайн аватара. Поэтому практический интерес jeremy-prt/bloub прежде всего в технической стороне: это готовый пример того, как сложную фирменную анимацию можно восстановить по кадрам, описать геометрически и затем управлять ей как обычным SVG-компонентом.