Install Player-animator, Version 0.9.9 Or Later. Fix < TOP-RATED — 2026 >

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.

// Frame order: indices 0,1,2,3 (repeat) frames: [0, 1, 2, 3], install player-animator, version 0.9.9 or later.

As of its 0.9.9 release, the API is stable, flexible, and perfect for games, interactive avatars, or even animated icons. Let’s install it and write our first animation. You need version 0.9.9 or later . The library is available as an ES module. Using a package manager (npm / yarn) npm install player-animator@^0.9.9 Using a CDN (quick prototyping) <script type="importmap"> { "imports": { "player-animator": "https://unpkg.com/player-animator@0.9.9/index.js" } } </script> Or import directly: Give it a spin – your animated characters will thank you

// Speed: frames per second fps: 12,

// 2. Draw the current frame on each animation tick player.onFrame = (frameIndex) => { const sx = (frameIndex % 4) * 32; // X offset in sprite sheet const sy = 0; // Frame order: indices 0,1,2,3 (repeat) frames: [0,

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

// Auto start playing autoplay: true });