pixelfx

Библиотека из 244 эффектов и анимаций в стиле пиксель-арта, созданных полностью на основе программного кода. Проект ориентирован на разработчиков браузерных и классических игр, предоставляя готовые визуальные эффекты без использования…

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

Основные возможности

Разнообразный каталог. Библиотека содержит 22 категории анимаций, среди которых есть огонь, взрывы, магия, погодные явления, элементы интерфейса и удары ближнего боя.
Интерактивное окружение. Эффекты детально завязаны на движениях персонажей. Графика учитывает фазы замаха, подготовки, фиксации при контакте и восстановления после удара, а манекен-мишень реалистично реагирует на полученный урон.
Удобный экспорт. Программный код можно напрямую встроить в браузерный движок на JavaScript. Также поддерживается рендеринг в текстурные карты в формате PNG и JSON для последующего импорта в Godot, Unity, GameMaker или другие популярные среды разработки.
Динамическое окрашивание. Любой элемент легко кастомизируется с помощью цветовых палитр. Это позволяет изменить цвет пламени на синий или сделать исцеляющее заклинание розовым без переписывания исходной логики.
Плагин для нейросети. В репозиторий встроен специальный навык для Claude Code. Он позволяет генерировать новые пиксельные эффекты с помощью текстовых команд, проходя автоматические циклы рендеринга и точечной доработки.

Принципы работы

Отсутствие графических файлов. Часть визуальных элементов рассчитывается математически по формулам, а другая часть работает как физическая симуляция частиц, дыма и искр, которая обновляется на частоте 120 Гц.
Двойная буферизация. Отрендеренный кадр использует два независимых буфера, которые отвечают за цвет и за свечение. Благодаря такому разделению эффекты огня или магии выглядят естественно яркими.
Стабильная генерация. Все случайные величины привязаны к базовому значению, поэтому при каждом новом перезапуске анимация отображается абсолютно одинаково.
Тестовый манекен и физика движений. Тренировочный манекен создан на основе трехмерного скелета с фиксированной длиной костей. Его движения зафиксированы на частоте 12 кадров в секунду для точной передачи эстетики классической ручной анимации.

Посмотреть, как выглядят эффекты, можно здесь: https://patch-gg.github.io/pixelfx