Vue d'ensemble
Un pet est un sprite animé, un petit personnage qui défile à travers des frames pour prendre vie. Lorsque vous en soumettez un, il peut être mis en avant dans la galerie de Pets de la communauté pour que tout le monde puisse l'utiliser et en profiter.
Il existe deux façons de soumettre un pet. La plus rapide est via Petdex : vous collez une seule URL et c'est fait. L'autre est via GitHub, pour les sprites que vous hébergez vous-même sous forme de feuille de sprites et d'un sprite.json. Vous pouvez soumettre un pet Petdex existant ou en créer un entièrement original.
Les deux méthodes sont accessibles depuis l'application PicoPixel, vous devrez donc d'abord être connecté.
Avant de commencer
Tout se passe dans l'application PicoPixel. Pour accéder à l'écran de soumission :
- Ouvrez l'application sur app.picopixel.io.
- Connectez-vous si ce n'est pas déjà fait ; la connexion se fait via OAuth avec Google ou GitHub. Si vous ignorez cette étape, vous serez invité à le faire avant de pouvoir soumettre.
- Cliquez sur votre compte en bas de la barre latérale gauche.
- Choisissez "Votre compte".
- Ouvrez "Soumettre un Sprite".
L'écran Soumettre un Sprite propose les deux méthodes décrites ci-dessous.
Vous devez être connecté pour soumettre quoi que ce soit. Si vous n'êtes pas connecté, l'application vous le demandera avant de vous laisser continuer.
Soumettre via Petdex
C'est la méthode recommandée et la plus rapide. Petdex est un répertoire externe de pets sur petdex.crafter.run où vous pouvez parcourir, créer et héberger des pets. Chaque pet y dispose d'une URL partageable de la forme https://petdex.crafter.run/pets/<pet-id>.
Pour soumettre :
- Trouvez ou créez le pet sur Petdex et copiez son URL.
- Sur l'écran Soumettre un Sprite, choisissez "Soumettre via Petdex".
- Collez l'URL du pet dans le champ "Petdex URL".
- Ajoutez ce qui peut être utile dans le champ optionnel "Notes".
- Envoyez.
Soumettre via Petdex est le chemin le plus rapide ; c'est étiqueté RECOMMANDÉ et PLUS RAPIDE pour une bonne raison. Une seule URL suffit.
Soumettre via GitHub
Utilisez cette méthode lorsque vous hébergez vous-même le sprite. Vous fournirez les fichiers bruts plutôt qu'un lien Petdex.
- Placez votre image de feuille de sprites et un
sprite.jsoncorrespondant dans un dépôt GitHub public. - Sur l'écran Soumettre un Sprite, choisissez "Soumettre via GitHub".
- Collez l'URL du dépôt (
https://github.com/...). - Remplissez "Crédits / Auteur" pour que votre travail soit attribué.
- Ajoutez ce qui est utile dans le champ optionnel "Notes", puis envoyez.
La feuille de sprites et le sprite.json doivent suivre un format spécifique. La section suivante l'explique.
Créer votre propre pet unique
Plutôt que de réutiliser un pet Petdex mis en avant, vous pouvez en créer un original. Des outils IA comme OpenAI Codex ou des générateurs d'images IA sont un moyen pratique de produire une feuille de sprites de personnage from scratch.
Une feuille de sprites est une seule image (PNG ou WebP) organisée en une grille uniforme, un "atlas". Disposez-la avec une animation par ligne, et gardez chaque frame de taille identique.
Chaque frame doit avoir exactement la même largeur et la même hauteur. Une grille avec des cellules de tailles différentes ne se découpera pas proprement, et l'animation sautera ou se cassera.
Un sprite.json décrit la feuille. Il a deux parties principales :
- atlas : la disposition de la grille :
columns,rows,frameWidthetframeHeight. - states : un tableau d'animations. Chaque état a un
id, unlabel, larowsur laquelle il se trouve, le nombre deframes, undurationMsoptionnel, ungroupet unecaption.
Les états typiques incluent idle, wave, jump, run-right, run-left, running, waiting, failed et review. Un sprite a besoin d'au moins deux états, alors générez les plus courants, au minimum idle plus un mouvement.
Un bon flux de travail : générez les frames à une taille cohérente, disposez-les sur une grille régulière avec une animation par ligne, puis décrivez la grille et les états dans sprite.json et soumettez via Petdex ou GitHub.
Le concept de sprites, états, phases et réutilisation, est expliqué plus en profondeur dans LVGL Sprites.
Ce qui se passe ensuite
Une fois que vous soumettez, l'équipe PicoPixel examine votre pet et peut vous contacter si quelque chose nécessite une clarification. Les pets approuvés apparaissent dans la galerie de Pets, avec votre crédit. De là, n'importe qui dans la communauté peut trouver et utiliser votre création.
Où aller ensuite
- LVGL Sprites : comment fonctionnent les états et les frames des sprites.
- Éditeur d'événements : ajoutez de l'interactivité à vos designs.
- Soumettre un modèle : partagez un design PicoPixel dont les autres peuvent se servir comme point de départ.
- Signaler du contenu : signalez un pet ou un modèle qui enfreint les règles.
- Galerie de Pets : parcourez les pets de la communauté.