# Kevyn McPhail

## 23 Jan 2014

The Letter P

```/** * Register your submission and choose a character * For more information check out the documentation * http://anitype.com/documentation */ Anitype.register('P', {   // Enter your name author: 'Kevyn Mc',   // Enter a personal website, must have http website: 'http://digital-love.squarespace.com/',   // Make your animation here construct: function(two, points) {   // Reference to instance var anitype = this;   // Create a Two.Polygon var polygon_A = anitype.makePolygon(points); // Set an initial state   //Create pulsating rotation anitype.addTween(polygon_A, { to: { scale: 2, rotation: 2*Math.PI}, easing: Anitype.Easing.Exponential.Out, update: function() { anitype.addTween(polygon_A, { to: {scale: 0, rotation: -2*Math.PI}, easing: Anitype.Easing.Exponential.In, duration: 0.3, start: 0.7 }); }, duration: 0.6, start: 0 }); // Return your polygon wrapped in a group. return two.makeGroup(polygon_A);   }   });```

The Letter A

```/** * Register your submission and choose a character * For more information check out the documentation * http://anitype.com/documentation */ Anitype.register('A', {   // Enter your name author: 'Kevyn Mc',   // Enter a personal website, must have http website: 'http://digital-love.squarespace.com/',   // Make your animation here construct: function(two, points) {   // Reference to instance var anitype = this;   // Create a Two.Polygon var polygon = anitype.makePolygon(points); // Set an initial state polygon.vertices[0].set(-215,329); polygon.vertices[1].set(0,-329); polygon.vertices[2].set(215,329); polygon.vertices[3].set(-160,158); polygon.vertices[4].set(160,158);   // Create the animation via a tween function moveVert(vert, x1, x2, y1, y2){ anitype.addTween(vert, { to: { x: x1, y: y1 }, easing: Anitype.Easing.Elastic.Out, update: function() { anitype.addTween(vert, { to: {x: x2, y:y2}, easing: Anitype.Easing.Elastic.Out, duration: 1, start: 0 }); }, duration: 1, // Value from 0 - 1 start: 0 // Value from 0 - 1 }); }   moveVert(polygon.vertices[0],-700,-215,389,329); moveVert(polygon.vertices[1],0,-0,230,-329); moveVert(polygon.vertices[2],700,215,389,329); moveVert(polygon.vertices[3],-900,-160,188,158); moveVert(polygon.vertices[4],900,160,188,158);   // Return your polygon wrapped in a group. return two.makeGroup(polygon);   }   });```

```/** * Register your submission and choose a character * For more information check out the documentation * http://anitype.com/documentation */ Anitype.register('A', {   // Enter your name author: 'Kevyn Mc',   // Enter a personal website, must have http website: 'http://digital-love.squarespace.com/',   // Make your animation here construct: function(two, points) {   // Reference to instance var anitype = this;   // Create a Two.Polygon //var polygon = two.makePolygon(points); var line_1 = two.makeLine(-215,329,-215,-329); var line_2 = two.makeLine(215,329,215,-329); var line_3 = two.makeLine(0,-329,0,-329);   //CreateVertices //line_1 line_1.vertices[0].set(0,329); line_1.vertices[1].set(0,-329);   //line_2 line_2.vertices[0].set(0,329); line_2.vertices[1].set(0,-329);   //line_3 line_3.vertices[0].set(0,0); line_3.vertices[1].set(0,0);   //Create the animation via a tween function moveVert(vert, x1, x2, y1, y2,start,duration){ anitype.addTween(vert, { to: { x: x1, y: y1 }, easing: Anitype.Easing.Linear.Out, update: function() { anitype.addTween(vert, { to: {x: x2, y:y2}, easing: Anitype.Easing.Elastic.Out, duration: duration, start: start }); }, duration: duration, // Value from 0 - 1 start: start // Value from 0 - 1 }); }   moveVert(line_1.vertices[1],0,215,-329,-329,0,.5); moveVert(line_2.vertices[1],0,-215,-329,-329,.25,.5);   moveVert(line_3.vertices[0],0,-160,0,487,0,1); moveVert(line_3.vertices[1],0,160,0,487,0,1);   // Return your polygon wrapped in a group. return two.makeGroup(line_1,line_2,line_3);   }   });```