Pics

Les pics peuvent permettre d'apporter un peu de challenge pour le joueur, ou de contraindre sa circulation. Un pic bien placé peut à lui seul s'avérer un obstacle sérieux.

Charger une image

load.js

const PNG = [

  "spike" ,

  "grass" ,
]

Déclarer des symboles

levelConf.js

const LEVEL_CONFIG = {

  // paramètres du niveau

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

  tiles: {
    
    // listes des objets à placer dans les niveaux


    "M": () => [ // pic à l'endroit
      sprite("spike"),
      area(),
      area({ scale: vec2(0.6, 1) }),
      anchor("bot"),
      offscreen({ hide: true }),
      danger({ tag: "player" }),
    ],

    "W": () => [ // pic à l'envers
      sprite("spike"),
      pos(0, -64),
      area({ scale: vec2(0.6, 1) }),
      anchor("bot"),
      rotate(180),
      offscreen({ hide: true }),
      danger({ tag: "player" }),
    ],

    "S": () => [ // pic vers la droite
      sprite("spike"),
      pos(-32, -32),
      area({ scale: vec2(0.6, 1) }),
      anchor("bot"),
      rotate(90),
      offscreen({ hide: true }),
      danger({ tag: "player" }),
    ],

    "Z": () => [ // pic vers la gauche
      sprite("spike"),
      pos(32, -32),
      area({ scale: vec2(0.6, 1) }),
      anchor("bot"),
      rotate(270),
      offscreen({ hide: true }),
      danger({ tag: "player" }),
    ],

    "#": () => [ // player
      sprite("bean"),
      platformerController(),
      alive(),
      opacity(),
      scale(),
      health(1, 4),
      area(),
      anchor("bot"),
      body(),
      respawn(),
      falling(),
      coloring(),
      animator(),
    ],
    
    "=": () => [ // block
      sprite("grass"),
      area(),
      body({ isStatic: true }),
      anchor("bot"),
      offscreen({ hide: true }),
    ],

  },

}

Placer les objets

level.js

const LEVELS = [
  
  // liste des niveaux du jeu
  
  {
    map: `
    
       ===  M  M  M  M        
           === ==== ===       
               W  W      Z==S 
                              
               Z==S     Z==S  
        #  M M  ==  M M       
      ===================     
      
    `,
  },
  
];

area

levelConf.js
tiles :

area( { scale: vec2(0.6, 1), } ),

danger

levelConf.js
tiles :

danger({

  damage: 1,

  collisions: ["top", "left", "bot", "right"],

  ongoing: false,

  target: "alive",

}),