Aller au contenu

Points de vie

Les points de vie peuvent permettre de modérer la difficulté du jeu. Ils peuvent aussi créer une économie dans le jeu dans laquelle les points de vies apparaissent comme une ressource plus ou moins limitée que le joueur sera tenté de dépenser judicieusement.

Charger des images
Section intitulée « Charger des images »
load.js
```
const PNG = [
  "heart",
  "grass",
]
```

Charger un son

const MP3 = [
  "powerup",
  "blip",
  "wooosh",
  "off",
]

Déclarer un objet

const TILE_CONFIG = {

  "♥": () => [ // coeur
    sprite("heart"),
    area(),
    anchor("bot"),
    healing(),
    respawn(),
  ],

  "#": () => [ // player 1
    sprite("bean"),
    platformerController(),
    jumpController(),
    sleep(),
    alive(),
    opacity(),
    scale(),
    health(1, 4),
    area(),
    body(),
    respawn(),
    falling(),
    rotate(),
    pos(0, -20),
    anchor("center"),
  ],

  "=": () => [ // block
    sprite("grass"),
    area({ collisionIgnore: ["agent"] }),
    body({ isStatic: true }),
    anchor("bot"),
    offscreen({ hide: true }),
    tile({ isObstacle: true }),
  ],

}

modifier le joueur

  "#": () => [ // player 1
    lifebar(),
    sprite("bean"),
    platformerController(),
    jumpController(),
    sleep(),
    alive(),
    opacity(),
    scale(),
    health(1, 4),
    area(),
    body(),
    respawn(),
    falling(),
    rotate(),
    pos(0, -20),
    anchor("center"),
  ],

Lancer une animation

scene("game", () => {

  const tiles = { ...TILE_CONFIG, ...LEVELS[CURRENT_LEVEL].tiles }
  const config = { ...LEVEL_CONFIG, ...LEVELS[CURRENT_LEVEL].config, ...{tiles:tiles}}
  const map = LEVELS[CURRENT_LEVEL].map.split('\n')
  const level = addLevel(map, config)
  const utility = add([
    multiplayerCamera(),
  ])
  setGravity(config.gravity)
  setBackground(config.backgroundColor)

  on('heal', 'healing', (obj) => splashFX(obj.pos, { offset: vec2(0, -20), color: 'ee8fcb' }))
  on('heal', 'healing', () => play('powerup'))
  on('maxed out', 'healing', () => play('blip'))
  on('jump', 'player', () => play('wooosh'))
  on('drop', 'player', () => play('off'))
  on('respawn', 'player', (obj) => obj.play('idle'))
  on('sleep', 'player', (obj) => obj.play('sleep'))
  on('awake', 'player', (obj) => obj.play('idle'))
  on('jump', 'player', (obj) => obj.play('jump', { speed: 4, onEnd: () => obj.play('idle') }))
  on('drop', 'player', (obj) => obj.play('worry'))

}

Placer les objets

const LEVELS = [

  {
    map: `

          # ♥ ♥ ♥
        ===========

    `,
  },

]

Paramètres

example

health(
  1 , // points de vie au départ
  4 , // points de vie maximum
),

lifebar()

example

lifebar({
  sprite: "heart",
  margin: vec2(40, 40),
  healAnimDuration: 0.6,
  hurtAnimDuration: 0.2,
  lifeZero: true,
  iconSize: 40,
  iconMarign: -10
}),

Ressources