patch-gg/pixelfx

Une bibliothèque d'effets visuels en style pixel art, écrite en un seul fichier de code (l'auteur en recense 244 : feu, explosions, magie, météo, interface utilisateur, objets ramassables, etc.), intégrable directement dans des jeux web ou exportable sous forme de spritesheets ; elle inclut une compétence Claude Code qui vous aide à créer de nouveaux effets en suivant un cycle « ébauche, rendu, inspection visuelle, modification ».

Nombre d'étoiles 1361 (+27 / 24 h)

Raisons

• Chaque effet est un fichier JS sans dépendance ; les effets impliquant des personnages sont « joués » : préparation, lancement, arrêt sur image à l'impact, récupération, la cible subit des dégâts, et il y a 12 attaques complètes qui enchaînent les effets en une séquence d'attaque
• Importez directement le code dans les jeux web (canvas, Phaser, PixiJS, three.js, etc.) ; pour Godot, Unity, GameMaker, etc., utilisez node tools/render.mjs <catégorie/effet> --sheet pour exporter des spritesheets PNG transparentes et un JSON au format Aseprite
• La méthode provient de l'article de Hugo Duprez sur la création d'effets pixel art avec Claude, et une partie du code est adaptée de ses effets sous licence MIT ; le script de vérification détecte les débordements, les coutures visibles, les nombres aléatoires non initialisés et les images lentes

Utilisation

• Compétence : /plugin marketplace add patch-gg/pixelfx, puis /plugin install pixelfx@pixelfx, ou copiez skills/pixelfx dans ~/.claude/skills/ ; ensuite, dites simplement « Ajoute une nova de givre à l'ultime du mage » ou « Exporte les effets de feu et d'explosion en spritesheets pour Godot »
• En tant que bibliothèque : npm i github:patch-gg/pixelfx ; pour créer vous-même : node tools/new.mjs arcane/my-spell → node tools/render.mjs arcane/my-spell → node tools/check.mjs arcane/my-spell ; galerie en ligne : patch-gg.github.io/pixelfx

Risques

• La compétence ne documente que l'installation pour Claude Code ; la création de nouveaux effets nécessite plusieurs itérations de rendu, d'inspection visuelle et de modification par le modèle, et le résultat dépend de la capacité du modèle à interpréter les images
• Le README indique que le code et les effets sont sous licence MIT et utilisables commercialement, mais GitHub ne reconnaît pas le fichier de licence, et la police Patch Pixel n'est pas incluse dans cette licence ; le dépôt a été créé le 30 10

Ouvrir