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 colle
  '/': () => [
    sprite('sticky'),
    area(),
    body({ isStatic: true }),
    offscreen({ hide: true }),
    {
      moveReduction: 3,
      jumpReduction: 0.5,
    },
  ],

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

  // block
  '=': () => [
    sprite('grass-tileset'),
    offscreen({ hide: true }),
    tile({ isObstacle: true }),
    autoTiling(),
    area(),
    body({ isStatic: true }),
  ],

};

Lancer une animation

function events() {
  return {
    add() {
      // épée
      on('sword impact', 'blade', () => play('sword'));

      // personnages
      on('respawn', 'alive', (obj) => (obj.flipY = false));
      on('hurt', 'alive', (obj) => {
        play('hit');
        colorShiftFx(obj, { color: 'ff9b9b' });
      });
      on('death', 'alive', (obj) => {
        obj.flipY = true;
        wait(0.2, () => {
          if (!obj.isAlive) {
            obj.hidden = true;
            obj.collisionIgnore = ['*'];
            obj.isStatic = true;
          }
        });
      });

      // joueur
      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) => {
        play('wooosh');
        obj.play('jump', {
          speed: 4,
          onEnd: () => obj.play('idle'),
        });
      });
      on('drop', 'player', (obj) => {
        play('off');
        obj.play('worry');
      });
      on('hurt', 'player', (obj) => {
        obj.play('worry', {
          speed: 2,
          onEnd: () => obj.play('idle'),
        });
      });
    },
  };
}

Placer les objets

const LEVELS = [

  {
    map: `


                             ===

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


    `,
  },

]

Ressources