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 = 9;
this.groupPad = 15;
this.heightFrac = 0.7;
this.widthFrac = 0.7;
this.secondsScale = {val:0.6, pos:'middle'};

this.strokes = [[[[254.96126017538253,114.14141414141415],[155.15434759789824,98.98989898989899],[462.0723182000213,459.59595959595964],[153.7486164348351,100]],[[157.49723286967017,102.02020202020202],[245.58971908829483,575.7575757575758],[530.0159910814073,98.98989898989899],[153.7486164348351,101.01010101010101]]],[[[159.37154108708773,169.1919191919192],[94.70790758618242,442.42424242424244],[552.9762667447723,225.25252525252526],[246.52687319700357,225.25252525252526]]],[[[315.8762772414527,378.7878787878788],[628.0567286078635,53.873187588070024],[151.87430821741754,140.40404040404042],[435.8320031561757,156.56565656565658]],[[388.974297720737,129.2929292929293],[269.01857180601417,453.5353535353536],[323.373510111123,408.0808080808081],[374.9169860901054,377.77777777777777]]],[[[204.35493830510882,373.73737373737373],[508.9300236354599,567.6767676767677],[535.783093288846,192.4459440365447],[254.02410606667377,490.90909090909093]],[[325.24781832854046,476.7676767676768],[232.469561566372,420.2020202020202],[112.51383565164909,550.5050505050506],[201.54347597898249,437.3737373737374]]],[[[205.29209241381758,134.34343434343435],[388.0371436120283,558.5858585858587],[129.382609608407,389.8989898989899],[304.6304279369475,464.64646464646466]],[[300.88181150211244,462.62626262626264],[220.28655815315796,505.0505050505051],[151.87430821741754,346.4646464646465],[431.9752535549511,498.5950571203842]]],[[[188.42331845705968,456.5656565656566],[472.38101339581783,512.1212121212121],[342.5851693396528,98.98989898989899],[248.40118141442113,348.4848484848485]],[[262.4584930450527,315.1515151515151],[181.10630753137195,450.2557234755674],[172.49169860901054,435.3535353535354],[323.373510111123,436.3636363636364]],[[226.84663691411936,377.77777777777777],[449.27656017726696,537.2665240362375],[111.57668154294032,378.7878787878788],[248.40118141442113,349.49494949494954]]],[[[212.78932528348776,437.3737373737374],[225.9094828054106,260.6060606060606],[95.64506169489118,127.27272727272728],[211.852171174779,436.3636363636364]],[[213.72647939219655,440.4040404040404],[478.11207121445995,498.5950571203842],[480.99562231817924,285.9019890831904],[193.10908900060355,296.969696969697]],[[214.66363350090532,435.3535353535354],[244.65256497958603,165.65656565656565],[196.85770543543862,223.23232323232324],[214.66363350090532,436.3636363636364]]],[[[235.2810238924983,500],[253.086951957965,443.4343434343435],[342.5851693396528,98.98989898989899],[319.62489367628785,500]],[[251.21264374054743,441.41414141414145],[312.12766080661765,450.5050505050505],[380.5399107423581,495.95959595959596],[233.0102273983194,498.5950571203842]]],[[[344.9280546114247,244.44444444444446],[246.52687319700357,407.0707070707071],[189.36047256576845,153.53535353535352],[177.1774691525544,282.82828282828285]],[[150,294.9494949494949],[532.8995421851266,115.1030102048379],[257.77272250150884,323.2323232323232],[205.29209241381758,398.989898989899]],[[211.852171174779,389.8989898989899],[183.2689708591614,414.80687880270176],[178.11462326126318,601.010101010101],[153.7486164348351,292.92929292929296]],[[181.86323969609828,463.6363636363637],[343.99090050271593,374.74747474747477],[172.49169860901054,463.6363636363637],[178.11462326126318,275.75757575757575]]],[[[165.93161984804914,407.0707070707071],[483.87917342189854,650.0583025408099],[535.783093288846,144.10661039172797],[188.42331845705968,223.23232323232324]],[[174.36600682642808,408.0808080808081],[224.35957408716146,82.87678777496008],[201.29116525740704,327.7960782420316],[326.18497243724926,392.92929292929296]],[[189.36047256576845,220.2020202020202],[391.78576004686334,252.52525252525254],[211.852171174779,381.8181818181818],[168.74308217417547,410.1010101010101]]]];

this.bgColor = [800, 200, 80];
this.baseColor = [ 10, 100, 100 ];
this.partColor = { a:[ 250, 50, 250 ], b:[ 0, 200, 200 ]};
this.secondColor = this.bgColor;
this.colonColors = [ [200, 50, 200] , [0, 200, 200] ];

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

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

this.disableSlowest = true;

var trans0={a:[ 250, 50, 2500 ], b:[ 150, 0, 150 ]};

this.t = new Array();
for (var i=0;i<=50;i++)
this.t[i] = new Array();
this.t[0].push({ src: 0, type: 'loop', turns: 2, via: 'acc', to: 2, col:trans0 });
this.t[0].push({ src: 6, type: 'loop', turns: 2, via: 'acc', to: 5, col:trans0  });
this.t[0].push({ src: 1, type: 'shrink', mov: 0  });
this.t[0].push({ src: 4, type: 'shrink', mov: 1  });
this.t[0].push({ src: 2, type: 'shrink', mov: 1  });
this.t[0].push({ src: 5, type: 'shrink', mov: 0  }); 

this.t[1].push({ src: 2, type: 'loop', turns: 0, via: 'acc', to: 0, col:trans0  });    
this.t[1].push({ src: 5, type: 'loop', turns: 0, via: 'acc', to: 6, col:trans0  });    
this.t[1].push({ src: 2, type: 'grow', mov: 1 });
this.t[1].push({ src: 4, type: 'grow', mov: 1 });
this.t[1].push({ src: 3, type: 'grow', mov: 1 }); 

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

this.t[3].push({ src: 0, type: 'loop', turns: 0, via: 'acc', to: 1, col:trans0  });    
this.t[3].push({ src: 6, type: 'loop', turns: 0, via: 'acc', to: 1, col:trans0  });    
this.t[3].push({ src: 3, type: 'shift', to: 3});
this.t[3].push({ src: 5, type: 'shift', to: 5});
this.t[3].push({ src: 2, type: 'shift', to: 2});

this.t[4].push({ src: 1, type: 'loop', turns: 0, via: 'acc', to: 0, col:trans0  });    
this.t[4].push({ src: 1, type: 'loop', turns: 0, via: 'acc', to: 6, col:trans0  });    
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: 2, type: 'shrink', mov: 0});
this.t[4].push({ src: 1, type: 'grow', mov: 0}); 

this.t[5].push({ src: 0, type: 'loop', turns: 1, via: 'acc', to: 0, col:trans0  });    
this.t[5].push({ src: 6, type: 'loop', turns: 1, via: 'acc', to: 6, col:trans0  });    
this.t[5].push({ src: 5, type: 'shift', to: 5});
this.t[5].push({ src: 3, type: 'shift', to: 3});
this.t[5].push({ src: 1, type: 'shift', to: 1});
this.t[5].push({ src: 4, type: 'grow', mov: 1});

this.t[50].push({ src: 0, type: 'loop', turns: 1, via: 'acc', to: 0, col:trans0  });    
this.t[50].push({ src: 6, type: 'loop', turns: 1, via: 'acc', to: 6, col:trans0  });    
this.t[50].push({ src: 5, type: 'shift', to: 5});
this.t[50].push({ src: 1, type: 'shift', to: 1});
this.t[50].push({ src: 4, type: 'grow', mov: 1});
this.t[50].push({ src: 3, type: 'shrink', mov: 1});
this.t[50].push({ src: 2, type: 'grow', mov: 0 });

this.t[6].push({ src: 0, type: 'loop', turns: 1, via: 'acc', to: 2, col:trans0  });    
this.t[6].push({ src: 6, type: 'loop', turns: 1, via: 'acc', to: 5, col:trans0  });    
this.t[6].push({ src: 3, type: 'shrink', mov: 1});
this.t[6].push({ src: 0, type: 'grow', mov: 1});
this.t[6].push({ src: 5, type: 'shrink', mov: 0});
this.t[6].push({ src: 1, type: 'shrink', mov: 0});
this.t[6].push({ src: 4, type: 'shrink', mov: 1});


this.t[7].push({ src: 2, type: 'loop', turns: 1, via: 'acc', to: 0, col:trans0  });    
this.t[7].push({ src: 5, type: 'loop', turns: 1, via: 'acc', to: 6, col:trans0  });    
this.t[7].push({ src: 3, type: 'grow', mov: 1 });    
this.t[7].push({ src: 1, type: 'grow', mov: 0 });    
this.t[7].push({ src: 4, type: 'grow', mov: 1 });    
this.t[7].push({ src: 5, type: 'grow', mov: 0 });    
this.t[7].push({ src: 2, type: 'grow', mov: 1 });    
this.t[7].push({ src: 0, type: 'shrink', mov: 0 });

this.t[8].push({ src: 0, type: 'loop', turns: 1, via: 'acc', to: 0, col:trans0  });    
this.t[8].push({ src: 6, type: 'loop', turns: 1, via: 'acc', to: 6, col:trans0  });  
this.t[8].push({ src: 2, type: 'shift', to: 2 });    
this.t[8].push({ src: 5, type: 'shift', to: 5 });    
this.t[8].push({ src: 3, type: 'shift', to: 3 });    
this.t[8].push({ src: 1, type: 'shift', to: 1 });    
this.t[8].push({ src: 4, type: 'shrink', mov: 1 });  

this.t[9].push({ src: 0, type: 'loop', turns: 1, via: 'acc', to: 6, col:trans0  });    
this.t[9].push({ src: 6, type: 'loop', turns: 1, via: 'acc', to: 0, col:trans0  });
this.t[9].push({ src: 1, type: 'shift', to: 1 });        
this.t[9].push({ src: 2, type: 'shift', to: 2 });   
this.t[9].push({ src: 5, type: 'shift', to: 5 }); 
this.t[9].push({ src: 3, type: 'shrink', mov: 1 });      
this.t[9].push({ src: 4, type: 'grow', mov: 1 });      

this.t[10].push({ src: 2, type: 'shrink', mov: 0 });
this.t[10].push({ src: 5, type: 'shrink', mov: 0 });

this.t[21].push({ src: 0, type: 'loop', to: 2 });
this.t[21].push({ src: 3, type: 'loop', to: 2 });
this.t[21].push({ src: 4, type: 'loop', to: 5 });
this.t[21].push({ src: 6, type: 'loop', to: 5 });
this.t[21].push({ src: 2, type: 'shift', to: 2 });


this.t[20].push({ src: 0, type: 'shrink', mov: 0 });
this.t[20].push({ src: 2, type: 'shrink', mov: 0 });
this.t[20].push({ src: 3, type: 'shrink', mov: 0 });
this.t[20].push({ src: 4, type: 'shrink', mov: 0 });
this.t[20].push({ src: 6, type: 'shrink', mov: 0 });
this.t[30].push({ src: 3, type: 'flip', to: 1 });
this.t[30].push({ src: 3, type: 'flip', to: 4 });
this.t[11].push({ src: 5, type: 'grow', mov: 0, t:[.9,.95]});
this.t[11].push({ src: 2, type: 'grow', mov: 0, t:[.95,1]}); 
}
this.strokes = [[[[254.96126017538253,114.14141414141415],[155.15434759789824,98.98989898989899],[462.0723182000213,459.59595959595964],[153.7486164348351,100]],[[157.49723286967017,102.02020202020202],[245.58971908829483,575.7575757575758],[530.0159910814073,98.98989898989899],[153.7486164348351,101.01010101010101]]],[[[159.37154108708773,169.1919191919192],[94.70790758618242,442.42424242424244],[552.9762667447723,225.25252525252526],[246.52687319700357,225.25252525252526]]],[[[315.8762772414527,378.7878787878788],[628.0567286078635,53.873187588070024],[151.87430821741754,140.40404040404042],[435.8320031561757,156.56565656565658]],[[388.974297720737,129.2929292929293],[269.01857180601417,453.5353535353536],[323.373510111123,408.0808080808081],[374.9169860901054,377.77777777777777]]],[[[204.35493830510882,373.73737373737373],[508.9300236354599,567.6767676767677],[535.783093288846,192.4459440365447],[254.02410606667377,490.90909090909093]],[[325.24781832854046,476.7676767676768],[232.469561566372,420.2020202020202],[112.51383565164909,550.5050505050506],[201.54347597898249,437.3737373737374]]],[[[205.29209241381758,134.34343434343435],[388.0371436120283,558.5858585858587],[129.382609608407,389.8989898989899],[304.6304279369475,464.64646464646466]],[[300.88181150211244,462.62626262626264],[220.28655815315796,505.0505050505051],[151.87430821741754,346.4646464646465],[431.9752535549511,498.5950571203842]]],[[[188.42331845705968,456.5656565656566],[472.38101339581783,512.1212121212121],[342.5851693396528,98.98989898989899],[248.40118141442113,348.4848484848485]],[[262.4584930450527,315.1515151515151],[181.10630753137195,450.2557234755674],[172.49169860901054,435.3535353535354],[323.373510111123,436.3636363636364]],[[226.84663691411936,377.77777777777777],[449.27656017726696,537.2665240362375],[111.57668154294032,378.7878787878788],[248.40118141442113,349.49494949494954]]],[[[212.78932528348776,437.3737373737374],[225.9094828054106,260.6060606060606],[95.64506169489118,127.27272727272728],[211.852171174779,436.3636363636364]],[[213.72647939219655,440.4040404040404],[478.11207121445995,498.5950571203842],[480.99562231817924,285.9019890831904],[193.10908900060355,296.969696969697]],[[214.66363350090532,435.3535353535354],[244.65256497958603,165.65656565656565],[196.85770543543862,223.23232323232324],[214.66363350090532,436.3636363636364]]],[[[235.2810238924983,500],[253.086951957965,443.4343434343435],[342.5851693396528,98.98989898989899],[319.62489367628785,500]],[[251.21264374054743,441.41414141414145],[312.12766080661765,450.5050505050505],[380.5399107423581,495.95959595959596],[233.0102273983194,498.5950571203842]]],[[[344.9280546114247,244.44444444444446],[246.52687319700357,407.0707070707071],[189.36047256576845,153.53535353535352],[177.1774691525544,282.82828282828285]],[[150,294.9494949494949],[532.8995421851266,115.1030102048379],[257.77272250150884,323.2323232323232],[205.29209241381758,398.989898989899]],[[211.852171174779,389.8989898989899],[183.2689708591614,414.80687880270176],[178.11462326126318,601.010101010101],[153.7486164348351,292.92929292929296]],[[181.86323969609828,463.6363636363637],[343.99090050271593,374.74747474747477],[172.49169860901054,463.6363636363637],[178.11462326126318,275.75757575757575]]],[[[165.93161984804914,407.0707070707071],[483.87917342189854,650.0583025408099],[535.783093288846,144.10661039172797],[188.42331845705968,223.23232323232324]],[[174.36600682642808,408.0808080808081],[224.35957408716146,82.87678777496008],[201.29116525740704,327.7960782420316],[326.18497243724926,392.92929292929296]],[[189.36047256576845,220.2020202020202],[391.78576004686334,252.52525252525254],[211.852171174779,381.8181818181818],[168.74308217417547,410.1010101010101]]]];
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