Bloc traversable

Sullivan

1. Charger une image

   load.js

   const PNG = [
     "small-grass",
     "grass",
   ]

2. Déclarer un objet

   config.js

   const TILE_CONFIG = {
   
     "-": () => [ // block
       sprite("small-grass"),
       area(),
       body({ isStatic: true }),
       anchor("bot"),
       offscreen({ hide: true }),
       pos(0, -32),
       "pass through",
     ],
   
     "#": () => [ // 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. modifier le joueur

   config.js

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

4. Placer les objets

   level.js

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

Paramètres

passThroughController()

example

config.js

passThroughController({
  downKey: "down"
}),

Ressources

• small-grass.png