Kinetic Animation

This kinetic animation project explored a procedural approach to motion design, calculating mechanical movements like springs, tangents and feathers.

Technical Guide

Procedural Animation System Development

Tangent to Circle

The base motion system was based on Tangent to Circle logic.

  • Tangent Calculation: Implemented in VEX, this drives the rotation and orientation.
  • Time-Shift Offset: Each copy's animation offset is driven by a local parameter, creating a cascade motion effect.

Basic Animation Test Demo

VEX for Calculating Tangent

Time Shift with Copy for each

Copy for Each Test Demo

Expression for Time Shift

Spring Animation

Spiral Without Height Map

Spiral With Height Map

Height ramp is shaped to create higher density at the ends and a looser center, enhancing the stacking illusion.

Bend 180 Degree

Copy and Transform another Spiral

Material Development

Procedural textures generation in Substance Designer

Material Closeup

Substance Designer graph for displacement map of the glass bottle

Substance Designer graph for displacement map of the bandage

Using substance designer to create displacement map for glass bottle and bandage.

AI Enhanced Image

Compare of before and after upscale image

Image Trace in Adobe Illustrator

Camera Switch

Keyframe Cameras based on Switch input

Drag Switch node into Camera Parameter

Reference