Perspective

Arwa

La projection en perspective permet de figurer un espace plus immersif, tout en conservant des déplacements en deux dimensions.

1. Modifier le joueur

   config.js

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

2. Modifier un objet

   config.js

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

Paramètres

projection()

example

config.js

projection({
  sprite: 'grass',
  backDistance: 200,
  fieldOfView: 400,
  maxDistanceDisplayed: 2000,
  playerScreenPosY: 0.25,
  heightFactor: 0.5,
  perspectiveDeformation: 1,
  width: 50
}),

carController()

example

config.js

carController({
  leftKey: 'left',
  rightKey: 'right',
  upKey: 'up',
  downKey: 'down',
  acceleration: 0.8,
  deceleration: 0.8,
  brakesSpeed: 0.2,
  speed: 1000,
  rotationSpeed: 1.5,
  camRotation: true
}),