Навык Codex/Claude и Python CLI, который превращает одно исходное изображение в готовые для игры 2D-атласы спрайтов или прозрачные циклические анимации.
3,9 тыс.+732 за неделю405PythonApache-2.0Обновлён 2 часа назад
patch-gg/pixelfx
Библиотека из 232 эффектов пиксель-арта (огонь, взрывы, магия, погода, UI) в виде небольших модулей JavaScript, а также skill для Claude Code, который помогает создавать новые эффекты.
- Звёзды
- 5,802
- Форки
- 758
- Открытые issues
- 0
- Последний коммит
- 7 дней назад
Что это?
pixelfx — это коллекция из 232 эффектов и анимаций в стиле пиксель-арт, каждый из которых реализован в виде небольшого фрагмента JavaScript. В коллекцию входят огонь, взрывы, вода, лёд, молнии, магия, погода, ближний бой, подбор предметов, статусные эффекты и обратная связь в UI. Эффекты можно просматривать в интерактивной галерее, перекрашивать с помощью собственной палитры, отражать и поворачивать.
Эффекты можно использовать двумя способами. В браузерной игре на canvas, Phaser, PixiJS или аналогичных технологиях код подключается напрямую, без зависимостей. Для других движков, таких как Godot, Unity, GameMaker, Defold, LÖVE или Bevy, проект экспортирует прозрачные PNG-спрайт-листы с JSON-метаданными в стиле Aseprite, включая длительность кадров, настройки зацикливания и точку опоры.
В репозитории также есть skill для Claude Code, который помогает находить, использовать, экспортировать и создавать эффекты, а также инструменты для создания контактных листов, GIF и MP4 и проверки распространённых проблем с качеством. Эффекты детерминированы: случайность задаётся seed для каждого эффекта, а симуляции выполняются с фиксированной частотой 120 Гц.
Ключевые возможности
- 01Включает 232 эффекта из 20 категорий, например огня, льда, погоды и UI.
- 02Работает напрямую в браузерных играх, без зависимостей.
- 03Экспортирует прозрачные спрайт-листы с JSON в стиле Aseprite для других движков.
- 04Принимает пользовательские цветовые палитры, чтобы перекрашивать любые эффекты без изменения кода.
- 05Предоставляет skill для Claude Code, помогающий находить, экспортировать и создавать эффекты.
- 06Создаёт детерминированные кадры на основе seed для генератора случайных чисел.
Сценарии использования
- Добавление эффектов попаданий, заклинаний или подбора предметов в 2D-браузерную игру.
- Экспорт набора взрывов или анимаций огня в виде спрайт-листов для Godot или Unity.
- Создание прототипов новых эффектов в стиле пиксель-арт с помощью AI-ассистента в Claude Code.
- Перекрашивание существующего эффекта — например, превращение обычного огня в синее пламя — для другого персонажа или темы.
Быстрый старт
- 1
Установите в проект с GitHub
npm i github:patch-gg/pixelfx - 2
Создайте спрайт-лист эффекта
node tools/render.mjs ice/frost-nova --sheet
Что важно знать
- Предназначено для Canvas на JavaScript и браузерных игр; для других движков нужны экспортированные спрайт-листы.
- На шрифт Patch Pixel в gallery/fonts не распространяется лицензия MIT.
В подборках
Темы
Частые вопросы
- Что такое pixelfx?
- Библиотека из 232 эффектов пиксель-арта (огонь, взрывы, магия, погода, UI) в виде небольших модулей JavaScript, а также skill для Claude Code, который помогает создавать новые эффекты. pixelfx — это коллекция из 232 эффектов и анимаций в стиле пиксель-арт, каждый из которых реализован в виде небольшого фрагмента JavaScript. В коллекцию входят огонь, взрывы, вода, лёд, молнии, магия, погода, ближний бой, подбор предметов, статусные эффекты и обратная связь в UI. Эффекты можно просматривать в интерактивной галерее, перекрашивать с помощью собственной палитры, отражать и поворачивать.
- pixelfx можно использовать бесплатно? Какая у него лицензия?
- pixelfx распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- pixelfx всё ещё поддерживается?
- Активно поддерживается. Последний коммит в pixelfx — 31 окт. 2026 г..
- Для чего можно использовать pixelfx?
- Добавление эффектов попаданий, заклинаний или подбора предметов в 2D-браузерную игру. Экспорт набора взрывов или анимаций огня в виде спрайт-листов для Godot или Unity. Создание прототипов новых эффектов в стиле пиксель-арт с помощью AI-ассистента в Claude Code. Перекрашивание существующего эффекта — например, превращение обычного огня в синее пламя — для другого персонажа или темы.
- Как установить pixelfx?
- Установите в проект с GitHub: npm i github:patch-gg/pixelfx Создайте спрайт-лист эффекта: node tools/render.mjs ice/frost-nova --sheet
- Где скачать pixelfx?
- Исходный код и инструкции по установке — на GitHub: https://github.com/patch-gg/pixelfx
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Скилл для Claude Code, который превращает промпт в короткую процедурную анимацию на canvas и рендерит её в MP4 с помощью headless-браузера и ffmpeg.
1,6 тыс.+391 за неделю206JavaScriptMITОбновлён в прошлом месяце
Браузерный редактор спрайтов и пиксельной графики для создания игровых спрайтов, анимаций и GIF.
13 тыс.+36 за неделю933JavaScriptApache-2.0Обновлён 6 часов назад
Генератор рисованных иллюстраций, зацикленных анимаций, фильмов и интерактивной веб-графики кодом в 32 стилях с неизменно одинаковым результатом.
1,4 тыс.+121 за неделю136TypeScriptApache-2.0Обновлён позавчера
Песочница на Three.js и GLSL для настройки игровых эффектов способностей с прицеливанием: параметры можно менять ползунками даже на паузе.
1,1 тыс.+15 за неделю215JavaScriptMITОбновлён 2 месяца назад
Набор навыков для агента, который превращает один утверждённый кадр персонажа в готовый к игре набор 2D-анимаций с прозрачными PNG-кадрами и экспортом в GIF, WebM, Godot и Aseprite.
5,4 тыс.+615 за неделю520PythonMITОбновлён вчера