handSprite

permet d'afficher un objet devant le personnage

How to use

parameters

Parameter	Default Value	Type	Description
sprite		string	'gun'
spriteParam		object	{}
handDistance		number	40
jointPos		vec2	vec2(0, 0)
anchor		vec2	vec2(0, 0)
flipY		boolean	true
rotation		number	0
rotate		boolean	true
aim		boolean	true
hiddenOnStart		boolean	false

example

handSprite({
  sprite: 'gun',
  spriteParam: {},
  handDistance: 40,
  jointPos: vec2(0, 0),
  anchor: vec2(0, 0),
  flipY: true,
  rotation: 0,
  rotate: true,
  aim: true,
  hiddenOnStart: false
}),

Source

component.js

function handSprite(p) {
  const param = {
    sprite: 'gun',
    spriteParam: {},
    handDistance: 40,
    jointPos: vec2(0, 0),
    anchor: vec2(0, 0),
    flipY: true,
    rotation: 0,
    rotate: true,
    aim: true,
    hiddenOnStart: false,
    ...p,
  };
  return {
    id: 'hand',
    hand: null,
    add() {
      let aimAngle = 0;
      this.hand = this.add([
        sprite(param.sprite, param.spriteParam),
        pos(0, 0),
        anchor(param.anchor),
        opacity(),
        rotate(param.rotation),
      ]);
      const updatePos = () => {
        const parentAngle = this.has('rotate') ? this.angle : 0;
        const spriteAngle = aimAngle - parentAngle + param.rotation;
        this.hand.pos = param.jointPos.add(
          Vec2.fromAngle(spriteAngle).scale(param.handDistance)
        );
        this.hand.angle = spriteAngle;
        this.hand.flipY = Math.abs(aimAngle) > 90;
      };
      if (param.aim) {
        this.on('aiming', (p) => {
          aimAngle = p;
          updatePos(p);
        });
        this.on('moved', () => updatePos());
      }
      this.hand.hidden = param.hiddenOnStart;
      this.on('grab', (p) => {
        this.trigger('grab catch', {
          dist: this.hand.pos.add(p.origin.sub(this.pos.add(this.hand.pos))),
        });
        this.hand.hidden = false;
        this.hand.sprite = p.item.sprite;
        this.hand.width = p.item.width;
      });
      this.on('respawn', (p) => {
        this.hand.hidden = param.hiddenOnStart;
        this.hand.sprite = param.sprite;
      });
      this.on('drop item', () => {
        this.hand.hidden = true;
      });
      updatePos();
    },
  };
}