wheelSprite

How to use

parameters

Parameter	Default Value	Type	Description
animRollSpeed		number	1000
sprite		string	'greenpea'
offset		vec2	vec2(0, 0)
spriteParam		object	{}
z		number	-1

example

wheelSprite({
  animRollSpeed: 1000,
  sprite: 'greenpea',
  offset: vec2(0, 0),
  spriteParam: {},
  z: -1
}),

Source

component.js

function wheelSprite(p) {
  const param = {
    animRollSpeed: 1000,
    sprite: 'greenpea',
    offset: vec2(0, 0),
    spriteParam: {},
    z: -1,
    ...p,
  };
  return {
    id: 'wheelSprite',
    add() {
      let currentSpeed = 0;
      this.rollingBall = add([
        sprite(param.sprite, param.spriteParam),
        anchor('center'),
        pos(param.offset),
        z(param.z),
        rotate(),
      ]);
      onUpdate(() => {
        this.rollingBall.pos = this.pos;
        this.rollingBall.angle += currentSpeed * param.animRollSpeed * dt();
      });
      this.onPhysicsResolve(() => (this.rollingBall.pos = this.pos));
      this.on('wheel speed change', (p) => (currentSpeed = p));
    },
  };
}