XGitHub

Mathematical Curve Motion

A Gallery of Mathematical Loading Animations Wasm

Original Thinking

Custom Rose Trail

The base circle is carved by a sevenfold cosine term, so the trail blooms into a rotating seven-petal ring.

Thinking Five

Custom Rose Trail

Replacing the sevenfold term with a fivefold term reduces the inner loops, giving the curve a cleaner five-petal rhythm.

Thinking Nine

Custom Rose Trail

A ninefold term packs more inner turns into the same orbit, so the floral ring feels denser and more finely braided.

Rose Orbit

r = cos(kθ)

The radius expands and contracts with cos(7t), so the orbit breathes into repeated petals while staying anchored to a circle.

Rose Curve

r = a cos(kθ)

Using r = a cos(5t) creates five evenly spaced lobes, and the breathing multiplier gently swells each petal in and out.

Rose Two

r = a cos(2θ)

With k = 2, the cosine radius forms broad opposing petals, and the breathing factor makes the center pulse like the original.

Rose Three

r = a cos(3θ)

With k = 3, the curve resolves into three rotating petals, and the inner breathing keeps the motion from feeling mathematically rigid.

Rose Four

r = a cos(4θ)

With k = 4, the petals settle into a balanced cross-like rose, and the breathing core adds the same soft pulse as the original loader.

Lissajous Drift

x = sin(at), y = sin(bt)

Different sine frequencies on x and y make the path cross itself repeatedly, producing the woven feel of an oscilloscope trace.

Lemniscate Bloom

Bernoulli Lemniscate

The 1 + sin²t denominator pinches the center while preserving two lobes, so the curve naturally reads as a breathing infinity sign.

Hypotrochoid Loop

Inner Spirograph

The rolling-circle terms create nested turns and offsets, so the path feels like a compact spirograph traced by a machine.

Three-Petal Spiral

R = 3, r = 1, d = 3

This rolling-circle setup resolves into three large looping petals, all breathing together like a compact spiral flower.

Four-Petal Spiral

R = 4, r = 1, d = 3

With R = 4, the rolling-circle path settles into four looping petals, rotating and breathing as one ring.

Five-Petal Spiral

R = 5, r = 1, d = 3

With R = 5, the loop count increases to five petals, giving the spiral flower a denser and more ornate rhythm.

Six-Petal Spiral

R = 6, r = 1, d = 3

The rolling-circle path splits into six petals, and the whole ring breathes in one unified pulse like the original loader.

Butterfly Phase

Butterfly Curve

Exponential and high-frequency cosine terms stretch the wings unevenly, giving the path its unmistakably fluttering butterfly shape.

Cardioid Glow

Cardioid

Because r = a(1 - cos t) collapses to zero at one side and swells on the other, the curve reads like a soft pulsing heart wave.

Cardioid Heart

r = a(1 + cosθ)

Starting from r = a(1 + cos t) and rotating the coordinates turns the textbook cardioid into a more legible upright heart.

Heart Wave

f(x) Heart Wave

The x^(2/3) envelope supplies the heart outline, while sin(bπx) fills its interior with adjustable horizontal ripples.

Spiral Search

Archimedean Spiral

A fast-growing angle combined with a cosine-modulated radius creates a spiral that opens out and closes cleanly back into itself.

Fourier Flow

Fourier Curve

Several sine and cosine components interfere with one another, so the shape keeps mutating like a living waveform.

Epitrochoid Whirl

Outer Spirograph

A circle rolling outside another traces looping petals that reach outward, unlike the inward-coiling hypotrochoid.

Astroid Star

x^(2/3) + y^(2/3)

The cube of cosine and sine squeeze a circle into a four-pointed star with inward-curving sides.

Deltoid Blade

3-Cusp Hypocycloid

Three cusps create a rounded triangular shape as the inner circle traces at one-third the outer radius.

Nephroid Pulse

2-Cusp Epicycloid

Two soft cusps form a kidney shape when the rolling circle has half the fixed circle's radius.

Limacon Loop

r = a + b cos θ

When b exceeds a, the polar radius dips negative, folding the curve inward to create a small inner loop.

Superellipse

|x|^n + |y|^n = 1

Raising the exponent above 2 inflates a circle into a rounded square whose corners soften with the pulse.

Cassini Oval

Cassini Curve

The product-of-distances definition creates a peanut-shaped loop that gradually rounds out as the breathing ratio shifts.

Sin Rose

r = a sin(kθ)

Using sine instead of cosine rotates each petal by half a period, and the petal count doubles when k is even.

Artemis II TLI

Free-Return Trajectory

The Artemis II free-return trajectory: an asymmetric lemniscate with a large Earth-side arc and a tight lunar slingshot loop, plus 16 gravitational perturbation harmonics per point.