PicoPixel

Comment soumettre un pet

Deux façons d'ajouter votre pet à la communauté PicoPixel : collez une URL Petdex pour la voie la plus rapide, ou importez une feuille de sprites et un sprite.json sur GitHub. Plus : comment générer votre propre pet unique avec des outils IA.

PI PicoPixel
pets sprites petdex submission
MIS À JOUR 2026-05-30
01 /07

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é.

02 /07

Avant de commencer

Tout se passe dans l'application PicoPixel. Pour accéder à l'écran de soumission :

  1. Ouvrez l'application sur app.picopixel.io.
  2. 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.
  3. Cliquez sur votre compte en bas de la barre latérale gauche.
  4. Choisissez "Votre compte".
  5. Ouvrez "Soumettre un Sprite".

L'écran Soumettre un Sprite propose les deux méthodes décrites ci-dessous.

NOTE

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.

03 /07

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 :

  1. Trouvez ou créez le pet sur Petdex et copiez son URL.
  2. Sur l'écran Soumettre un Sprite, choisissez "Soumettre via Petdex".
  3. Collez l'URL du pet dans le champ "Petdex URL".
  4. Ajoutez ce qui peut être utile dans le champ optionnel "Notes".
  5. Envoyez.
TIP

Soumettre via Petdex est le chemin le plus rapide ; c'est étiqueté RECOMMANDÉ et PLUS RAPIDE pour une bonne raison. Une seule URL suffit.

04 /07

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.

  1. Placez votre image de feuille de sprites et un sprite.json correspondant dans un dépôt GitHub public.
  2. Sur l'écran Soumettre un Sprite, choisissez "Soumettre via GitHub".
  3. Collez l'URL du dépôt (https://github.com/...).
  4. Remplissez "Crédits / Auteur" pour que votre travail soit attribué.
  5. 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.

05 /07

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.

WARNING

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, frameWidth et frameHeight.
  • states : un tableau d'animations. Chaque état a un id, un label, la row sur laquelle il se trouve, le nombre de frames, un durationMs optionnel, un group et une caption.

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.

TIP

Le concept de sprites, états, phases et réutilisation, est expliqué plus en profondeur dans LVGL Sprites.

06 /07

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.

07 /07

Où aller ensuite

À LIRE ENSUITE

Continuez.

Comment utiliser les pets dans PicoPixel thumbnail
PICOPIXEL

Comment utiliser les pets dans PicoPixel

Les pets sont des sprites animés prêts à l'emploi avec plusieurs modes que vous pouvez déclencher selon n'importe quelle condition. Choisissez-en un dans le répertoire, ajoutez-le à votre projet et connectez-le pour qu'il réagisse à ce que fait votre appareil : récupération de données, surchauffe, revue de code, et bien plus encore.

pets · sprites · picopixel
Comment utiliser les modèles, kits d'interface et applications complètes PicoPixel thumbnail
PICOPIXEL

Comment utiliser les modèles, kits d'interface et applications complètes PicoPixel

Trouvez des modèles PicoPixel, des kits d'interface, des exemples, des sprites, des widgets et des fichiers d'applications complètes, puis ouvrez, téléchargez, importez, personnalisez et exportez-les en code C LVGL pour votre appareil.

templates · ui-kits · full-apps
Qu'est-ce qu'un sprite ? thumbnail
PICOPIXEL

Qu'est-ce qu'un sprite ?

Découvrez ce que sont les sprites, comment créer des widgets animés à plusieurs états et comment les réutiliser entre les projets.

sprite · picopixel