Décors

Issa

Les éléments de décoration permettent de rendre l’univers figuré par le jeu plus vivant et plus immersif. Ils peuvent aussi être l’occasion de cacher des passages ou des objets secrets.

1. Charger une image

   load.js

   const PNG = [
     'bush',
     'grass',
   ];

2. Déclarer un objet

   config.js

   const TILE_CONFIG = {
   
     // décoration arrière plan
     b: () => [
       sprite('bush'),
       area(),
       anchor('bot'),
       swing(),
       offscreen({ hide: true }),
       rotate(),
       scale(1),
       z(-1),
       pos(32, 68),
     ],
   
     // décoration premier plan
     B: () => [
       sprite('bush'),
       area(),
       anchor('bot'),
       swing(),
       offscreen({ hide: true }),
       rotate(),
       scale(1.3),
       z(1),
       pos(32, 68),
     ],
   
     // 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 }),
     ],
   
   };

3. Placer les objets

   level.js

   const LEVELS = [
   
     {
       map: `
   
   
              ===
                    =
               #  b B b
             ===========
   
   
       `,
     },
   
   ]

Paramètres

swing()

example

config.js

swing({
  delay: 0.4,
  amplitude: 4,
  speed: 1,
  on: true
}),

Ressources

• bush.png