Ajouter un composant

Créer un composant

function customComponent(p) {
  const param = {
    // add you parameters here
    ...p
  }
  return {
    // runs when the object is declared
    add() {
    },
    // runs on every frame
    update() {
    },
  }
}

Utiliser le composant

const LEVEL_CONFIG = {

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

  tiles: {

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

  },
};

Créer des paramètres

function customComponent(p) {
  const param = {
    customParameter: "default value",
    ...p
  }
  return {
    // runs when the object is declared
    add() {
      debug.log( param.customParameter )
    },
    // runs on every frame
    update() {
    },
  }
}

Utiliser le composant avec des paramètres

const LEVEL_CONFIG = {

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

  tiles: {

    "#": () => [ // player 1
      customComponent({customParameter: 'specified'}),
      sprite("bean"),
      platformerController(),
      alive(),
      opacity(),
      scale(),
      health(1, 4),
      area(),
      anchor("bot"),
      body(),
      respawn(),
      falling(),
      coloring(),
      animator(),
    ],

  },
};

Créer des variables publiques

function customComponent(p) {
  const param = {
    ...p
  }
  return {
    customPublicValue : "default value" ,
    // runs when the object is declared
    add() {
      debug.log( param.customPublicValue );
    },
    // runs on every frame
    update() {
    },
  }
}