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 = 10; this.groupPad = 15; this.heightFrac = 0.45; this.widthFrac = .5; this.bgColor = [31, 31, 31]; this.baseColor = [ 0, 0,100 ]; this.partColor = { a:[200,200,200], b:[200,200,200]}; this.secondColor = this.baseColor; this.colonColors = [ this.baseColor , [255, 255, 255] ]; this.baseLineWidth = 4; this.partLineWidth = 2; this.colonRadius = 2; this.beginAniTime = 0.5; this.endAniTime = 1; this.lineCap = 'butt'; this.showRightColons = false; this.hoursScale= { val: 1 , pos: 'top' , offset:[0,-.5] }; this.minutesScale= { val: 1 , pos: 'top' , offset:[0,-.5] }; this.secondsScale= { val: .5 , pos: 'top' , offset:[-2,.750] }; this.baseInFront = false; this.pulsate = false; this.sevenSegment = false; this.defaultTrans = { type:'flip', turns: 0, via:'lin'} this.lineCap = 'round'; this.connected = false; this.ampmShow = false; this.strokes = [[[[300,100],[100,100],[100,495.6091065491803],[300,495.6091065491803]],[[300,495.6091065491803],[500,495.6091065491803],[500,100],[300,100]],[[299.16668701171875,172],[405.16668701171875,165],[420.16668701171875,416],[299.16668701171875,431]],[[299.16668701171875,431],[191.16668701171875,430],[186.16668701171875,164],[301.16668701171875,172]]],[[[300,100],[300,231.86970218306007],[300,363.73940436612014],[300,495.6091065491803]],[[300,495.6091065491803],[288.16668701171875,493],[269.16668701171875,495],[249.16668701171875,494]],[[249.16668701171875,494],[261.16668701171875,414],[266.16668701171875,203],[258.16668701171875,167]],[[258.16668701171875,167],[241.16668701171875,178],[222.16668701171875,191],[202.16668701171875,194]],[[201.16668701171875,194],[197.16668701171875,176.5],[188.16668701171875,174.5],[185.16668701171875,153.5]],[[185.16668701171875,153.5],[216.16668701171875,157],[273.16668701171875,118],[298.16668701171875,100]]],[[[325.4545593261719,300.7272758483887],[474.4545593261719,113.72727584838867],[228.45455932617188,18.727275848388672],[187.45455932617188,217.72727584838867]],[[325.4545593261719,300.7272758483887],[297,340.7272758483887],[249.16668701171875,414],[222.16668701171875,446]],[[166.60418701171875,481.625],[233.60418701171875,480.625],[341.60418701171875,481.625],[394.85418701171875,480.125]],[[219.16668701171875,447],[271.16668701171875,448],[357.16668701171875,448],[395.16668701171875,452]],[[187.45455932617188,217.72727584838867],[194.7878926595052,224.72727584838864],[202.1212259928385,231.72727584838864],[209.45455932617188,238.72727584838867]],[[209.45455932617188,238.72727584838867],[271.16668701171875,86],[388.16668701171875,151],[292.16668701171875,290]],[[294.16668701171875,287],[268.16668701171875,322],[204.16668701171875,411],[166.16668701171875,482]],[[393.92710367838544,481.39583333333337],[393.16668701171875,469],[394.23960367838544,460.27083333333337],[394.23960367838544,450.27083333333337]]],[[[344.16668701171875,269],[463.16668701171875,300],[489.2803268432617,535.0994677102628],[233.28032684326172,497.09946771026284]],[[342.16668701171875,269],[428.16668701171875,173],[391.41668701171875,38.25],[221.41668701171875,127.25]],[[233.28032684326172,497.09946771026284],[244.94699350992838,485.7661343769295],[256.61366017659503,474.4328010435961],[268.2803268432617,463.09946771026284]],[[268.2803268432617,463.09946771026284],[456.16668701171875,490],[407.16668701171875,278],[284.16668701171875,284]],[[284.16668701171875,284],[417.16668701171875,151],[330.16668701171875,95],[235.16668701171875,150]],[[235.16668701171875,150],[236.16668701171875,154],[224.16668701171875,129],[222.16668701171875,129]]],[[[395.38461538461536,100],[395.38461538461536,231.86970218306007],[395.16668701171875,275],[393.16668701171875,353]],[[392.4545593261719,100.72727584838867],[325.4545593261719,187.72727584838867],[227.45455932617188,313.7272758483887],[164.45455932617188,379.7272758483887]],[[164.45455932617188,379.7272758483887],[263.4545593261719,379.7272758483887],[334.16668701171875,381],[357.16668701171875,380]],[[373.16668701171875,172],[349.16668701171875,201],[277.16668701171875,304],[235.16668701171875,350]],[[235.16668701171875,350],[290.16668701171875,349],[333.16668701171875,351],[360.16668701171875,351]],[[360.16668701171875,351],[367.16668701171875,275],[371.16668701171875,219],[373.16668701171875,170]],[[392.26043701171875,352.375],[404.57293701171875,351.625],[418.57293701171875,354.625],[429.26043701171875,357.375]],[[357.16668701171875,380],[356.16668701171875,409],[355.16668701171875,450],[354.16668701171875,487]],[[354.16668701171875,487],[370.16668701171875,488],[385.16668701171875,488],[393.16668701171875,489]],[[393.16668701171875,489],[394.16668701171875,438],[393.16668701171875,405],[393.16668701171875,388]],[[391.91668701171875,387.625],[404.91668701171875,388.125],[413.91668701171875,389.625],[425.91668701171875,390.625]],[[425.91668701171875,390.625],[428.16668701171875,378],[429.16668701171875,364],[428.16668701171875,355]]],[[[151.90911865234375,100.45454597473145],[219.90911865234375,100.45454597473145],[367.90911865234375,102.45454597473145],[446.90911865234375,102.45454597473145]],[[151.90911865234375,100.45454597473145],[150.90911865234375,129.45454597473145],[150.90911865234375,199.45454597473145],[150.90911865234375,273.45454597473145]],[[150.90911865234375,273.45454597473145],[268.16668701171875,276],[389.16668701171875,289],[383.16668701171875,387]],[[431.16668701171875,389],[428.16668701171875,476],[303.16668701171875,545],[158.90911865234375,452.45454597473145]],[[446.90911865234375,102.45454597473145],[434.5757853190104,115.45454597473143],[422.242451985677,128.45454597473145],[409.90911865234375,141.45454597473145]],[[409.90911865234375,141.45454597473145],[367.16668701171875,141],[252.16668701171875,146],[195.16668701171875,142]],[[195.16668701171875,142],[195.16668701171875,168],[190.16668701171875,216],[193.16668701171875,234]],[[193.16668701171875,234],[344.16668701171875,246],[441.16668701171875,256],[431.16668701171875,390]],[[158.90911865234375,452.45454597473145],[165.90911865234375,444.45454597473145],[172.90911865234375,436.45454597473145],[179.90911865234375,428.45454597473145]],[[179.90911865234375,428.45454597473145],[279.16668701171875,489],[377.16668701171875,450],[383.16668701171875,383]]],[[[152,287.7272758483887],[178,99.72727584838867],[320,52.72727584838867],[423,153.72727584838867]],[[152,287.7272758483887],[135,556.7272758483887],[432,550.7272758483887],[439,366.7272758483887]],[[439,366.7272758483887],[435,242.72727584838867],[226,241.72727584838867],[205.16668701171875,360]],[[423,153.72727584838867],[417.66666666666663,166.060609181722],[412.3333333333333,178.39394251505533],[407,190.72727584838867]],[[407,190.72727584838867],[274.16668701171875,67],[166.16668701171875,263],[205.16668701171875,362]],[[230.16668701171875,392],[240.16668701171875,293],[402.16668701171875,286],[390.16668701171875,395]],[[390.16668701171875,395],[376.16668701171875,486],[220.16668701171875,479],[230.16668701171875,392]]],[[[183.0769230769231,100],[300,100],[300,100],[401.53846153846155,100]],[[401.53846153846155,100],[369.16668701171875,196],[304.16668701171875,353],[248.16668701171875,496]],[[248.16668701171875,496],[233.16668701171875,495],[217.16668701171875,497],[202.16668701171875,496]],[[202.16668701171875,496],[251.16668701171875,351],[312.16668701171875,189],[323.16668701171875,154]],[[323.16668701171875,154],[301.16668701171875,152],[228.16668701171875,148],[192.16668701171875,153]],[[192.16668701171875,153],[191.16668701171875,139],[187.16668701171875,116],[185.16668701171875,101]]],[[[326.16668701171875,278],[455,285.7272758483887],[452,100.72727584838867],[291,104.72727584838867]],[[291,104.72727584838867],[146,98.72727584838867],[147,287.7272758483887],[277.16668701171875,278]],[[326.16668701171875,278],[460,273.7272758483887],[487,500.7272758483887],[303,493.7272758483887]],[[303,493.7272758483887],[118.8728615698094,492.2450837186608],[156.299486352252,266.72956816065255],[278.16668701171875,279]],[[295.16668701171875,145],[390.16668701171875,136],[401.16668701171875,249],[300.16668701171875,243]],[[300.16668701171875,243],[188.16668701171875,245],[216.16668701171875,138],[297.16668701171875,145]],[[302.16668701171875,307],[421.16668701171875,306],[422.16668701171875,462],[303.16668701171875,456]],[[303.16668701171875,456],[205.16668701171875,461],[192.16668701171875,311],[302.16668701171875,307]]],[[[223.0769230769231,450.9435622613696],[450.7692307692308,645.5577195154018],[506.1538461538462,144.6655442878107],[361.53846153846155,106.38079204111581]],[[361.53846153846155,106.38079204111581],[162.16668701171875,72],[114.16668701171875,397],[393.16668701171875,297]],[[393.16668701171875,294],[408.16668701171875,373],[350.16668701171875,502],[254.16668701171875,425]],[[254.16668701171875,425],[242.16668701171875,433],[231.16668701171875,438],[223.16668701171875,451]],[[238.16668701171875,222],[262.16668701171875,105],[403.16668701171875,124],[387.16668701171875,226]],[[387.16668701171875,226],[386.16668701171875,291],[228.16668701171875,310],[240.16668701171875,221]]]]; }

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