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 = {
   
     "b": () => [ // décoration arrière plan
       sprite("bush"),
       area(),
       anchor("bot"),
       swing(),
       offscreen({ hide: true }),
       rotate(),
       scale(1),
       z(-1),
     ],
   
     "B": () => [ // décoration premier plan
       sprite("bush"),
       area(),
       anchor("bot"),
       swing(),
       offscreen({ hide: true }),
       rotate(),
       scale(1.25),
       z(1),
     ],
   
     "#": () => [ // 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 }),
     ],
   
   }

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