Showcase · 5s loop

Shape Orchestra

Six shape "characters" looping on offset rhythms — a hero-ready capability demo

By Lottie Max Added May 20, 2026 Updated Jun 12, 2026

540×540 · 30fps · 5.00s · loops

Inspiration

Inspired by the playful character work in early stop-motion shorts and the offset-rhythm motion of premium hero illustrations. The goal was to demonstrate that simple geometric primitives, when given personality through anticipation and timing, can read as characters rather than shapes.

How it was made

Six "characters" — each a group containing three to five path shapes — sit on a single 540×540 canvas. Each character's animation loops independently with a different period (1.6s to 5s) and a distinct motion vocabulary: one blinks, another crouches and hops, another rotates. The characters never sync up; the offset rhythms create constant visual interest. Soft drop shadows on every body give the composition material weight.

Embed it anywhere

Paste the snippet into any HTML page. The animation loads from /templates/shape-orchestra.json — host it yourself or hot-link from lottiemax.com.

Embed · Shape Orchestra

<script src="https://unpkg.com/lottie-web@latest/build/player/lottie.min.js"></script>
<div id="lottie-shape-orchestra" style="width:540px;height:540px;"></div>
<script>
  lottie.loadAnimation({
    container: document.getElementById('lottie-shape-orchestra'),
    renderer: 'svg',
    loop: true,
    autoplay: true,
    path: 'https://lottiemax.com/templates/shape-orchestra.json',
  });
</script>