Game Sprite AI's Spine Animator is a free online tool that converts Spine skeletal animations into individual sprite frames. Upload your Spine .atlas, .json, and .png texture files, select an animation (idle, walk, attack, and more), and export each frame as PNG or WebP images in a ZIP archive.
Upload your three Spine files: the .atlas texture atlas definition, the .json skeleton data, and the .png texture image. The tool parses the bone hierarchy, mesh attachments, IK constraints, and transform constraints directly in your browser. It then renders each animation frame using Canvas 2D textured triangle rendering — no game engine required.
Bone hierarchy: Full skeletal bone tree with parent-child inheritance for rotation, translation, scale, and shear.
Mesh attachments: Weighted and non-weighted mesh vertices with per-triangle texture mapping and UV coordinates.
IK constraints: Two-bone inverse kinematics with bend direction and softness control for natural joint bending.
Transform constraints: Rotate, translate, scale, and shear mix constraints for dynamic bone relationships.
Animation timelines: Bone rotate, translate, and scale timelines with Bezier curve interpolation. Slot attachment changes and draw order timelines for complex animations.
1. Upload your .atlas, .json, and .png files by clicking the upload area or dragging all three files at once.
2. Select an animation from the dropdown (e.g., idle, walk, attack, death).
3. Set the FPS (6-30) to control how many frames are extracted per second of animation.
4. Choose a background color (transparent, white, black, green, blue, or custom).
5. Click "Export Frames" to generate the frame sequence.
6. Download all frames as PNG ZIP or WebP ZIP.
Game development: Convert Spine skeletal animations to sprite sheets for engines that don't support Spine runtime, or for static sprite-based animation systems.
Animation preview: Quickly preview Spine animations in the browser without installing Spine software or a game engine.
Sprite sheet generation: Export Spine animation frames and then use the Sprite Sheet Generator tool to pack them into an optimized sprite sheet with JSON metadata.
Like all Game Sprite AI tools, the Spine Animator runs entirely in your browser. No uploads, no server processing, no login required. Your Spine files never leave your device.