ANIMATIX WALKTHROUGH · TOPOLOGICAL SHAPE SYNTHESIS

Morph Lab: Generative Vector Kinetics

  • 3 topological strategies
  • Continuous bezier vertex interpolation
  • 60 FPS vector WebGPU
  • Zero SVG path spaghetti

In traditional animation, morphing between arbitrary vector outlines requires manual vertex rigging or pre-rendered video. In Animatix, shape morphing is completely declarative: redeclaring an actor with a new geometry automatically generates smooth, topological transitions.

Fig 00 // The Morphing Trinity: 3 Simultaneous Strategies
pkg-slim · 1.6MB 60 FPS WEBGPU
Complete Suite · Vector Topology

Three Non-Uniform Morph Strategies

Three distinct geometries transform simultaneously across three mathematical strategies: linear vertex matching, circular arc trajectory, and proportional perimeter stretching.

scene.amx ↗
Strategy A: strategy: match Strategy B: path_arc: 0.35 Strategy C: stretch: true
01
Initial Emergence

Organic cubic bezier blob, 10-point star polygon, and circular geometry emerge.

02
Strategy-Driven Morph

Diamond (match), hexagon (path_arc), and squircle (stretch) transition smoothly.

03
Topological Convergence

All three actors converge into identical, luminous stars with a synchronized spring pulse.

View Morph Declaration Code (scene.amx) ▾ 
// Actor redeclaration triggers non-uniform curve morph
#1.6s
shape1: Polygon, points: diamond_pts [1.2s, strategy: match, ease: ease-out]
shape2: Polygon, points: hex_pts [1.2s, path_arc: 0.35, ease: ease-out]
shape3: RoundedRect, corner_radius: 28 [1.2s, stretch: true, ease: ease-out]