Animation Demo

by Shaun • a year ago • 149 views

This is a simple interface I created to help me create "constellation animations" from animated GIFs. Constellation animations convey biological motion using the smallest amount of information possible by simply using a dot to represent a joint. (See http://codepen.io/sdellis/pen/xVYMJj for demo animation.)

Step #1: Click on all the joints in the image

Step #2: Click “Animate”

Step #3: Click “Step Forward”

Step #4: Drag the dots on top of the new joint locations (if they have changed). Go to #3.

When you are done, click “Show the Code” and you can copy and paste your creation into this template:

http://codepen.io/sdellis/pen/EKLqrx

AnimationJavascriptSVG