flappyController

Permet à un objet d'être controllé par un joueur

How to use

requirealive()body()

triggers on self"moved""jump""fly""landing""land"

parameters

Parameter	Default Value	Type	Description
jumpKey		string	'up'
leftKey		string	'left'
rightKey		string	'right'
downKey		string	'down'
jumpForce		number	800
moveSpeed		number	480
flySpeed		number	680
glideDelay		number	0.1
doubleJump		number	0
sleepDelay		number	2
jump		boolean	true
rotationDelay		number	0.04
barOffset		vec2	vec2(0, -64)
barSize		vec2	vec2(64, 10)
color		string	'8b57cf'
fuelCombustionSpeed		number	3
fuelRefillSpeed		number	4
displayBar		boolean	true
displayBarFadeOutDelay		number	0.1
radius		number	4
outline		number	4

example

flappyController({
  jumpKey: 'up',
  leftKey: 'left',
  rightKey: 'right',
  downKey: 'down',
  jumpForce: 800,
  moveSpeed: 480,
  flySpeed: 680,
  glideDelay: 0.1,
  doubleJump: 0,
  sleepDelay: 2,
  jump: true,
  rotationDelay: 0.04,
  barOffset: vec2(0, -64),
  barSize: vec2(64, 10),
  color: '8b57cf',
  fuelCombustionSpeed: 3,
  fuelRefillSpeed: 4,
  displayBar: true,
  displayBarFadeOutDelay: 0.1,
  radius: 4,
  outline: 4
}),

Source

component.js

function flappyController(p) {
  const param = {
    jumpKey: 'up',
    leftKey: 'left',
    rightKey: 'right',
    downKey: 'down',
    jumpForce: 800,
    moveSpeed: 480,
    flySpeed: 680,
    glideDelay: 0.1,
    doubleJump: 0,
    sleepDelay: 2,
    jump: true,
    rotationDelay: 0.04,
    barOffset: vec2(0, -64),
    barSize: vec2(64, 10),
    color: '8b57cf',
    fuelCombustionSpeed: 3,
    fuelRefillSpeed: 4,
    displayBar: true,
    displayBarFadeOutDelay: 0.1,
    radius: 4,
    outline: 4,
    ...p,
  };
  return {
    jumpCount: 0,
    require: ['alive', 'body'],
    isFlying: false,
    isLanding: false,
    flyFuel: 1,
    flappyBar: null,
    flyDirection: vec2(0, 0),
    add() {
      const initGravityScale = this.gravityScale;
      let displayBarOn = false;
      if (param.displayBar) {
        this.flappyBar = this.add([
          pos(param.barOffset),
          rect(param.barSize.x, param.barSize.y, {
            radius: param.radius,
          }),
          color(Color.fromHex(param.color)),
          anchor('bot'),
          outline(param.outline),
          opacity(0),
        ]);
      }
      onKeyPress(param.jumpKey, () => {
        if (this.isAlive) {
          this.trigger('moved');
          if (this.isGrounded()) {
            if (param.jump) {
              this.trigger('jump');
              this.jump(param.jumpForce);
            } else if (this.flyFuel > 0) {
              this.trigger('fly');
              this.isFlying = true;
            }
          } else if (this.flyFuel > 0) {
            this.trigger('fly');
            this.isFlying = true;
            this.vel = vec2(0, 0);
          }
        }
      });
      onKeyRelease(param.jumpKey, () => {
        this.isFlying = false;
        this.isLanding = true;
        this.trigger('landing');
      });
      this.on('respawn', () => (this.flyFuel = 1));
      onUpdate(() => {
        if (this.isFlying) {
          this.gravityScale = 0;
          const keyDown = isKeyDown([
            param.leftKey,
            param.rightKey,
            param.jumpKey,
            param.downKey,
          ]);
          if (keyDown) {
            const inputDirection = (() => {
              let t = vec2(0.0, 0.0);
              if (isKeyDown(param.jumpKey) && isKeyDown(param.downKey))
                t.y = 0.0;
              else if (isKeyDown(param.jumpKey)) t.y = -1;
              else if (isKeyDown(param.downKey)) t.y = 1;
              return Vec2.fromAngle(t.angle());
            })();
            tween(
              this.flyDirection,
              inputDirection,
              param.rotationDelay,
              (p) => (this.flyDirection = p),
              easings.easeInQuad
            );
          }
          this.move(this.flyDirection.scale(param.flySpeed));
          this.isLanding = false;
          this.flyFuel = clamp(
            this.flyFuel - param.fuelCombustionSpeed * dt(),
            0,
            1
          );
          if (this.flyFuel == 0) this.isFlying = false;
        } else {
          this.gravityScale = initGravityScale;
          if (this.isGrounded()) {
            this.flyFuel = clamp(
              this.flyFuel + param.fuelRefillSpeed * dt(),
              0,
              1
            );
            if (this.isLanding) {
              this.isLanding = false;
              this.trigger('land');
            }
          }
        }
        if (param.displayBar) {
          this.flappyBar.width = param.barSize.x * this.flyFuel;
          if (this.flappyBar.width < param.outline * 2)
            this.flappyBar.hidden = true;
          else {
            this.flappyBar.hidden = false;
            const visible = this.flyFuel < 1;
            if (visible && !displayBarOn) {
              this.flappyBar.opacity = 1;
              this.flappyBar.fadeIn(0.1);
            } else if (!visible && displayBarOn) {
              this.flappyBar.fadeOut(0.1);
            }
            displayBarOn = visible;
          }
        }
      });
    },
  };
}