Aller au contenu

Bloc collant

Dragon Coder

Charger une image
Section intitulée « Charger une image »
load.js
```
const PNG = [
  "sticky",
  "grass",
]
```

Charger un son

const MP3 = [
  "stickin",
  "stickout",
  "wooosh",
  "off",
]

Déclarer un objet

const TILE_CONFIG = {

  "/": () => [ // bloc qui glisse
    sprite("sticky"),
    area(),
    body({ isStatic: true }),
    anchor("bot"),
    offscreen({ hide: true }),
    { moveReduction: 3, jumpReduction: 0.5 },
  ],

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

}

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('slowing start', 'player', (obj) => obj.play('worry'))
  on('slowing stop', 'player', (obj) => obj.play('idle'))
  on('slowing start', 'player', () => play('stickin'))
  on('slowing stop', 'player', () => play('stickout'))
  on('slowing start', 'player', (obj) => splashFX(obj.pos.add(0,20),{color:"d2febc"}))
  on('slowing stop', 'player', (obj) => splashFX(obj.pos.add(0,20),{color:"d2febc"}))
  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: `


                             ===

            #            /=/
          =====   //////


    `,
  },

]

Ressources