8 as drawn_ Priya Ganadas

I chose number 8. I picked this number because of it’s continuity. When you write 8, you touch your pen on the paper and lift it up after the entire 8 is drawn.
I noticed the way I draw 8, starting from upper right corner,  then completing the loop and finishing the number where it started.

motion8

Here is how it looks
http://www.anitype.com/entry/agtzfmFuaXR5cGVjb3IUCxIHbGV0dGVycxiAgIDA-rDCCAw/

[iframe src=”http://www.anitype.com/entry/agtzfmFuaXR5cGVjb3IUCxIHbGV0dGVycxiAgIDA-rDCCAw” width=”100%” height=”500″]

Code:

/**
 * Register your submission and choose a character
 * For more information check out the documentation
 * http://anitype.com/documentation
 */
Anitype.register('8', {

  // Enter your name
  author: 'ypag',

  // Enter a personal website, must have http
  website: 'https://github.com/ypag',

  // Make your animation here
  construct: function(two, points) {

    // Reference to instance
    var anitype = this;

    // Create a Two.Polygon
var polygon = anitype.makePolygon(points);
    
    var spine = anitype.makePolygon([polygon.vertices[0], polygon.vertices[1]]);
    
    polygon = polygon.subdivide();
    
    
    // Set an initial state
    polygon.scale = 1;
    
    var time = {value:0};
    anitype.addTween(time, {
      to: { value: 1 },
      easing: Anitype.Easing.Sinusoidal.InOut,
      duration: .7, 
      start: 0,
      update:function(){
        if (this.value < (1/2)) {
          polygon.beginning = this.value * 2;
        } else {
          polygon.beginning = 0;
          polygon.ending = (this.value - 0.5) *2;
        }
      }
    });

    // Return your polygon wrapped in a group.
    return two.makeGroup(spine, polygon);

  }