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 = 4;
this.groupPad = 15;
this.heightFrac = 0.9;
this.widthFrac = 0.9;

this.bgColor = [0,0,0]
this.baseColor = [ 100, 100, 200 ];
this.partColor = { a:[ 255, 0, 0 , 1 ] , b:[ 255 , 0 , 0 , 1 ] };
this.secondColor = [221, 221, 221];
this.colonColors = { a:[200, 200, 200] , b:[100, 200, 100] };

this.baseLineWidth = 0;
this.partLineWidth = 8;
this.colonRadius = 4;
this.beginAniTime = 0;
this.endAniTime = 1;

this.baseInFront = false;
this.pulsate = false;
this.disableSlowest = true;

this.sevenSegment = true;
this.defaultTrans = {type:'shrinkgrow',via:'lin'};
this.lineCap = 'round';

turnsNum1 = .5
turnsNum2 = -.5


this.t = new Array ()
for (var i=0;i<=50;i++)
this.t[i]=new Array()
/* (noon/midnight under 12hr) 2->1 */
this.t[21].push({src:2,type:'shift',to:2})
this.t[21].push({src:4,type:'shift',to:5})
this.t[21].push({src:6,type:'shrink',mov:0})
this.t[21].push({src:3,type:'shrink',mov:0})
this.t[21].push({src:0,type:'shrink',mov:0})
/* (noon/midnight under 12hr) 1-> nothing (-2,-5) */
this.t[10].push({src:2,type:'shrink',mov:0})
this.t[10].push({src:5,type:'shrink',mov:1})
/* (leading hr @ 9:59) nothing->1 (+2,+5) */
this.t[11].push({src:2,type:'grow',mov:0})
this.t[11].push({src:5,type:'grow',mov:1})
/* (midnight under 24hr) 3->0 (-3,+1,+4) */
this.t[30].push({src:5,type:'flip',to:4})
this.t[30].push({src:0,type:'flip',to:1})
this.t[30].push({src:2,type:'flip',to:1})
this.t[30].push({src:3,type:'flip',to:4})
this.t[30].push({src:6,type:'flip',to:4})
/* 1->2 */
this.t[1].push({src:02,type:'shift',to:2})
this.t[1].push({src:5,type:'shrink',mov:0})
this.t[1].push({src:0,type:'grow',mov:1})
this.t[1].push({src:3,type:'grow',mov:1})
this.t[1].push({src:4,type:'grow',mov:1})
this.t[1].push({src:6,type:'grow',mov:1})
/* 2->3 */
this.t[2].push({src:0,type:'shift',to:0})
this.t[2].push({src:2,type:'shift',to:2})
this.t[2].push({src:3,type:'shift',to:3})
this.t[2].push({src:4,type:'shrink',mov:0})
this.t[2].push({src:5,type:'grow',mov:1})
this.t[2].push({src:6,type:'shift',to:6})
/* 4->5 */
this.t[4].push({src:0,type:'grow',mov:1})
this.t[4].push({src:2,type:'shrink',mov:0})
this.t[4].push({src:6,type:'grow',mov:1})
this.t[4].push({src:3,type:'shift',to:3})
this.t[4].push({src:5,type:'shift',to:5})
this.t[4].push({src:1,type:'shift',to:1})
/* 5->6 */
this.t[5].push({src:0,type:'shift',to:0})
this.t[5].push({src:6,type:'shift',to:6})
this.t[5].push({src:1,type:'shift',to:1})
this.t[5].push({src:4,type:'grow',mov:1})
this.t[5].push({src:5,type:'shift',to:5})
this.t[5].push({src:3,type:'shift',to:3})
/* leading 5->0 */
this.t[50].push({src:5,type:'shift',to:5})
this.t[50].push({src:0,type:'shift',to:0})
this.t[50].push({src:6,type:'shift',to:6})
this.t[50].push({src:3,type:'shrink',mov:0})
this.t[50].push({src:1,type:'shift',to:1})
this.t[50].push({src:2,type:'grow',mov:1})
this.t[50].push({src:4,type:'grow',mov:1})
/* 6->7 */
this.t[6].push({src:0,type:'shift',to:0})
this.t[6].push({src:5,type:'shift',to:5})
this.t[6].push({src:2,type:'grow',mov:1})
this.t[6].push({src:1,type:'shrink',mov:0})
this.t[6].push({src:3,type:'shrink',mov:0})
this.t[6].push({src:6,type:'shrink',mov:0})
this.t[6].push({src:4,type:'shrink',mov:0})
/* 7->8 */
this.t[7].push({src:0,type:'shift',to:0})
this.t[7].push({src:2,type:'shift',to:2})
this.t[7].push({src:5,type:'shift',to:5})
this.t[7].push({src:1,type:'grow',mov:1})
this.t[7].push({src:6,type:'grow',mov:1})
this.t[7].push({src:3,type:'grow',mov:1})
this.t[7].push({src:4,type:'grow',mov:1})
/* 8->9 */
this.t[8].push({src:0,type:'shift',to:0})
this.t[8].push({src:1,type:'shift',to:1})
this.t[8].push({src:2,type:'shift',to:2})
this.t[8].push({src:3,type:'shift',to:3})
this.t[8].push({src:4,type:'shift',to:6})
this.t[8].push({src:6,type:'loop',turns:turnsNum1, to:5})
this.t[8].push({src:5,type:'shrink',mov:1})

/* 9->0 */
this.t[9].push({src:2,type:'grow',mov:0})
this.t[9].push({src:2,type:'shift',to:0})
this.t[9].push({src:0,type:'loop',turns:turnsNum1,to:1})
this.t[9].push({src:1,type:'shrink',mov:0})
this.t[9].push({src:3,type:'shift',to:5})
this.t[9].push({src:6,type:'shift',to:4})
this.t[9].push({src:5,type:'loop',to:6,turns:turnsNum2})
}

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