Alternative à Piskel : un éditeur de pixels gratuit dans le navigateur qui crée aussi des mondes 3D

Si vous avez cherché une alternative à Piskel, vous avez probablement rencontré l'un de deux murs : vous vouliez des images de sprite produites plus vite que vous ne pouvez les cliquer une à une, ou vous vouliez que les pixels aboutissent ailleurs que dans un PNG plat. Piskel est gratuit, il tourne dans un onglet de navigateur, et il exporte toujours. Il n'est pas cassé. Il s'arrête simplement au bord du canevas, et cette page traite de ce qui se passe au-delà de ce bord.

Neta Studio propose un éditeur de pixels dans le navigateur auquel est rattachée une étape de génération, et, derrière, un constructeur de jeux 3D. Vous pouvez dessiner un sprite 32x32 à la main, en générer un à partir d'une description écrite avec Agent Sprite Forge, exporter une planche de sprites, puis vous promener à l'intérieur d'une scène construite à partir des mêmes pixels. Sans installation, sans compte. Ci-dessous, une comparaison franche, y compris les cas où Piskel reste le meilleur outil.

Réponse rapide : existe-t-il une alternative gratuite à Piskel ?

Oui, et la version honnête est que Piskel n'a jamais été le problème. Piskel est gratuit, il tourne dans le navigateur, et il exporte encore aujourd'hui des GIF animés et des planches de sprites PNG. Une alternative à Piskel ne vaut la peine d'être adoptée que si vous avez besoin de l'une des deux choses que Piskel ne fait pas : générer des images de sprite à partir d'une description écrite plutôt qu'à coups de clics, ou transporter ces pixels dans une scène 3D dans laquelle vous pouvez déplacer une caméra. Si ni l'une ni l'autre n'est votre goulot d'étranglement, Piskel reste un bon outil de dessin et il n'y a aucune raison de le quitter.

Ce que Piskel fait bien

Piskel mérite sa réputation de la manière la plus ennuyeuse qui soit : il maîtrise bien la boucle de base. Un nouveau sprite s'ouvre en 32x32 sur une grille que vous pouvez activer ou désactiver, et la palette d'outils est exactement celle qu'il vous faut : crayon, crayon en miroir, pot de peinture, ligne, rectangle, ellipse, et un sélecteur de couleur qui reste discret. L'éditeur tourne dans la page, si bien qu'un trait n'attend pas un aller-retour vers un serveur. Pas d'installation, pas de compte, et aucune version de l'outil qui se comporte différemment selon un forfait.

Les images et les calques sont des axes distincts, ce qui compte plus qu'il n'y paraît. Un cycle de marche de quatre images avec un calque de contour séparé signifie que vous redessinez le contour une fois au lieu de quatre. Le panneau d'aperçu joue l'animation à la fréquence que vous définissez, et une seule bascule de pelure d'oignon fait apparaître en fantôme les images voisines pour juger de l'espacement avant de valider. L'export couvre les formats que les moteurs acceptent réellement : GIF animé, planche de sprites PNG et fichier de projet .piskel. L'import est tout aussi direct : faites glisser un fichier .piskel sur l'éditeur, ou importez une planche de sprites PNG et laissez-la se découper sur une grille que vous précisez.

La barrière vers un premier sprite est réellement basse. Vous pouvez passer d'un onglet vide à un personnage 16x16 lisible en quelques minutes, et les modes d'échec sont mineurs : une palette qui s'embrouille au zoom 1x, un contour tremblant, une couleur de rehaut qui disparaît sur le fond du niveau.

Deux décisions de conception portent l'essentiel de la valeur. La grille s'aligne sur des facteurs de zoom entiers, si bien qu'un pixel est toujours un bloc carré de pixels d'écran et jamais une traînée de 3,5 pixels. Et l'ensemble des exports est restreint et sans ambiguïté, ce qui signifie que l'outil ne vous demande jamais de configurer une chaîne de production avant de pouvoir voir votre animation.

Là où Piskel s'arrête

Piskel n'a pas d'étape de génération. Chaque pixel de la planche est un clic que vous avez fait ou un remplissage, une ligne ou une ellipse que vous avez placés. Ce n'est pas un défaut d'un outil de dessin, c'est ce qu'est un outil de dessin. Mais cela impose un plancher au volume. Un sprite 32x32 avec environ 20 % de couverture sur quatre images représente près de 3 000 décisions de pixels opaques, et vous les reprenez à chaque changement de design. Si votre goulot d'étranglement est le débit artistique plutôt que le contrôle artistique, Piskel ne peut pas vous aider, car il n'y a rien dans la chaîne entre votre phrase et votre canevas.

Piskel n'a pas de sortie 3D. Ses exports sont des images matricielles 2D plus un fichier de projet JSON. Rien dans l'outil ne connaît une caméra, un plan de sol, un volume de collision ou une lumière. Faire entrer ces pixels dans une scène 3D est entièrement un travail en aval : exporter la planche, l'importer dans un moteur, construire un matériau, régler correctement le mode de filtrage, puis bâtir le monde autour à la main. Ce travail est bien réel, il représente souvent la majorité de l'effort, et Piskel n'y participe à aucun moment.

Et l'application est restée effectivement statique pendant des années. L'éditeur web fonctionne toujours, les exports s'ouvrent encore dans les moteurs actuels, et le format .piskel n'a pas bougé. C'est de la stabilité, pas une rupture. Mais de nouvelles fonctionnalités n'arrivent pas non plus. Si vous avez besoin de quelque chose que Piskel ne fait pas aujourd'hui, attendre une mise à jour n'est pas un plan.

Cette distinction compte lorsque vous choisissez un outil pour un projet de deux ans. Un outil terminé avec un format de fichier figé est prévisible. Un outil terminé est aussi le mauvais choix si vos besoins évoluent encore, ce qui est généralement le cas au début d'un jeu.

Les alternatives comparées

Lisez le tableau par goulot d'étranglement, pas par nombre de fonctionnalités. Si vous dessinez bien et n'avez besoin que d'images, d'un GIF et d'une planche de sprites, Piskel ou LibreSprite vous suffisent et ni l'un ni l'autre ne réclame d'argent. Si vous avez besoin d'images produites plus vite que vous ne pouvez les dessiner, il vous faut une colonne de génération, et Piskel n'en a pas. Si votre planche doit aboutir dans une scène avec une caméra, il vous faut la colonne 3D, et ni Piskel ni LibreSprite n'en ont une.

LibreSprite est l'option installable citée ici : une application de bureau avec une véritable chronologie, la pelure d'oignon, les calques et l'export de planches de sprites. Le bureau a des avantages qu'un onglet de navigateur n'a pas, notamment des boîtes de dialogue de fichiers natives, une marge mémoire prévisible sur les grands canevas et aucun risque qu'un onglet soit récupéré en pleine session. Il présente les deux mêmes lacunes : pas d'étape de génération, pas de sortie 3D.

Une mise en garde concernant les colonnes d'animation. Elles décrivent l'éditeur, pas votre moteur. Chaque outil ici exporte une planche matricielle, et le fait que votre moteur la lise à la bonne vitesse dépend de la taille des images, de la marge et de la fréquence que vous définissez à l'export.

Notez l'étape qui vous coûte le plus d'heures. Si c'est le dessin, restez sur un outil de dessin. Si c'est produire assez de variantes pour en trouver une bonne, prenez l'étape de génération. Si c'est intégrer les pixels dans une scène, prenez le constructeur et sautez complètement l'import dans un moteur.

Ce qui nous distingue : des pixels, puis un monde dans lequel entrer

Les deux moitiés forment une seule chaîne, et la raison est banale : la planche que vous exportez est celle que le constructeur consomme. La taille d'image que vous avez choisie en 32x32 est celle que le matériau attend. Pas de rééchantillonnage, pas de grille devinée, pas de planche redécoupée dans un importateur de moteur à minuit. Cette continuité est toute notre promesse.

Deux réglages ruineront le résultat si vous les oubliez. D'abord, le filtrage de texture. Dans Three.js, la texture du matériau doit utiliser un échantillonnage au plus proche voisin pour l'agrandissement comme pour la réduction, avec les mipmaps désactivées, sinon vos pixels 32x32 se transforment en bouillie à distance et scintillent quand la caméra bouge. Ensuite, l'échelle. Redimensionnez les sprites par facteurs entiers. Un sprite mis à l'échelle 3,5x a des pixels qui font alternativement trois et quatre pixels d'écran de large, ce qui se lit comme un bruit pire que n'importe quelle erreur de palette.

The Cyclops' Island et Mini World sont les réalisations de référence pour cette approche : un acteur pixel généré, un plan de sol, une caméra et des collisions, le tout tournant dans un onglet de navigateur. Ouvrez-les pour voir ce que l'export devient réellement avant d'y engager un projet.

Si vous n'avez besoin que de la moitié 2D, rien ici ne bat un outil que vous connaissez déjà. Le changement vaut la peine lorsque c'est la moitié 3D qui engloutit vos heures, car le chemin d'export cesse alors d'être une transmission pour devenir une partie du même espace de travail.

Est-ce gratuit ?

L'éditeur de pixels est gratuit. La génération d'images de sprite avec Agent Sprite Forge est gratuite. L'export est gratuit. Rien ne s'intercale entre le dessin d'un sprite et le téléchargement de la planche de sprites PNG ou du GIF animé, et il n'y a aucune étape payante où un filigrane apparaît ou un plafond de résolution s'active.

Aucun compte n'est requis pour ouvrir l'éditeur, générer des images, les retoucher ou exporter. Vous ne donnez pas d'e-mail pour obtenir un téléchargement, car il n'y a aucun téléchargement à obtenir : tout se passe dans l'onglet du navigateur.

La sortie comprend trois choses. Une planche de sprites PNG, dont la grille d'images correspond à la taille de canevas que vous avez définie. Un GIF animé, utile pour les aperçus et la documentation. Et une scène 3D, qui tourne dans le navigateur et reste modifiable dans le constructeur de jeux 3D plutôt que d'être un export à sens unique que vous ne pouvez plus ouvrir. Si vous voulez voir l'état final de cette troisième sortie, The Cyclops' Island et Mini World sont construits dessus.

Entrez dans le monde auquel il appartient

Un sprite est un personnage sans endroit où se tenir. La dernière étape est celle que personne d'autre ne propose : prenez la planche que vous venez de créer et placez-la dans un monde que l'on peut parcourir — une petite île, une planète, un coin de rue sous la pluie. Chaque monde de ce site a été créé à partir d'une seule description écrite et publié sous forme de page jouable.

FAQ