Skip to content
Pet Studio journal

How to animate a pixel pet idle loop in four frames

Make a readable four-frame pixel pet idle animation with a planted pose, uneven timing, and a quick test for visible loop seams.

Start with the pose the pet will spend the most time in

Draw one resting pose and duplicate it three times. Lock the feet, the canvas and the shadow. Move only the chest or head by one pixel, then use unequal frame durations. A small motion with a long rest looks more like a companion waiting than an icon vibrating.

Try this exercise with a 32 × 32 sprite. That size is a drawing constraint for the exercise, not a requirement for an export.

Frame Change from rest Example hold
A Resting silhouette 600 ms
B Chest rises one pixel 140 ms
C Hold the higher chest; ear tips settle 220 ms
D Chest returns; ear tips still displaced 120 ms

This is a 1,080 ms starting loop. If the ear move reads as a flicker, make D identical to A and give the combined rest more time.

Use onion skin to check the pixels that should stay still

Overlay the previous frame in your editor. If the paws or floor shadow show two edges, fix the anchor before drawing more motion. You can move the eyes and snout with the head, but shifting the whole sprite is an easy way to make the pet look like it is sliding. Aseprite's animation guide explains the timeline and onion-skin controls.

The other seam is the jump from D back to A. Pause on D and step forward once. If the pet seems to inhale twice, check whether you accidentally put a separate long pause on both sides of the seam.

Watch five loops at the size the pet will actually occupy. If the body looks busy, remove a moving pixel rather than adding frames. Keep a blink on a separate, less frequent cycle when your destination allows it; a blink on every breath can become the only motion the viewer notices.

Save the untouched rest pose alongside the animation. It makes a useful static preview and a fallback in a UI with motion turned off. If you need a base pose, start with the first pixel pet walkthrough or open the Pet Studio editor.

Sources and boundaries

Last reviewed .

animationpixel art

Pet Studio creates a downloadable artifact; it does not claim ownership of third-party agent products or guarantee compatibility beyond the exported format.