Click here for Tutorial Edit the code below, then click anywhere outside of textarea to update: Click here to draw your own digits! var testfont=new function() { this.digitPad = 0; this.groupPad = 30; this.heightFrac = 0.65; this.widthFrac = 1.0; this.baseColor = [255, 255, 255, 0.8]; this.partColor = { b:[255, 255, 0, 0.5], a:[0, 0, 0, 1], t:0.9 } this.secondColor = [255, 255, 255]; this.colonColors = [ [200, 200, 200] , [100, 100, 100] ]; this.bgColor = [0,0,0]; this.secondsScale = { val: 0.55 } this.baseLineWidth = 12; this.partLineWidth = 6; this.colonRadius = 6; this.beginAniTime = 0.15; this.endAniTime = 1; this.baseInFront = false; this.pulsate = true; this.sevenSegment = false; this.defaultTrans = { type:'flip', via: 'osc', turns: 0 } this.lineCap = 'round'; this.connected = false; this.strokes = [[[[333,106],[100,100],[100,495.6091065491803],[300,495.6091065491803]],[[300,495.6091065491803],[500,495.6091065491803],[500,100],[318,125]],[[318,125],[231,147],[184,229],[187,331]],[[187,331],[189,426],[268,477],[335,453]],[[335,453],[419,416],[451,263],[390,182]],[[390,182],[297,121],[226,210],[220,292]],[[220,292],[215,348],[238,414],[305,424]],[[305,424],[375,419],[437,299],[377,228]],[[377,228],[316,170],[245,241],[255,313]],[[255,313],[262,357],[307,388],[340,369]],[[340,369],[371,350],[385,295],[359,252]],[[359,252],[335,212],[288,236],[276,276]],[[276,276],[261,307],[289,350],[308,347]],[[308,347],[345,361],[369,318],[357,276]],[[357,276],[343,244],[302,255],[290,287]],[[290,287],[278,316],[301,345],[329,339]],[[329,339],[359,323],[361,287],[344,276]],[[344,276],[303,266],[295,306],[318,321]],[[318,321],[345,318],[351,307],[339,288]],[[339,288],[318,277],[310,295],[323,308]],[[323,308],[343,309],[339,295],[330,294]]],[[[252.25,204.5],[279.25,179.5],[301.25,161.5],[323.25,138.5]],[[327,134],[301,232],[263,383],[243,475]],[[211,484],[244,474],[262,473],[290,471]],[[232.25,199.5],[259.25,174.5],[281.25,156.5],[348,100]],[[348,100],[300,354],[320,250],[286,421]],[[286,421],[302,423],[312,419],[331,418]],[[331,418],[330,436],[328,449],[323,469]],[[323,469],[280,476],[235,484],[195,491]],[[195,491],[197,476],[198,461],[200,447]],[[200,447],[210,444],[219,444],[227,443]],[[227,443],[246,376],[269,273],[287,209]],[[287,209],[270,220],[255,231],[235,242]],[[235,242],[235,227],[234,210],[235,198]]],[[[198.46153846153845,112.76158408223162],[604.6153846153846,55.334455712189325],[300,363.73940436612014],[186.15384615384616,495.6091065491803]],[[186.15384615384616,495.6091065491803],[252,470],[341,439],[439,404]],[[438.75,426.25],[436.75,369.25],[437.75,402.25],[434.75,346.25]],[[195,104],[198,122],[199,138],[200,161]],[[201,146],[476,95],[291,309],[173,466]],[[175,463],[223,445],[346,401],[437,370]],[[173,462],[174,462],[187,494],[187,494]]],[[[249,153],[466,41],[412,230],[309,333]],[[313,332],[446,332],[379,519],[254,532]],[[254,532],[250,525],[245,515],[239,507]],[[239,507],[365,519],[402,328],[282,363]],[[282,363],[268,295],[304,343],[344,260]],[[343,262],[367,199],[370,150],[308,147]],[[308,147],[288,150],[270,157],[249,176]],[[245,133],[246,156],[249,189],[251,203]]],[[[202.5,101.5],[201,201],[201,235],[201,279]],[[203,103],[221,104],[242,102],[254,103]],[[254,103],[253,118],[253,139],[252,162]],[[252,162],[294,160],[356,157],[394,156]],[[393,101],[393,162],[398,421],[398,531]],[[394,275],[324,277],[246,279],[200,280]],[[200,280],[255,243],[329,196],[392,156]],[[395,277],[325,242],[247,190],[203,163]]],[[[401.53846153846155,100],[300,100],[300,100],[213.84615384615384,100]],[[216.9230769230769,103.1903960205579],[127.6923076923077,447.7531662408117],[404.61538461538464,141.47514826725276],[404.61538461538464,406.2780179735589]],[[404.61538461538464,406.2780179735589],[413.84615384615387,533.8938587958751],[201.53846153846155,524.3226707342014],[195.3846153846154,419.0396020557905]],[[195.3846153846154,419.0396020557905],[197,383],[222,354],[260,345]],[[260,345],[309,337],[376,343],[353,411]],[[353,411],[337,453],[313,471],[281,470]],[[281,470],[230,465],[226,429],[240,408]],[[240,408],[261,381],[289,375],[306,387]],[[306,387],[334,406],[334,428],[309,440]]],[[[312.3076923076923,106.38079204111581],[158.46153846153845,74.47683183553676],[56.92307692307692,463.7051463436012],[300,495.6091065491803]],[[300,495.6091065491803],[444.61538461538464,495.6091065491803],[447.69230769230774,285.0429691923585],[300,297.80455327459015]],[[300,297.80455327459015],[219,304],[180,402],[255,456]],[[255,456],[302,490],[372,465],[381,419]],[[381,419],[391,365],[371,331],[334,322]],[[334,322],[260,309],[220,362],[237,413]],[[237,413],[261,461],[299,466],[346,447]],[[346,447],[387,421],[375,372],[363,351]],[[363,351],[336,323],[285,319],[249,363]],[[249,363],[228,419],[279,456],[317,439]],[[317,439],[380,427],[370,378],[353,351]],[[353,351],[301,313],[242,364],[256,384]],[[256,384],[257,428],[295,442],[323,425]],[[323,425],[351,410],[365,390],[349,366]],[[349,366],[319,334],[281,346],[267,373]],[[267,373],[256,395],[275,422],[311,414]],[[311,414],[344,407],[348,387],[331,369]],[[331,369],[316,349],[278,359],[273,383]],[[273,383],[269,407],[302,415],[323,400]],[[323,400],[341,386],[330,369],[311,366]],[[311,366],[288,366],[279,382],[289,390]],[[289,390],[298,400],[318,399],[322,384]],[[322,384],[323,367],[298,371],[300,384]]],[[[185.05769230769232,114],[206.98076923076923,114],[223.98076923076923,114],[237.5,113]],[[256.5576923076923,114],[278.4807692307692,114],[295.4807692307692,114],[314.5,114]],[[334.0576923076923,114],[355.9807692307692,114],[372.9807692307692,114],[396.9807692307692,114]],[[409.0576923076923,113],[396,159],[386,200],[374.5,232]],[[364.5432692307692,268.5],[351.4855769230769,314.5],[341.4855769230769,355.5],[331.5,387]],[[319.5432692307692,422.5],[314,449],[306,474],[291,513]],[[176.5,89],[178.5,126],[178.25,106.25],[177.5,141]],[[406.5,321.75],[375.5,322.75],[330.5,321.75],[301.5,321.75]]],[[[202,117],[248,118],[363,119],[433,119]],[[433,119],[425.66666666666663,128.66666666666666],[418.3333333333333,138.33333333333331],[187,516]],[[187,516],[257,518],[360,517],[429,517]],[[429,517],[418,495],[381,429],[204,117]]],[[[385,510],[385,376.66666666666663],[385,243.33333333333331],[385,110]],[[385,110],[336,151],[296,189],[260,220]],[[260,220],[288,244],[311,262],[386,324]],[[384,509],[360,500],[334,489],[311,478]]]];}

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

animaclock: a customizable online clock and alarm clock