Ajouter des images

Téléverser un fichier

• Répertoireassets/

  • Répertoireshaders/

    • …
  • Répertoiresounds/

    • …
  • Répertoiresprites/

    • image.png
  • Répertoirestyle/

    • …

Charger le fichier

load.js

const PNG = [
  "image",
  "grass",
];

Utiliser l’image

config.js

const LEVEL_CONFIG = {

  tileWidth: 64,
  tileHeight: 64,
  backgroundColor: "afe1ff",
  gravity: 3200,

  tiles: {

    '#': () => [ // player 1
      sprite('image'),
      platformerController(),
      alive(),
      opacity(),
      scale(),
      health(1, 4),
      area(),
      anchor('bot'),
      body(),
      respawn(),
      falling(),
      coloring(),
      animator(),
    ],

  },
};

Modifier la taille de l’image

config.js

const LEVEL_CONFIG = {

  tileWidth: 64,
  tileHeight: 64,
  backgroundColor: "afe1ff",
  gravity: 3200,

  tiles: {

    '#': () => [ // player 1
      sprite('image',{width: 64, height: 64}),
      platformerController(),
      alive(),
      opacity(),
      scale(),
      health(1, 4),
      area(),
      anchor('bot'),
      body(),
      respawn(),
      falling(),
      coloring(),
      animator(),
    ],

  },
};

Modifier la taille de la boite de collision

game.js

debug.inspect = true ;

config.js

const LEVEL_CONFIG = {

  tileWidth: 64,
  tileHeight: 64,
  backgroundColor: "afe1ff",
  gravity: 3200,

  tiles: {

    '#': () => [ // player 1
      sprite('image',{width: 64, height: 64}),
      platformerController(),
      alive(),
      opacity(),
      scale(),
      health(1, 4),
      area({scale: vec2(0.5, 0.5)}),
      anchor('bot'),
      body(),
      respawn(),
      falling(),
      coloring(),
      animator(),
    ],

  },
};