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 = 10;
this.groupPad = 15;
this.heightFrac = 0.45;
this.widthFrac = 1.25;

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

this.baseLineWidth = 0;
this.partLineWidth = 5;
this.colonRadius = 2;
this.beginAniTime = 0.0;
this.endAniTime = 1;

this.lineCap = 'butt';
this.showRightColons = true;

this.hoursScale= { val: 0 , pos: 'top' , offset:[-.5,0] };
this.minutesScale= { val: 0 , pos: 'top' , offset:[-.5,0] };
this.secondsScale= { val: 2 , pos: 'top' , offset:[.9,-.5] };
this.baseInFront = true;
this.pulsate = false;
this.sevenSegment = false;
this.defaultTrans = { type:'flip', turns: 0, via:'lin'}
this.lineCap = 'round';
this.connected = false;
this.ampmShow = false;

var trans0={a:[ 200, 200, 200, .25], b:[ 150, 150, 150, .5 ]};


this.t = new Array();
for (var i=0;i<=50;i++)
this.t[i] = new Array();

timing1 = [0,1];

this.t[0].push({ src: 0, type: 'flip', mov:1, via: 'acc', to: 1 , t:timing1});
this.t[0].push({ src: 1, type: 'flip', mov:1, via: 'acc', to: 0 , t:timing1});
this.t[0].push({ src: 2, type: 'shift', mov:0, via: 'acc', to: 2 , t:timing1});
this.t[0].push({ src: 3, type: 'shift', mov:1, via: 'acc', to: 3 , t:timing1});


this.t[1].push({ src: 0, type: 'flip', mov:0, via: 'acc', to: 3 , t:timing1});
this.t[1].push({ src: 1, type: 'flip', mov:0, via: 'acc', to: 2 , t:timing1});
this.t[1].push({ src: 2, type: 'flip', mov:0, via: 'acc', to: 1 , t:timing1});
this.t[1].push({ src: 3, type: 'flip', mov:0, via: 'acc', to: 0 , t:timing1});


this.t[2].push({ src: 0, type: 'shift', mov:0, via: 'acc', to: 0 , t:timing1});
this.t[2].push({ src: 1, type: 'shift', mov:0, via: 'acc', to: 1 , t:timing1});
this.t[2].push({ src: 2, type: 'shift', mov:0, via: 'acc', to: 2 , t:timing1});
this.t[2].push({ src: 3, type: 'shift', mov:0, via: 'acc', to: 3 , t:timing1});


this.t[3].push({ src: 0, type: 'flip', mov:0, via: 'acc', to: 0 , t:timing1});
this.t[3].push({ src: 1, type: 'flip', mov:1, via: 'acc', to: 2 , t:timing1});
this.t[3].push({ src: 2, type: 'flip', mov:1, via: 'acc', to: 2 , t:timing1});
this.t[3].push({ src: 3, type: 'shift', mov:0, via: 'acc', to: 1 , t:timing1});


this.t[4].push({ src: 0, type: 'flip', mov:0, via: 'acc', to: 0 , t:timing1});
this.t[4].push({ src: 1, type: 'shift', mov:0, via: 'acc', to: 1 , t:timing1});
this.t[4].push({ src: 2, type: 'shrink', mov:1, via: 'acc', to: 0 , t:timing1});

this.t[5].push({ src: 0, type: 'shift', mov:1, via: 'acc', to: 0 , t:timing1});
this.t[5].push({ src: 1, type: 'shift', mov:0, via: 'acc', to: 1 , t:timing1});
this.t[5].push({ src: 1, type: 'shift', mov:0, via: 'acc', to: 2 , t:timing1});
this.t[5].push({ src: 1, type: 'shrink', mov:0, via: 'acc', to: 3 , t:timing1});
this.t[5].push({ src: 3, type: 'grow', mov:1, via: 'acc', to: 3 , t:timing1});




this.t[6].push({ src: 0, type: 'shift', mov:0, via: 'acc', to: 0 , t:timing1});
this.t[6].push({ src: 1, type: 'shrink', mov:0, via: 'acc', to: 1 , t:timing1});
this.t[6].push({ src: 2, type: 'shift', mov:1, via: 'acc', to: 1 , t:timing1});
this.t[6].push({ src: 3, type: 'shrink', mov:1, via: 'acc', to: 1, t:timing1});


this.t[7].push({ src: 0, type: 'shift', mov:0, via: 'acc', to: 0 , t:timing1});
this.t[7].push({ src: 1, type: 'shift', mov:0, via: 'acc', to: 1 , t:timing1});


this.t[8].push({ src: 0, type: 'shift', mov:0, via: 'acc', to: 0 , t:timing1});
this.t[8].push({ src: 1, type: 'shift', mov:0, via: 'acc', to: 1 , t:timing1});


this.t[9].push({ src: 0, type: 'shift', mov:0, via: 'acc', to: 0 , t:timing1});
this.t[9].push({ src: 1, type: 'shift', mov:0, via: 'acc', to: 1 , t:timing1});
this.t[9].push({ src: 1, type: 'shift', mov:0, via: 'acc', to: 2 , t:timing1});
this.t[9].push({ src: 1, type: 'shift', mov:0, via: 'acc', to: 3 , t:timing1});



this.t[10].push({ src: 0, type: 'flip', mov:0, via: 'acc', to: 1 , t:timing1});
this.t[10].push({ src: 0, type: 'flip', mov:0, via: 'acc', to: 3 , t:timing1});
this.t[10].push({ src: 0, type: 'flip', mov:0, via: 'acc', to: 2 , t:timing1});
this.t[10].push({ src: 0, type: 'flip', mov:0, via: 'acc', to: 3 , t:timing1});



this.strokes = [[[[287,353],[288,452],[317,487],[354,492]],[[350,491],[398,522],[395,125],[468,108]],[[286,355],[291,283],[239,304],[224,494]],[[224,494],[210,561],[120,511],[123,117]]],[[[455,103],[431,268],[401,390],[367,510]],[[367,510],[349,463],[325,378],[308,352]],[[308,352],[282,397],[259,468],[244,508]],[[244,508],[188,337],[174,265],[131,106]]],[[[430,135],[380,129],[235,130],[146,131]],[[146,131],[155.33333333333331,142.33333333333331],[235,217],[300,278]],[[300,278],[277,325],[187,461],[151,502]],[[151,502],[221,498],[390,491],[425,492]]],[[[457,503],[435,362],[439,145],[435,113]],[[435,113],[426,123],[355,257],[342,304]],[[342,304],[238,172],[302,246],[202,123]],[[202,123],[207,360],[169,440],[162,508]]],[[[407,170],[401,235],[396,361],[398,515]],[[224,176],[223,242.33333333333331],[223,375.66666666666663],[223,509]],[[108,161],[162,192],[426,173],[506,155]]],[[[178,291],[488,300],[489,83],[141,120]],[[147,123],[180,440],[177,225],[205,540]]],[[[449,176],[428,149],[213,190],[130,184]],[[130,184],[137.66666666666666,192.33333333333331],[145.33333333333331,200.66666666666663],[270,311]],[[270,311],[237,364],[167,468],[141,518]],[[141,518],[152.33333333333331,508.3333333333333],[439,528],[460,497]]],[[[392,215],[393,54],[47,53],[272,274]],[[272,274],[327,332],[595,580],[186,470]]],[[[380,131],[375,62],[223,65],[275,220]],[[275,220],[438,600],[162,561],[205,468]]],[[[250,90],[246,86],[466,30],[384,390]],[[384,390],[335,568],[127,565],[243,351]],[[243,351],[285,263],[445,248],[366,440]]],[[[183.0769230769231,100],[300,100],[300,100],[401.53846153846155,100]],[[401.53846153846155,100],[367.69230769230774,166.998316431716],[333.84615384615387,230.8062368428741],[183.0769230769231,495.6091065491803]]],[[[330.7692307692308,307.37574133626384],[278.46153846153845,278.6621771512427],[121.53846153846153,115.95198010278952],[303.0769230769231,106.38079204111581]],[[303.0769230769231,106.38079204111581],[503.0769230769231,115.95198010278952],[263.0769230769231,259.51980102789526],[235.3846153846154,316.94692939793754]],[[237.69230769230768,313.7565333773797],[130,412.6588100146747],[260,540.274650836991],[333.84615384615387,482.84752246694865]],[[333.84615384615387,482.84752246694865],[395.38461538461536,444.5627702202538],[410.7692307692308,367.993265726864],[330.7692307692308,307.37574133626384]]],[[[223.0769230769231,450.9435622613696],[450.7692307692308,645.5577195154018],[506.1538461538462,144.6655442878107],[361.53846153846155,106.38079204111581]],[[361.53846153846155,106.38079204111581],[173.84615384615384,84.04801989721048],[149.23076923076923,326.5181174596113],[315.38461538461536,316.94692939793754]],[[312.3076923076923,316.94692939793754],[386.1538461538462,316.94692939793754],[447.69230769230774,256.32940500733736],[435.3846153846154,218.0446527606425]]]];



}
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