Scene Gallery — Animatix

The Transformer Blueprint

Deep Learning

Tokens climb through stacked attention and feed-forward blocks to the LM head.

overview.amx ↗

Distributed Event Fabric

Cloud Infrastructure

Smart orthogonal routing with fillet corners, edge proxies, and live telemetry counter.

scene.amx ↗

Kinetic Typography & Glass

Motion Design

Split-text baseline emergence, 2.5D perspective tilt, and real-time GPU frosted glass.

scene.amx ↗

Harmonic Epicycles

Fourier Mechanics

Four harmonic circles rotating at odd integer frequencies synthesize a square wave.

hero.amx ↗

A Matrix Is a Machine

Linear Algebra

The basis vectors lead, the coordinate grid follows, and matrix chips track the columns.

rotation.amx ↗

The Loss Surface

Optimization

Concentric contour rings and the radial gradient vector field pointing uphill.

losssurface.amx ↗

Two Keys, One Bucket

Data Structures

A hash collision triggers linked-list overflow chaining below the target bucket.

collision.amx ↗

Sorting, Choreographed

Algorithms

Insertion sort staged with animated bars, pairwise swaps, and algorithmic tallying.

sort.amx ↗

INTEGRATION

Embedding an Animatix Scene

The figures above originate from our curated interactive walkthroughs. Embedding any scene on the web requires just one script tag and custom element:

<script type="module" src="./embed/amx-player.js" data-runtime-base="./pkg-slim"></script>

<amx-player src="./scenes/topology.amx" autoplay loop hold="1.5" aspect="16:9"></amx-player>