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:
this.strokes = [[[[272.57332344118356,104.93827160493827],[143.535740489317,104.93827160493827],[143.535740489317,495.6633151103015],[272.57332344118356,495.6633151103015]],[[270.6377596969055,493.8810402712001],[90.63033147905172,52.592592592592595],[82.88807650193974,323.2098765432099],[450,100]]],[[[247,556],[458,375],[178,250],[165,196]]],[[[174,166],[469.10748824479566,60.82415378981662],[337,544],[199.12116083781336,495.6633151103015]],[[201,495],[235,571],[353,288],[390,513]]],[[[215.0027095088123,114.39129685103578],[342.055098876804,92.33423794347495],[405.58129356079985,196.31751565054742],[215.0027095088123,278.24373445005904]],[[215.0027095088123,278.24373445005904],[375.80338980267675,259.33768395786404],[367.8626154671773,536.6264245100573],[215.0027095088123,495.6633151103015]]],[[[213.01751592493744,117.5423052664016],[169.34325707969032,344.41491117274154],[276.5437106089333,309.7538186037174],[336.0995181251793,303.45180177298573]],[[334.1143245413044,104.93827160493827],[334.1143245413044,235.17995277339264],[334.1143245413044,365.42163394184706],[334.1143245413044,495.6633151103015]]],[[[338.0847117090542,104.93827160493827],[272.57332344118356,104.93827160493827],[272.57332344118356,104.93827160493827],[216.9879030926872,104.93827160493827]],[[218.97309667656202,108.0892800203041],[161.40248274419082,448.39818887981403],[340.0699052929291,145.9013810046941],[340.0699052929291,407.43507948005816]],[[340.0699052929291,407.43507948005816],[346.02548604455376,533.4754160946914],[209.04712875718772,524.022390848594],[205.07674158943797,420.03911314152145]]],[[[280.514097776683,111.24028843566994],[181.25441858293954,79.73020428201161],[115.74303031506882,464.15323095664314],[272.57332344118356,495.6633151103015]],[[272.57332344118356,495.6633151103015],[365.8774218833024,495.6633151103015],[367.8626154671773,287.6967596961565],[272.57332344118356,300.3007933576199]],[[272.57332344118356,300.3007933576199],[230.88425817981127,309.7538186037174],[203.0915480055631,341.26390275737566],[193.16558008618875,410.586087895424]]],[[[197.1359672539385,104.93827160493827],[272.57332344118356,104.93827160493827],[272.57332344118356,104.93827160493827],[338.0847117090542,104.93827160493827]],[[338.0847117090542,104.93827160493827],[316.24758228643066,171.10944832762073],[294.4104528638071,234.12961663493738],[197.1359672539385,495.6633151103015]]],[[[292.4252592799322,309.7538186037174],[258.67696835405945,281.39474286542486],[157.4320955764411,120.69331368176742],[274.55851702505845,111.24028843566994]],[[274.55851702505845,111.24028843566994],[403.59609997692496,120.69331368176742],[248.75100043468512,262.48869237322987],[230.88425817981127,319.20684384981485]],[[232.3731533677174,316.0558354344491],[162.891377932097,413.7370963107898],[246.76580685081024,539.7774329254232],[294.4104528638071,483.05928144883814]],[[294.4104528638071,483.05928144883814],[334.1143245413044,445.2471804644482],[344.04029246067887,369.6229784956682],[292.4252592799322,309.7538186037174]]],[[[222.9434838443118,451.54919729517985],[369.8478090510522,643.7607106324956],[405.58129356079985,149.05238942005994],[312.27719511868094,111.24028843566994]],[[312.27719511868094,111.24028843566994],[191.18038650231387,89.18322952810911],[175.29883783131493,328.65986909591237],[282.4992913605579,319.20684384981485]],[[280.514097776683,319.20684384981485],[328.1587437896799,319.20684384981485],[367.8626154671773,259.33768395786404],[359.92184113167787,221.52558297347406]]]];
this.endAniTime = 1;

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

this.disableSlowest = true;

var trans0={a:[ 250, 50, 250 ], 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]}); 
}
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