Sprite

Sprite

Params

• ctx
• image
• source x
• source y
• source width
• source height
• x
• y
• sprite width
• sprite height

Example

const playerSprite = new Bottlecap.Sprite(ctx, playerSpriteImage, 0, 0, 32, 32, 100, 100, 64, 64);

playerSprite.scale = 2;

playerSprite.rotation = .5;

playerSprite.flipX = true;
playerSprite.flipY = true;

// -- in render function
playerSprite.render();

AnimatedSprite

Params

• ctx
• spritesheet
• number of rows
• number of columns
• x
• y
• sprite width
• sprite height

Example

const playerSprite = new Bottlecap.AnimatedSprite(ctx, playerSpritesheet, 2, 1, 0, 0, 32, 32);

playerSprite
  .addAnimation("idle", 0, 3, 80)
  .addAnimation("walk", 4, 6, 60);

playerSprite.play("idle"); // it is important to set default animation, else it will throw error when rendered

playerSprite.stop();

playerSprite.scale = 2;

playerSprite.rotation = .5;

playerSprite.flipX = true;
playerSprite.flipY = true;

// -- in update function
playerSprite.update(dt);

// -- in render function
playerSprite.render();

Result