Claude Opus 5.5 создал пиксельную анимацию какапо для презентации

Claude Opus 5.5 использовали для создания пиксельной анимации с какапо, а Claude Code и Playwright помогли превратить интерактивную HTML5-сцену в короткий видеоролик для презентации. Эксперимент показывает практичный сценарий для студентов и исследователей: модель генерирует основу визуального проекта, а браузерный инструмент автоматически воспроизводит действия пользователя и записывает результат.

От текстового запроса к HTML5-сцене

Для работы подготовили три фотографии какапо и описали желаемую сцену: на HTML5 Canvas должны были появиться пиксельные птицы, прыгающие под конфетти. В запросе отдельно указали количество персонажей, не менее 20, и общий стиль анимации.

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

Playwright записал интерактивный результат

Следующим этапом стал Claude Code. Ему поручили открыть локальный HTML-файл в браузере, подождать три секунды, выполнить серию кликов по разным участкам Canvas и записать происходящее в видео. Для автоматизации использовали Playwright.

Этап	Инструмент или формат	Результат
Подготовка идеи	Текстовый запрос и изображения какапо	Описание персонажей, стиля и эффектов
Генерация сцены	Claude Opus 5.5 и HTML5 Canvas	Интерактивная пиксельная анимация
Управление браузером	Claude Code и Playwright	Серия кликов в заданные моменты
Финальная запись	Видео из браузерного сеанса	Ролик продолжительностью около 15 секунд

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

Что проверить перед использованием

Готовую сцену стоит открыть в нескольких браузерах и проверить без подключения к исходной локальной папке. Отдельно нужно убедиться, что все внешние ресурсы загружаются, Canvas масштабируется под экран, а запись начинается с нужного момента.

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