Here is a gif of my Nine Monster: (iframe is too slow for me.)
Link here: http://www.anitype.com/entry/agtzfmFuaXR5cGVjb3IUCxIHbGV0dGVycxiAgIDA2Z3QCgw/
When I was just a little ‘un in elementary school, I loved doodling on my math homework. The most popular thing to doodle for me was to make pictures out of the lines already supplied by the homework papers – namely, the numbers. Twos became serpents, fours became ninjas, eights became snowmen and so forth. So here, I made a one-eyed monster out of a nine.
Here is a sketch:
The final design came out to be mostly what I had imagined. I decided to remove the tongue and put in horns for that extra sinister effect.
Here is the code:
/**
* Register your submission and choose a character
* For more information check out the documentation
* http://anitype.com/documentation
*/
Anitype.register('9', {
// Enter your name
author: 'John Choi',
// Enter a personal website, must have http
website: 'http://www.maxandplanck.com',
// Make your animation here
construct: function(two, points) {
// Reference to instance
var anitype = this;
//create teeth
two.makeLine(-24,0,-18,24);
two.makeLine(-18,24,-12,4);
two.makeLine(-12,4,-6,28);
two.makeLine(-6,28,0,8);
two.makeLine(0,8,6,28);
two.makeLine(6,28,12,4);
two.makeLine(12,4,18,24);
two.makeLine(18,24,24,0);
two.makeLine(-24,60,-18,40);
two.makeLine(-18,40,-12,64);
two.makeLine(-12,64,-6,44);
two.makeLine(-6,44,0,68);
two.makeLine(0,68,6,44);
two.makeLine(6,44,12,64);
two.makeLine(12,64,18,40);
two.makeLine(18,40,24,60);
//horns
two.makeLine(-24,-60,-40,-80);
two.makeLine(-40,-80,-12,-65);
two.makeLine(24,-60,40,-80);
two.makeLine(40,-80,12,-65);
//make eye
two.makeCircle(0, -30, 5);
two.makeCircle(0, -30, 4);
two.makeCircle(0, -30, 3);
two.makeCircle(0, -30, 2);
// Create a Two.Polygon
var polygon = anitype.makePolygon(points);
// Set an initial state
polygon.scale = 0;
// Create the animation via a tween
anitype.addTween(polygon, {
to: { scale: 1 },
easing: Anitype.Easing.Elastic.Out,
duration: 1, // Value from 0 - 1
start: 0 // Value from 0 - 1
});
// Return your polygon wrapped in a group.
return two.makeGroup(polygon);
}
});
My favorite Anitype is the circular spiral thing done by jonobro1. I like it because it is so spirally and it can be applied to pretty much any letter, each one just as interesting as the last. I wonder what it would look like with a Q…
Link: http://www.anitype.com/entry/agtzfmFuaXR5cGVjb3IUCxIHbGV0dGVycxiAgICA4eOTCgw/