Canvas Sprite Ts
Render sprite animation with canvas
Install
npm i -S canvas-sprite-ts
Usage
import CanvasSprite from 'canvas-sprite-ts';
const canvas = document.createElement('canvas');
const cs = new CanvasSprite({
canvas,
fps: 10,
loop: true,
frames: 10,
imageUrl: spriteImg
});
cs.play();
cs.onLoad = () => {
console.log('img is loaded');
};
cs.onLoop = count => {
console.log(count);
};
cs.destroy();
options:
canvas: HTMLCanvasElement;
fps?: number;
frames: number;
imageUrl: string;
loop?: number | boolean;
autoPlay?: boolean;
methods:
play(): void;
pause(): void;
stop(): void;
destroy(): void;
reset(config: CanvasSpriteConfig): void;
events:
onEnd: Function;
onLoad: Function;
onLoop: Function;