Repolode
Enviar
patch-gg

patch-gg/pixelfx

Biblioteca com 232 efeitos de pixel art (fogo, explosões, magia, clima e UI) em pequenos módulos JavaScript, além de uma skill do Claude Code para criar novos efeitos.

Ver no GitHubSite
Estrelas
5,223
Forks
692
Issues abertas
0
Último commit
há 6 dias

O que é?

pixelfx é uma coleção de 232 efeitos e animações de pixel art, cada um implementado como um pequeno trecho de JavaScript. As categorias incluem fogo, explosões, água, gelo, raios, magia, clima, combate corpo a corpo, itens coletáveis, efeitos de status e feedback de UI. Os efeitos podem ser visualizados em uma galeria interativa, recoloridos com uma paleta personalizada e espelhados ou rotacionados.

Os efeitos podem ser usados de duas formas. Em um jogo para navegador baseado em canvas, Phaser, PixiJS ou similar, o código é importado diretamente, sem dependências. Para outras engines, como Godot, Unity, GameMaker, Defold, LÖVE ou Bevy, o projeto exporta spritesheets PNG com transparência e metadados JSON no estilo Aseprite, incluindo duração dos frames, configurações de loop e ponto de origem.

O repositório também inclui uma skill do Claude Code que ajuda a encontrar, usar, exportar e criar efeitos, além de ferramentas para renderizar contact sheets, GIFs e MP4s e verificar problemas de qualidade comuns. Os efeitos são determinísticos: a aleatoriedade vem de uma seed por efeito, e os efeitos simulados avançam a uma frequência fixa de 120 Hz.

Recursos principais

  • 01Inclui 232 efeitos em 20 categorias, como fogo, gelo, clima e UI.
  • 02Funciona diretamente em jogos para navegador, sem dependências.
  • 03Exporta spritesheets com transparência e JSON no estilo Aseprite para outras engines.
  • 04Aceita paletas de cores personalizadas para recolorir qualquer efeito sem editar o código.
  • 05Oferece uma skill do Claude Code para encontrar, exportar e criar efeitos.
  • 06Gera frames determinísticos usando aleatoriedade com seed.

Casos de uso

  • Adicionar efeitos de impacto, feitiços ou itens coletáveis a um jogo 2D para navegador.
  • Exportar um conjunto de explosões ou animações de fogo como spritesheets para Godot ou Unity.
  • Criar protótipos de novos efeitos de pixel art com um assistente de IA no Claude Code.
  • Recolorir um efeito existente, como transformar fogo em uma chama azul, para combinar com outro personagem ou tema.

Início rápido

  1. 1

    Instale no seu projeto pelo GitHub

    npm i github:patch-gg/pixelfx
  2. 2

    Renderize uma folha de sprites de um efeito

    node tools/render.mjs ice/frost-nova --sheet

Antes de usar

  • Foi desenvolvido para Canvas em JavaScript e jogos de navegador; outros mecanismos precisam de folhas de sprites exportadas.
  • A fonte Patch Pixel em gallery/fonts não está coberta pela licença MIT.

Em coleções

Ferramentas, skills e plugins para Claude CodeBibliotecas de skills para agentes de IA

Tópicos

#pixel-art#game-dev#animation#sprite-sheet#canvas#vfx#javascript#claude-code#agent-skills#claude-code-plugin

Perguntas frequentes

O que é pixelfx?
Biblioteca com 232 efeitos de pixel art (fogo, explosões, magia, clima e UI) em pequenos módulos JavaScript, além de uma skill do Claude Code para criar novos efeitos. pixelfx é uma coleção de 232 efeitos e animações de pixel art, cada um implementado como um pequeno trecho de JavaScript. As categorias incluem fogo, explosões, água, gelo, raios, magia, clima, combate corpo a corpo, itens coletáveis, efeitos de status e feedback de UI. Os efeitos podem ser visualizados em uma galeria interativa, recoloridos com uma paleta personalizada e espelhados ou rotacionados.
pixelfx é gratuito? Qual é a licença?
pixelfx é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
pixelfx ainda é mantido?
Manutenção ativa. O último commit de pixelfx foi em 31 de out. de 2026.
Para que posso usar pixelfx?
Adicionar efeitos de impacto, feitiços ou itens coletáveis a um jogo 2D para navegador. Exportar um conjunto de explosões ou animações de fogo como spritesheets para Godot ou Unity. Criar protótipos de novos efeitos de pixel art com um assistente de IA no Claude Code. Recolorir um efeito existente, como transformar fogo em uma chama azul, para combinar com outro personagem ou tema.
Como instalar pixelfx?
Instale no seu projeto pelo GitHub: npm i github:patch-gg/pixelfx Renderize uma folha de sprites de um efeito: node tools/render.mjs ice/frost-nova --sheet
Onde consigo pixelfx?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/patch-gg/pixelfx

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados