# How to Make a Pixel-Art Loop With No Visible Seam

*2026-10-19 — Design — By Kim*

> A loop has no visible seam when everything in it is back where it started at the moment the loop restarts. That means every element's cycle fits the loop a whole number of times, motion comes back to its start, particles are computed from the loop phase instead of simulated, and music is cut on a bar line. Bit Studio is built on these rules.
A loop has no visible seam when everything in it is back exactly where it started at the moment it restarts. Every moving piece, every particle, every light. That sounds obvious, but it's surprisingly easy to break, and it only takes one piece being a little off.

![Void Cog: cogs turning around a black hole, a 4-second loop](/bit-studio/scenes/void-cog/poster.webp)

That's Void Cog, a 4-second loop, playing live in your browser. Try to spot where it starts over.

## Why loops jump

Almost always it's one piece whose cycle doesn't fit. A gear that turns once every 3 seconds in a 4-second loop is a third of a turn off when the loop starts over. Nobody notices on the first frame. Everybody notices on frame 240.

The other usual suspects: easing that goes from A to B and never comes back to A, particles that are simulated forward so the flakes at the end are nowhere near the flakes at the start, music cut at a random spot, and exports that are half a loop too long or scaled by 1.5 so the pixels shimmer.

## Make every cycle fit

Pick the loop length first, say 4 or 8 seconds, and make everything else fit inside it a whole number of times. Bit Studio does this for you. A part always plays a whole number of times inside its parent: a 10-second composition in a 60-second scene plays 6 times (or gets stretched to fit). Change how many times something loops and its speed changes, never its length, so you can't end up with that 3-in-4 gear.

## Bring motion back home

A rotation should be a full turn per cycle, or two, or three. Anything that moves should end where it started, either there and back again or around a closed path. In Bit Studio a part can move through up to 16 stops with easing, and the path always closes. There's also a time curve that bends the whole loop, faster here and slower there, and it still closes.

![Ornate tiles, lilies, butterflies and paper arrows circling across the whole canvas in lavender, a wide Bit Studio loop](/bit-studio/scenes/seamless-pixel-art-loops/poster.webp)

The artwork from the top of this post, playing live. Every piece in it is moving, and every one of them is back where it started when the loop comes round.

## Particles live in loop time

This is the one most tools get wrong. Don't simulate particles forward frame by frame. Work out where each one is directly from where you are in the loop. In Bit Studio the particles are closed-form in the loop phase, which is a fancy way of saying snow that falls forever and still lands back where it started. Bonus: you can scrub anywhere and the export looks exactly like the editor.

## Cut the music on a bar

A loop you can see but also hear has a seam in the audio too. Drop a track into Bit Studio and press one button: it finds the beat, picks the best seam on a bar line and crossfades it, so the music loops with the art. No AI involved, just beat detection.

## Export whole loops at whole sizes

Every export should contain whole loops only, and pixel art should be scaled by whole steps (2×, 3×), never 1.5×, so every pixel stays the same size on every frame. Bit Studio does both in every format it exports, from GIF and MP4 to web pages and [Unreal Engine 5](/news/export-pixel-art-loops-to-unreal-engine-5).

Every scene on the [Bit Studio page](/bit-studio) follows these rules, and they all play live, not as video. More about the app in the [Bit Studio announcement](/news/bit-studio-coming-soon).
---

*Canonical URL: https://morgondag.io/news/seamless-pixel-art-loops*