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

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

this.baseLineWidth = 0;
this.partLineWidth = 9;
this.colonRadius = 2;
this.beginAniTime = 0.5;
this.endAniTime = 1;

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

this.hoursScale= { val: 1 , pos: 'top' , offset:[1,-.45] };
this.minutesScale= { val: 1 , pos: 'top' , offset:[1,-.45] };
this.secondsScale= { val: .75 , pos: 'top' , offset:[-1,.750] };
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 = true;

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

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


this.t[0].push({ src: 0, type: 'shift', mov:0, via: 'occ', to: 0 });
this.t[0].push({ src: 1, type: 'flip', mov:1, via: 'occ', to: 0 });
this.t[0].push({ src: 1, type: 'loop', mov:1, via: 'occ', to: 0, col:trans0, turns:0 });

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

this.t[2].push({ src: 0, type: 'flip', via: 'occ', to: 1 });
this.t[2].push({ src: 1, type: 'flip', via: 'occ', to: 0 });
this.t[2].push({ src: 2, type: 'shrink', via: 'occ', to: 0 });
this.t[2].push({ src: 2, type: 'shrink', via: 'occ', to: 0 });
this.t[2].push({ src: 2, type: 'loop', via: 'occ', to: 1, col:trans0, turns:1 });


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

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

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

this.t[6].push({ src: 0, type: 'shift',to:0, via: 'accc', mov:0,t:[0,1]});
this.t[6].push({ src: 1, type: 'shift', to: 1, via: 'accc' , t:[0,1]});
this.t[6].push({ src: 2, type: 'flip', to: 1, via: 'accc' , t:[0,1]});
this.t[6].push({ src: 0, type: 'loop', to: 1, via: 'accc' , t:[0,1], col:trans0, turns:-1});

this.t[7].push({ src: 0, type: 'flip',to:0, via: 'lin', mov:0,t:[0,1]});
this.t[7].push({ src: 1, type: 'shift', to: 2, via: 'lin' , t:[0,1]});
this.t[7].push({ src: 1, type: 'flip', to: 3, via: 'lin' , t:[0,1]});
this.t[7].push({ src: 0, type: 'shift', to: 1, via: 'lin' , t:[0,1]});
this.t[7].push({ src: 1, type: 'loop', to: 2, via: 'lin' , t:[0,1], col:trans0, turns:1});


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


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

this.strokes = [[[[308.1193588246177,100],[107.33287142827777,100],[107.33287142827777,482.23102082046404],[308.1193588246177,482.23102082046404]],[[307.6173926061268,479.7101449275362],[508.9058462209576,482.23102082046404],[460.21512302734516,115.45893719806763],[302.59773042121833,103.86473429951691]],[[413.0302984892053,103.86473429951691],[308.1193588246177,228.82447665056358],[308.1193588246177,357.64895330112716],[168.0707838656706,492.27053140096615]]],[[[308.1193588246177,100],[308.1193588246177,227.41034027348798],[308.1193588246177,354.82068054697595],[308.1193588246177,482.23102082046404]],[[305.60952773216343,102.89855072463769],[252.40110857213335,145.41062801932367],[199.19268941210328,124.15458937198068],[200.19662184908498,157.0048309178744]],[[407.0067038673151,495.16908212560384],[302.59773042121833,478.743961352657],[304.60559529518173,482.6086956521739],[150,500]]],[[[182.12583798341439,159.90338164251207],[613.9326242436584,56.844884746076644],[346.7707576484131,236.231884057971],[193.82551215285497,482.23102082046404]],[[193.82551215285497,482.23102082046404],[230.89378674910233,482.23102082046404],[271.0510842283703,482.23102082046404],[431.68027414544224,482.23102082046404]]],[[[218.53769521701986,109.2475246972693],[416.23515973033915,87.6699670703076],[515.0838919869989,189.3927387402698],[218.53769521701986,269.5379527832703]],[[218.53769521701986,269.5379527832703],[468.7485487416896,251.04290338873173],[456.3924572096072,522.3036278419643],[218.53769521701986,482.23102082046404]]],[[[403.8790681982567,100],[403.8790681982567,227.41034027348798],[403.8790681982567,354.82068054697595],[403.8790681982567,482.23102082046404]],[[400.9831092454249,101.93236714975845],[361.8297442031386,103.86473429951691],[298.58200067329153,180.19323671497585],[245.37358151326146,201.44927536231884]],[[403.99490655637,192.7536231884058],[280.51121680762094,198.55072463768116],[378.8965956318275,199.5169082125604],[241.35785176533466,203.3816425120773]]],[[[410.05711396429797,100],[308.1193588246177,100],[308.1193588246177,100],[221.62671810004048,100]],[[224.7157409830611,103.0825082324231],[135.1340773754633,435.99339733411756],[413.1461368473186,140.07260702150026],[413.1461368473186,395.92079031261727]],[[413.1461368473186,395.92079031261727],[422.41320549638044,519.2211196095411],[209.27062656795803,509.9735949122719],[203.0925808019168,408.25082324230965]]],[[[320.47545035670015,106.16501646484619],[166.02430620566943,75.33993414061523],[64.08655106598917,451.40593849623303],[308.1193588246177,482.23102082046404]],[[308.1193588246177,482.23102082046404],[453.30343432658657,482.23102082046404],[456.3924572096072,278.7854774805396],[308.1193588246177,291.115510410232]],[[308.1193588246177,291.115510410232],[243.2498782811848,300.3630351075013],[200.0035579188962,331.1881174317323],[184.55844350379311,399.00329854504037]]],[[[190.73648926983435,100],[308.1193588246177,100],[308.1193588246177,100],[410.05711396429797,100]],[[410.05711396429797,100],[376.0778622510712,164.73267288088505],[342.0986105378445,226.38283752934694],[190.73648926983435,482.23102082046404]],[[221.27920302570067,271.9806763285024],[265.45223025289545,278.74396135265704],[368.8572712620105,276.8115942028985],[424.073555296004,242.02898550724638]]],[[[339.0095876548238,300.3630351075013],[286.49619864347335,272.6204610156934],[128.95603160942207,115.41254116211547],[311.2083817076383,106.16501646484619]],[[311.2083817076383,106.16501646484619],[511.9948691039782,115.41254116211547],[271.0510842283703,254.12541162115483],[243.2498782811848,309.61055980477056]],[[245.56664544345023,306.5280515723475],[137.45084453772876,402.08580677746346],[267.9620613453497,525.3861360743874],[342.0986105378445,469.9009878907716]],[[342.0986105378445,469.9009878907716],[403.8790681982567,432.91088910169447],[419.32418261335977,358.93069152354013],[339.0095876548238,300.3630351075013]]],[[[230.89378674910233,439.07590556654065],[459.48148009262775,627.1089077443495],[515.0838919869989,143.15511525392338],[369.89981648503,106.16501646484619]],[[369.89981648503,106.16501646484619],[181.4694206207725,84.58745883788453],[156.75723755660758,318.8580845020399],[323.5644732397207,309.61055980477056]],[[320.47545035670015,309.61055980477056],[394.61199954919493,309.61055980477056],[456.3924572096072,251.04290338873173],[444.0363656775247,214.05280459965456]]]];
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