THE IDEA

Genuine 3D programming is intimidating — it usually demands game engines, shader languages, and a degree in linear algebra. I didn't want any of that. I just wanted to make some dots dance.

Morphit tricks the machine (and your eyes) into seeing solid, melting 3D objects using nothing but a 2D canvas and simple arithmetic.

HOW IT WORKS

A step-by-step ladder from a cloud of random dots to liquid 3D geometry.

GOLDEN RATIO SEEDS

  • Nature's Cheat Code: Each new point is placed by incrementing the "Golden Angle" (φ ≈ 1.618), so every dot lands in the largest available gap — clumping is mathematically impossible.
  • Permanent DNA: Every particle is born as a Seed of just two numbers (u, v). The seeds never change — whether the particle is part of a cube or a heart, its "soul" stays the same.
Golden Ratio seed lattice

SCULPTING SHAPES

  • The Sphere: Seeds stack along the Y-axis and twist by the Golden Angle — a perfect, non-repeating spiral wrapping the globe.
  • The Cube: Fire a "laser" from the sphere's center through every point until it hits the walls of a box — dividing by the largest coordinate snaps the sphere flat.
  • The Heart: A Fourier series — stacked cosine waves harmonizing into organic curves.
  • The Torus: A circle chasing its own tail — a ring wrapped around a larger path.
Sphere
Cube
Heart
Torus

LIQUID MORPHING

  • No Switching: Shape A and Shape B are made of the same seeds — point #42 on the sphere is the same entity as point #42 on the cube.
  • Metamorphosis: To animate, every point simply walks to its new home — 3,000 points simultaneously. The object melts and reforms in real time.

THE 3D ILLUSION

  • The Spin: A rotation matrix spins the mathematical world, giving your brain the motion cues to perceive a solid object.
  • Perspective: Every point is divided by its depth — distant points crush toward the center, close ones stay large.
  • The Fog: Far-away points fade out, creating depth of field that separates the front of the object from the back.

TECHNICAL APPROACH

Flutter 2D Canvas

The whole illusion painted with a standard CustomPainter — no engine, no shaders

Golden-Angle Distribution

φ-based point placement for perfectly even, clump-free particle clouds

Fourier-Series Shapes

Harmonic cosine waves summed into organic geometry like the heart

Perspective Projection

Hand-rolled rotation matrices, divide-by-Z perspective, and depth fog

View on GitHub