Sprites

Les sprites sont des représentations graphiques constituées de chaînes de caractères multilignes. Chaque ligne correspond à une rangée de pixels, et chaque caractère représente un pixel.

• Chiffres (0-9) : Chaque chiffre est associé à une couleur spécifique, par exemple : 0 pour le noir, 1 pour le blanc, 2 pour le gris, etc.
• Nouvelles lignes : Indiquent le début d’une nouvelle rangée de pixels.
• Espaces blancs, tabulations et lignes vides : Sont ignorés et n’affectent pas l’affichage du sprite.
• Autres caractères : Représentent un pixel transparent.

Tip

Pour créer un rectangle uni, indiquez simplement le chiffre correspondant à la couleur désirée.

Dimensions

Par défaut, les sprites sont des carrés de 8x8 pixels. Vous pouvez ajuster cette taille en modifiant les propriétés cellWidth et cellHeight.

createGame({
  //...
  cellWidth: 16,
  cellHeight: 32
})

Couleurs

Couleurs par défaut

Voici une table des couleurs par défaut avec leur code hexadécimal :

Note

Ces couleurs proviennent de l’exellente palette open-color

Personnalisation des couleurs

Vous pouvez personnaliser les couleurs utilisées pour les sprites en définissant un tableau de chaînes de caractères interprétables en tant que couleurs CSS. Ces couleurs peuvent être des codes hexadécimaux, des noms de couleurs, des valeurs RGB, etc.

Exemple :

createGame({
  //...
  colors: [
    'red',
    'orange',
    'lab(50% 40 59.5)',
    'hwb(12 50% 0%)',
    '#f06595',
    '#f09',
    'oklch(60% 0.15 50)',
    'hsl(150 30% 60%)',
    'light-dark(white, black)',
    'black'
  ]
})