Pixel art

Éditeur de pixel art en ligne pour sprites de jeu

Dessinez des sprites, des tuiles et des icônes sur un canevas de pixels net, animez-les image par image et exportez des feuilles de sprites que votre moteur lit sans travail supplémentaire.

Gratuit dans votre navigateur, sans filigrane et sans rien à installer.

Ouvrir l’éditeur

L’éditeur Moriqa avec un sprite de slime de 24 × 24 : les calques à gauche, quatre images étiquetées Idle dans la timeline, la palette et les propriétés à droite.

Animation image par image
Pelure d’oignon
Palettes et dégradés
Export Godot, Unity et GameMaker

En détail

Comment Moriqa s’intègre à votre façon de travailler

Dessinez sur de vrais pixels

Un sprite est un canevas de taille fixe fait de pixels entiers : rien n’est lissé, le zoom garde les pixels carrés et chaque outil tombe sur la grille.

Le crayon a un mode pixel perfect qui nettoie les angles doublés des traits à main levée, et les lignes, rectangles, ellipses et remplissages sont dessinés pixel par pixel, jamais lissés.

Crayon, gomme, ligne, rectangle, ellipse et remplissage
Symétrie sur un ou deux axes, avec des axes déplaçables
Verrouillage de l’alpha pour ne recolorer que ce qui est déjà dessiné
Sélections au rectangle, au lasso et à la baguette magique

Animez image par image

Une timeline faite pour les sprites

Ajoutez, dupliquez et réorganisez les images, donnez à chacune sa propre durée et étiquetez des boucles comme Idle ou Walk pour qu’elles soient lues et exportées comme des animations distinctes. La timeline liste les calques qui bougent, et davantage si vous le demandez.

Pelure d’oignon et lecture en direct

Voyez les images voisines en rouge et en bleu pendant que vous dessinez, jusqu’à cinq de chaque côté, éventuellement dans la seule étiquette en cours. Continuez à dessiner pendant la lecture ; chaque trait tombe sur l’image affichée.

Des couleurs qui restent cohérentes

Partez d’une palette classique comme PICO-8, Sweetie 16, Endesga 32 ou Game Boy, ou d’aucune. Créez un dégradé entre deux couleurs, ajoutez des nuances à teinte décalée, extrayez les couleurs de votre sprite et remplacez une couleur par une autre sur toutes les images d’un coup.

Tuiles, références et imports

Activez une grille de tuiles à la taille voulue et vérifiez les raccords dans un aperçu en mosaïque 3 × 3. Placez une image de référence sous votre dessin sans qu’elle n’atteigne jamais un export. Ouvrez un PNG comme nouveau sprite, ou importez une feuille de sprites et laissez-la se découper en images.

Un export qui s’intègre à votre moteur

Exportez une feuille de sprites disposée en ligne, en colonne ou en grille, avec marge, rognage et tailles en puissance de deux, et à côté le fichier que lit votre moteur : une ressource SpriteFrames pour Godot 4, un .meta de sprite découpé pour Unity, une bande nommée pour GameMaker, ou du JSON façon Aseprite pour tout le reste. GIF, PNG uniques et images PNG sont là aussi, de 1× à 8×.

Éditeur de pixel art

Questions fréquentes

L’éditeur de pixel art est-il gratuit ?

Oui, entièrement, avec tous les formats d’export et sans filigrane. Il n’y a pas d’offre payante.

Puis-je animer des sprites ?

Oui. Les sprites ont des images avec leur propre durée, des étiquettes pour les boucles, la pelure d’oignon et une lecture dans laquelle vous pouvez continuer à dessiner.

Quels moteurs l’export prend-il en charge ?

Godot 4 (SpriteFrames .tres), Unity (un .meta de sprite Multiple découpé), GameMaker (nommage des bandes) et tout moteur qui lit du JSON façon Aseprite, comme Phaser.

Quelle taille peut faire un sprite ?

Jusqu’à 1024 × 1024 pixels, avec autant de calques et d’images qu’un sprite en demande d’ordinaire. Un projet peut contenir plusieurs sprites côte à côte.

Est-ce une alternative à Aseprite ?

Pour dessiner et animer des sprites dans le navigateur, oui : calques, images, étiquettes, pelure d’oignon, palettes et exports pour moteurs sont tous là. Aseprite reste une application de bureau mûre, avec des fonctions que Moriqa n’a pas encore, comme l’ouverture des fichiers .aseprite.

À voir aussi

Dessinez votre premier sprite

L’éditeur s’ouvre dans votre navigateur avec un nouveau sprite prêt.