Bloc qui tourne

Les plateformes en mouvement permettent d’introduire une dimension de timing dans les déplacements du joueur. Le mouvement circulaire et continu de ces blocs permet une grande prédictibilité pour le joueur et peut ainsi lui permettre de planifier ces déplacements. Lorsque la sprite des blocs tourne également, ces plateformes peuvent s’ouvrir à une grande diversité d’utilisations dans lesquelles les murs deviennent alternativement des sols et inversement.

1. Charger une image

   load.js

   const PNG = [
     "stone",
     "grass",
   ]

2. Déclarer un objet

   config.js

   const TILE_CONFIG = {
   
     "e": () => [ // axe de rotation sens anti-horaire
       sprite("sun"),
       anchor("center"),
       z(-1),
       "rotate-e",
     ],
   
     "a": () => [ // axe de rotation sens horaire
       sprite("sun"),
       anchor("center"),
       z(-1),
       "rotate-a",
     ],
   
     "≤": () => [ // block qui tourne en sens anti-horaire
       sprite("stone"),
       area(),
       body({ isStatic: true }),
       anchor("center"),
       offscreen({ hide: true }),
       rotatingBlock({ tag: "rotate-e" }),
     ],
   
     "≥": () => [ // block qui tourne en sens horaire
       sprite("stone"),
       area(),
       body({ isStatic: true }),
       anchor("center"),
       offscreen({ hide: true }),
       rotatingBlock({ tag: "rotate-a" }),
     ],
   
     "#": () => [ // 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: `
   
                                   ≥
                           ≤
             #
           =====    e      e   ≥  a  ≥   e ≤  ≤ e     ===
   
                     ≤
                                   ≥
   
       `,
     },
   
   ]

Paramètres

rotatingBlock()

example

config.js

rotatingBlock({
  tag: "rotate-e",
  speed: 60,
  rotateSprite: true,
  relativeSpeed: true
}),

Ressources

• stone.png