edit clock font - animaclock

animaclock.com | about | gallery | Graph-Based Visual Saliency

Click here for Tutorial
Edit the code below, then click anywhere outside of textarea to update:

var testfont=new function() {

this.digitPad = -5;
this.groupPad = 25;
this.heightFrac = .8;
this.widthFrac = 1.0;
this.strokes = [[[[294,185],[190,198],[177,331],[293,338]],[[293,339],[469,350],[402,153],[292,186]],[[370,188],[309.00000000000017,240.0000000000001],[271.99999999999966,294.99999999999875],[229,338]]],[[[312,180],[309,231],[315,315],[316,353]],[[312,182],[301,195],[276,210],[247,220]]],[[[197,325],[260,331],[348,329],[381,324]],[[215,189],[457,131],[438,328],[197,325]]],[[[223,198],[258,195],[330,199],[370,198]],[[370,197],[336,235],[286,259],[229,262]],[[229,262],[464,237],[397,358],[237,347]]],[[[244,191],[213,293],[250,320],[398.46153846153845,300.99494929514805]],[[372,186],[395.38461538461536,231.86970218306007],[395.38461538461536,363.73940436612014],[368,351]]],[[[386,196],[263,198],[320,194],[208,208]],[[208,208],[158,335],[404.61538461538464,141.47514826725276],[397,284]],[[398,284],[385,361],[245,382],[203,296]]],[[[372,195],[168,124],[155,346],[303,341]],[[303,341],[416,342],[449,156],[204,273]]],[[[223,197],[276,197],[343,195],[382,206]],[[385,205],[339,256],[297,303],[253,355]],[[259,269],[291,273],[329,283],[375,284]]],[[[298,234],[225,239],[218,188],[296,189]],[[297,235],[174,234],[215,352],[291,345]],[[298,234],[371.1557417447017,232.50418925579103],[373.60374568753076,181.08427796944315],[296,189]],[[297,235],[419.3790375741594,247.38431114040867],[365.7877389584705,360.224785761371],[291,345]]],[[[370,190],[443,327],[300,366.66666666666663],[230,337]],[[370,191],[202,159],[143,265],[375,307]]]];
this.baseColor = [100, 100, 100];
this.partColor = { a:[120, 75, 25], b:[0,120,250], t:0.6 }
this.secondColor = [2, 2, 2];
this.colonColors = [ [200, 200, 200] , [100, 100, 100] ];

// this.bgColor = [0,0,0];

this.secondsScale = { val: 0.6 }

this.baseLineWidth = 0;
this.partLineWidth = 10;
this.colonRadius = 4;
this.beginAniTime = 0;
this.endAniTime = 0.5;

this.baseInFront = false;
this.pulsate = false;

this.sevenSegment = false;
this.defaultTrans = { type:'loop', turns: 0 }
this.lineCap = 'round';
this.connected = false;

}

TO SAVE WORK:
font name: (new or previous) letters/numbers, no spaces
author username: (create now OR recall) letters/numbers, no spaces
password: (create now OR recall) remember what you type here - it creates an instant account
(nothing is saved till you hit save) see previous versions of this font