Éditeur de sprites

Pyxen inclut un éditeur de sprites complet pour créer et modifier du pixel art directement dans votre projet sur iPad et Mac. Aucun outil externe nécessaire — concevez vos sprites et voyez les changements appliqués instantanément à votre jeu en cours d’exécution.

Ouvrir l’éditeur de sprites

Appuyez sur n’importe quel asset image dans la barre latérale, puis appuyez sur le bouton Edit pour passer de la visionneuse d’images à l’éditeur de sprites.

Outils de dessin

La barre d’outils en haut propose :

• Crayon — dessiner des pixels individuels
• Gomme — effacer des pixels
• Remplissage — remplir une zone connexe avec la couleur sélectionnée
• Ligne — tracer des lignes droites entre deux points
• Rectangle — dessiner des rectangles (contour ou rempli)
• Ellipse — dessiner des ellipses (contour ou remplie)

Sélectionnez un outil, choisissez une couleur dans la palette, et dessinez sur le canevas. Zoomez avec un pincement (iPad) ou le défilement (Mac) pour un travail précis au pixel près.

Palette de couleurs

La palette se situe en bas de l’éditeur. Appuyez sur une couleur pour la sélectionner. Utilisez la pipette pour prélever une couleur depuis le canevas.

La palette est propre à chaque image — chaque feuille de sprites peut avoir son propre jeu de couleurs.

Outils de sélection

• Sélection rectangulaire — glissez pour sélectionner une zone rectangulaire
• Baguette magique — appuyez pour sélectionner une zone connexe de couleur similaire. Maintenez Maj pour ajouter à la sélection, ou Maj+Option pour soustraire.
• Déplacement — glissez la sélection pour la repositionner

Les zones sélectionnées affichent des fourmis en marche (contour en pointillés animé). Avec une sélection active, vous pouvez :

• Couper (Cmd+X) — supprimer la sélection et la copier dans le presse-papiers
• Copier (Cmd+C) — copier la sélection dans le presse-papiers
• Coller (Cmd+V) — coller le presse-papiers comme nouvelle sélection flottante
• Supprimer — effacer la zone sélectionnée

Calques

Le panneau des calques à droite affiche tous les calques de l’image courante. Vous pouvez :

• Ajouter des calques — créer de nouveaux calques au-dessus ou en dessous
• Réordonner les calques — glisser pour changer l’ordre d’empilement
• Basculer la visibilité — masquer temporairement des calques pendant le travail
• Fusionner les calques — combiner des calques en un seul

Chaque calque est dessiné indépendamment. Cela vous permet de séparer les arrière-plans, les personnages et les effets dans différents calques et de les modifier sans affecter les autres.

Redimensionnement et canevas

• Redimensionner — modifier les dimensions de l’image (met à l’échelle le contenu existant)
• Taille du canevas — modifier la taille du canevas sans mise à l’échelle (ajoute ou supprime de l’espace autour des bords)

Timeline d’animation

L’éditeur de sprites inclut une timeline d’animation intégrée pour créer des animations de sprites image par image.

Ouvrir la timeline

Appuyez sur le bouton pile de films (en bas à droite du canevas) pour activer le mode animation. La bande de timeline apparaît sous le canevas.

Créer des animations

1. Ouvrez le sélecteur d’animations (côté gauche de la timeline) et appuyez sur New Animation
2. Donnez-lui un nom (par ex. “walk”, “idle”, “attack”)
3. Sélectionnez des tiles sur votre feuille de sprites avec l’outil tile select, puis appuyez sur Add to Animation
4. Ou appuyez sur le bouton + dans la timeline pour ajouter la tile suivante dans l’ordre de lecture

Modifier les frames

• Appuyez sur une frame pour la sélectionner — le canevas zoome sur cette tile pour l’édition
• Clic droit sur une frame pour la supprimer ou la réordonner
• Contrôles de lecture — lecture/arrêt, stepper FPS (1-60), compteur de frames

Pelure d’oignon

Activez le bouton pelure d’oignon pour afficher une superposition fantôme de la frame précédente pendant l’édition. Cela aide à maintenir la cohérence entre les frames d’animation.

Isolation de tile

Lors de l’édition d’une frame, activez le bouton isolation pour masquer ou atténuer les tiles environnantes, vous permettant de vous concentrer sur la frame courante.

Utiliser les animations dans le code

Les animations sont sauvegardées dans les métadonnées du sprite. Jouez-les dans votre jeu avec le paramètre animation :

player.sprite = Sprite("hero", animation="walk")

Consultez Sprites et Rendu et la référence Sprite pour l’API complète.

Annuler et rétablir

Chaque opération dans l’éditeur de sprites supporte l’annulation (Cmd+Z) et le rétablissement (Cmd+Maj+Z). La pile d’annulation est propre à chaque image et persiste tant que le projet est ouvert.

Aperçu en direct

Lorsque votre jeu est en cours d’exécution, tous les changements effectués dans l’éditeur de sprites sont appliqués instantanément — peignez un pixel et voyez-le apparaître dans l’aperçu du jeu. Cela facilite l’itération sur votre art tout en testant le gameplay.

Conseils

• Utilisez la grille en superposition pour aligner précisément les tuiles sur une feuille de tuiles
• Travaillez en zoom avant pour le détail au pixel, dézoomez pour voir l’image complète
• Les calques sont parfaits pour séparer les images d’animation sur la même feuille
• L’éditeur de sprites sauvegarde automatiquement — les modifications sont écrites dans le fichier de projet au fur et à mesure
• Sur iPad avec Apple Pencil, activez Pencil Only Drawing dans les Préférences pour dessiner avec le crayon et naviguer avec le doigt