John Choi

27 Jan 2015

Here is a gif of my Nine Monster: (iframe is too slow for me.)
thing
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:
Mountain View

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/