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
