3D animation principles

by jarda - uploaded on March 2, 2021, 10:04 pm

Way how to obtain illusion of 3D animation using basic 2D transformations:

- prepare basic shape(s) in top-view projection (hint: put center of shape to origin of coord system)

- apply rotation (controlled either by SMIL or CSS animation)

- apply constant vertical scaling

- clone shape multiple times and move each "slice" vertically to proper position (start from bottom one)

- optionally apply rotation animation to whole "3D object" to get more fancy result