Install Player-animator, Version 0.9.9 Or Later. May 2026

ctx.clearRect(0, 0, canvas.width, canvas.height); ctx.drawImage( player.image, sx, sy, 32, 32, 0, 0, 64, 64 ); };

// Speed: frames per second fps: 12,

// 1. Create the player const player = new Player({ // Sprite sheet image (loaded separately) image: document.getElementById('spriteImage'), // or new Image() install player-animator, version 0.9.9 or later.

// Loop forever loop: true,

<canvas id="demoCanvas" width="64" height="64"></canvas> import Player from 'player-animator'; const canvas = document.getElementById('demoCanvas'); const ctx = canvas.getContext('2d'); canvas id="demoCanvas" width="64" height="64"&gt

// Frame size frameWidth: 32, frameHeight: 32, import Player from 'player-animator'

Give it a spin – your animated characters will thank you. Have you used player‑animator in a project? Let me know on Mastodon or GitHub.