PixelFX : 244 effets pixel art en code (licence MIT)

Le guide complet de PixelFX : les 244 effets, l'installation, l'export sprite sheet et la skill Claude Code.

Le dépôt

GitHub : https://github.com/patch-gg/pixelfx
244 effets, 21 catégories, 1234 étoiles
Licence MIT, utilisable même dans un projet commercial
Aucune dépendance

Aucun effet n'est une image : ce sont des bouts de code. Tu changes la palette et ton feu brûle en bleu, ton soin brille en rose, sans toucher une ligne de l'effet. Tu peux aussi le retourner, le faire pivoter, le poser derrière ou devant ton personnage.

Ce qu'il y a dedans

Type	Exemples
Élémentaire	feu, glace, éclairs
Dégâts	explosions, impacts
Magie	soins, auras, ultimes
Ambiance	météo, transitions
Jeu	pièces à ramasser, bestioles

61 effets sont vraiment joués par un bonhomme : il prend son élan, il frappe, l'image se fige au contact, la cible part en arrière, puis il se remet en garde. Et il y a 12 enchaînements complets, du coup d'épée triple au coup de marteau.

Jeu navigateur

npm i github:patch-gg/pixelfx

Compatible Phaser, PixiJS, Kaplay et three.js.

Autre moteur (Godot, Unity, GameMaker)

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

Ça t'écrit un sprite sheet PNG transparent avec son JSON, lisible directement par Godot, Unity ou GameMaker. Remplace ice/frost-nova par l'effet que tu veux.

La skill Claude Code

Dans un terminal, sur ton projet :

/plugin marketplace add patch-gg/pixelfx

/plugin install pixelfx@pixelfx

Ensuite tu demandes en français, par exemple :

ajoute une frost nova à l'ultime de mon mage

cet effet de coup fait mou, rends-le plus percutant

exporte-moi les catégories feu et explosions en sprite sheets pour Godot

Claude dessine l'effet, le rend en image, regarde le résultat, corrige, et recommence jusqu'à ce que ce soit propre.

Voir avant d'installer

La galerie en ligne joue les 244 effets dans ton navigateur : elle est liée depuis le README du dépôt https://github.com/patch-gg/pixelfx

L'ordre conseillé

Ouvre la galerie et repère les effets que tu veux.
Installe le paquet npm si ton jeu tourne dans le navigateur.
Sinon, passe par render.mjs et récupère tes sprite sheets.
Installe la skill Claude Code pour demander tes effets en français.

Une question ? Réponds directement à ce message, je lis tout.