Clewster's Model Animator
Model Viewer: https://editor.p5js.org/james.clew25/full/o-pzDjYzf
Model Viewer Documentation: https://docs.google.com/document/d/1suj4aiIc-gd0YLmvN6EE-gd6bSD1QaIGcyb1Nv0lMU4/edit?usp=sharing
Want to Create animated models? this tool has got your back;
As a basic rundown; the models have joints; effects are attached to the joint positions;
To make an animation you make an array of positions for the joints to chase to; and when the condition for your animation is met; you loop through the each of the positions in the array.
the array is sorted by joint, then by frame, for example
head0, head1, head2, neck0, neck1, neck2