Un sprite est représenté par une chaîne de caractères, chaque ligne correspondant à une rangée de pixels. Voici un exemple de sprite :

 sprite: `
          ...00...
          ...00...
          .000000.
          0.0000.0
          0.0000.0
          ..0000..
          ..0..0..
          ..0..0..
      `,

Chaque chiffre est interprété comme une couleur (0 : noir, 1 : blanc…), tandis que les espaces, les tabulations et les lignes vides sont ignorés. Les autres caractères représentent des pixels transparents.

Dans l’exemple, le caractère . est utilisé pour marquer les espaces vides, mais cela pourrait tout aussi bien être un tiret bas _.

Warning

En JavaScript, pour créer une chaîne de caractères sur plusieurs lignes, on utilise le caractère accent grave : `

  • Sur Windows : AltGr + 7 puis Espace
  • Sur Mac : £ puis Espace

Essayez de dessiner un sprite pour le joueur.

Tip

Si besoin vous pouvez piocher ou vous inspirer de cette collection de sprites

Loading editor...

createGame({
  player: {
      sprite: 5,
      position: [4, 4]
  },
})