Stroll

A generative nod to the rubber hose cartoons of the 1920s.

Each animated character is composed from a unique set of characteristics including height, bodily shapes, bodily sizes and walk tempos. There are three core shapes (circles, squares and octagons) which can, on occasion, be found in unison. There is also a chance of the character having the famous 'double-bounce' walk.

All animation is created in code using a combination of math functions, bezier curves, and a simple IK system for the legs.

Please view the live sketch for the full experience.

Controls:
Spacebar = Play/Pause
0 = Toggle Walk Cycle Path
1 = Download Still Image
2 = Download Looping Video
(Download options aren't supported in all browsers)

Libraries used:
P5.js, CCapture.js & WebM Writer