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);
 
}
 
});