Plusieurs joueur

pour Andy

Ajouter un autre joueur peut permettre à un jeu de s'ouvrir à de nouvelles dimensions. Les joueurs peuvent par exemple s'assister mutuellement dans leur progression dans un esprit coopératif, ou à l'inverse concourir dans un esprit de compétition.

Charger une image

load.js

function loadAtlas() {


  loadSpriteAtlas("assets/sprites/prune-atlas.png", {
    "prune": {
      x: 0, y: 0,
      width: 244, height: 53,
      sliceX: 4,
      anims: {
        idle: { from: 0, to: 0 },
        run: { from: 0, to: 0 },
        sleep: { from: 1, to: 1 },
        jump: { from: 2, to: 2 },
        worry: { from: 3, to: 3 },
      },
    },
  })

  loadSpriteAtlas("assets/sprites/splash.png", {
    "splash": {
      x: 0, y: 0,
      width: 384, height: 64,
      sliceX: 6,
      anims: { explode: { from: 0, to: 5, }, },
    },
  })

  loadSpriteAtlas("assets/sprites/bean-atlas.png", {
    "bean": {
      x: 0, y: 0,
      width: 244, height: 53,
      sliceX: 4,
      anims: {
        idle: { from: 0, to: 0 },
        run: { from: 0, to: 0 },
        sleep: { from: 1, to: 1 },
        jump: { from: 2, to: 2 },
        worry: { from: 3, to: 3 },
      },
    },
  })

}

Déclarer un symbole

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


    "&": () => [ // player 2
      sprite("prune"),
      platformerController({ jumpKey: "z", leftKey: "q", downKey: "s", rightKey: "d", }),
      alive(),
      opacity(),
      scale(),
      health(1, 4),
      area(),
      anchor("bot"),
      body(),
      respawn(),
      falling(),
      coloring(),
      animator(),
    ],

    "#": () => [ // 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: `

             ===
                
       # &      
      =====   
        
    `,
  },
  
];

platformerController

levelConf.js
tiles :

platformerController({

  jumpKey: "up",

  leftKey: "left",

  rightKey: "right",

  downKey: "down",

  jumpForce: 1000,

  moveSpeed: 480,

  glideDelay: 0.1,

  airjumpForce: 800,

  doubleJump: 0,

}),