animaclock.com
|
about
|
gallery
|
Graph-Based Visual Saliency
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 = 15; this.groupPad = 15; this.heightFrac = 1; this.widthFrac = 2; this.bgColor = [31, 31, 31]; this.baseColor = [ 0, 250, 150 ]; this.partColor = { a:[ 200, 0, 0, 1], b:[ 50, 50, 50, 1]}; this.secondColor = this.baseColor; this.colonColors = [ this.baseColor , this.baseColor ]; this.baseLineWidth = 0; this.partLineWidth = 5; this.colonRadius = 2; this.beginAniTime = 0.25; this.endAniTime = 1; this.lineCap = 'butt'; this.showRightColons = false; this.hoursScale= { val: 1 , pos: 'top' , offset:[-3,-.45] }; this.minutesScale= { val: 1 , pos: 'top' , offset:[-6,-.45] }; this.secondsScale= { val: 1 , pos: 'top' , offset:[-2.25,0] }; this.baseInFront = true; this.pulsate = false; this.sevenSegment = false; //this.defaultTrans = { type:'shift', 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 ]}; zeroCol = [0,255,0]; this.t = new Array(); for (var i=0;i<=50;i++) this.t[i] = new Array(); // 4 to 5 this.t[4].push({ src: 0, type: 'shift', mov:0, via: 'osc', to: 0 , col:zeroCol}); this.t[4].push({ src: 1, type: 'shift', mov:0, via: 'osc', to: 1 , col:zeroCol}); this.t[4].push({ src: 2, type: 'shift', mov:0, via: 'osc', to: 2 , col:zeroCol}); this.t[4].push({ src: 3, type: 'shift', mov:0, via: 'osc', to: 3 , col:zeroCol}); this.t[4].push({ src: 4, type: 'shift', mov:0, via: 'osc', to: 4 , col:zeroCol}); this.t[4].push({ src: 4, type: 'shift', mov:1, via: 'osc', to: 11 , col:zeroCol}); this.t[4].push({ src: 5, type: 'shift', mov:0, via: 'osc', to: 5 , col:zeroCol}); this.t[4].push({ src: 6, type: 'shift', mov:0, via: 'osc', to: 12 , col:zeroCol}); this.t[4].push({ src: 6, type: 'shift', mov:1, via: 'osc', to: 6 , col:zeroCol}); this.t[4].push({ src: 13, type: 'shift', mov:1, via: 'osc', to: 11 , col:zeroCol}); this.t[4].push({ src: 7, type: 'shift', mov:0, via: 'osc', to: 7 , col:zeroCol}); this.t[4].push({ src: 7, type: 'shift', mov:0, via: 'osc', to: 13 , col:zeroCol}); this.t[4].push({ src: 7, type: 'shift', mov:0, via: 'osc', to: 14 , col:zeroCol}); this.t[4].push({ src: 8, type: 'shift', mov:0, via: 'osc', to: 15 , col:zeroCol}); this.t[4].push({ src: 8, type: 'shift', mov:0, via: 'osc', to: 16 , col:zeroCol}); this.t[4].push({ src: 9, type: 'shift', mov:0, via: 'osc', to: 9 , col:zeroCol}); this.t[4].push({ src: 10, type: 'shift', mov:0, via: 'osc', to: 10 , col:zeroCol}); this.t[4].push({ src: 11, type: 'shift', mov:1, via: 'osc', to: 17 , col:zeroCol}); this.t[4].push({ src: 12, type: 'shift', mov:1, via: 'osc', to: 17 , col:zeroCol}); //6 to 7 this.t[6].push({ src: 0, type: 'shift', mov:0, via: 'osc', to: 0 , col:zeroCol}); this.t[6].push({ src: 1, type: 'shift', mov:0, via: 'osc', to: 1 , col:zeroCol}); this.t[6].push({ src: 2, type: 'shift', mov:0, via: 'osc', to: 2 , col:zeroCol}); this.t[6].push({ src: 3, type: 'shift', mov:0, via: 'osc', to: 3 , col:zeroCol}); this.t[6].push({ src: 4, type: 'shift', mov:0, via: 'osc', to: 4 , col:zeroCol}); this.t[6].push({ src: 4, type: 'shift', mov:1, via: 'osc', to: 11 , col:zeroCol}); this.t[6].push({ src: 5, type: 'shift', mov:0, via: 'osc', to: 5 , col:zeroCol}); this.t[6].push({ src: 6, type: 'shift', mov:0, via: 'osc', to: 12 , col:zeroCol}); this.t[6].push({ src: 6, type: 'shift', mov:1, via: 'osc', to: 6 , col:zeroCol}); this.t[6].push({ src: 13, type: 'shift', mov:1, via: 'osc', to: 11 , col:zeroCol}); this.t[6].push({ src: 7, type: 'shift', mov:0, via: 'osc', to: 7 , col:zeroCol}); this.t[6].push({ src: 7, type: 'shift', mov:0, via: 'osc', to: 13 , col:zeroCol}); this.t[6].push({ src: 7, type: 'shift', mov:0, via: 'osc', to: 14 , col:zeroCol}); this.t[6].push({ src: 8, type: 'shift', mov:0, via: 'osc', to: 15 , col:zeroCol}); this.t[6].push({ src: 8, type: 'shift', mov:0, via: 'osc', to: 16 , col:zeroCol}); this.t[6].push({ src: 9, type: 'shift', mov:0, via: 'osc', to: 9 , col:zeroCol}); this.t[6].push({ src: 10, type: 'shift', mov:0, via: 'osc', to: 10 , col:zeroCol}); this.t[6].push({ src: 11, type: 'shift', mov:1, via: 'osc', to: 17 , col:zeroCol}); this.t[6].push({ src: 12, type: 'shift', mov:1, via: 'osc', to: 17 , col:zeroCol}); //8 to 9 this.t[8].push({ src: 0, type: 'shift', mov:0, via: 'osc', to: 0 , col:zeroCol}); this.t[8].push({ src: 1, type: 'shift', mov:0, via: 'osc', to: 1 , col:zeroCol}); this.t[8].push({ src: 2, type: 'shift', mov:0, via: 'osc', to: 2 , col:zeroCol}); this.t[8].push({ src: 3, type: 'shift', mov:0, via: 'osc', to: 3 , col:zeroCol}); this.t[8].push({ src: 4, type: 'shift', mov:0, via: 'osc', to: 4 , col:zeroCol}); this.t[8].push({ src: 4, type: 'shift', mov:1, via: 'osc', to: 11 , col:zeroCol}); this.t[8].push({ src: 5, type: 'shift', mov:0, via: 'osc', to: 5 , col:zeroCol}); this.t[8].push({ src: 6, type: 'shift', mov:0, via: 'osc', to: 12 , col:zeroCol}); this.t[8].push({ src: 6, type: 'shift', mov:1, via: 'osc', to: 6 , col:zeroCol}); this.t[8].push({ src: 13, type: 'shift', mov:1, via: 'osc', to: 11 , col:zeroCol}); this.t[8].push({ src: 7, type: 'shift', mov:0, via: 'osc', to: 7 , col:zeroCol}); this.t[8].push({ src: 7, type: 'shift', mov:0, via: 'osc', to: 13 , col:zeroCol}); this.t[8].push({ src: 7, type: 'shift', mov:0, via: 'osc', to: 14 , col:zeroCol}); this.t[8].push({ src: 8, type: 'shift', mov:0, via: 'osc', to: 15 , col:zeroCol}); this.t[8].push({ src: 8, type: 'shift', mov:0, via: 'osc', to: 16 , col:zeroCol}); this.t[8].push({ src: 9, type: 'shift', mov:0, via: 'osc', to: 9 , col:zeroCol}); this.t[8].push({ src: 10, type: 'shift', mov:0, via: 'osc', to: 10 , col:zeroCol}); this.t[8].push({ src: 11, type: 'shift', mov:1, via: 'osc', to: 17 , col:zeroCol}); this.t[8].push({ src: 12, type: 'shift', mov:1, via: 'osc', to: 17 , col:zeroCol}); //5 to 6 this.t[5].push({ src: 0, type: 'shift', mov:0, via: 'osc', to: 0 , col:zeroCol}); this.t[5].push({ src: 1, type: 'shift', mov:0, via: 'osc', to: 1 , col:zeroCol}); this.t[5].push({ src: 2, type: 'shift', mov:0, via: 'osc', to: 2 , col:zeroCol}); this.t[5].push({ src: 3, type: 'shift', mov:0, via: 'osc', to: 3 , col:zeroCol}); this.t[5].push({ src: 4, type: 'shift', mov:0, via: 'osc', to: 4 , col:zeroCol}); this.t[5].push({ src: 4, type: 'shift', mov:1, via: 'osc', to: 13 , col:zeroCol}); this.t[5].push({ src: 5, type: 'shift', mov:0, via: 'osc', to: 5 , col:zeroCol}); this.t[5].push({ src: 5, type: 'shift', mov:0, via: 'osc', to: 5 , col:zeroCol}); this.t[5].push({ src: 6, type: 'shift', mov:1, via: 'osc', to: 6 , col:zeroCol}); this.t[5].push({ src: 12, type: 'shift', mov:1, via: 'osc', to: 6 , col:zeroCol}); this.t[5].push({ src: 7, type: 'shift', mov:0, via: 'osc', to: 7 , col:zeroCol}); this.t[5].push({ src: 13, type: 'shift', mov:0, via: 'osc', to: 7 , col:zeroCol}); this.t[5].push({ src: 14, type: 'shift', mov:0, via: 'osc', to: 7 , col:zeroCol}); this.t[5].push({ src: 15, type: 'shift', mov:0, via: 'osc', to: 8 , col:zeroCol}); this.t[5].push({ src: 16, type: 'shift', mov:0, via: 'osc', to: 8 , col:zeroCol}); this.t[5].push({ src: 9, type: 'shift', mov:0, via: 'osc', to: 9 , col:zeroCol}); this.t[5].push({ src: 10, type: 'shift', mov:0, via: 'osc', to: 10 , col:zeroCol}); this.t[5].push({ src: 17, type: 'shift', mov:1, via: 'osc', to: 11 , col:zeroCol}); this.t[5].push({ src: 17, type: 'shift', mov:1, via: 'osc', to: 12 , col:zeroCol}); this.strokes = [[[[26.5,57],[44.5,112],[34.5,260],[72.5,129]],[[72.5,127],[109.5,268],[105.5,90],[113.5,52]],[[137.25,136.25],[104.25,127.25],[107.25,180.25],[141.25,176.25]],[[141.625,176.5],[164.625,174.5],[163.125,133.5],[136.625,135.5]],[[167.5,175],[206.5,154],[224.5,54],[205.5,55]],[[279.5,81],[242.5,4],[257.5,165],[251.5625,185.6875]],[[278,129],[269,129],[247,129],[232,129]],[[112.5,318],[228.5,326],[57.5,100],[123.5,406]],[[215.5,402],[180.5,214],[102.5,456],[208.5,389]],[[243.5,252],[222.25,454],[274.5,401],[278.5,376]],[[217.5,311],[230.5,311],[250.5,313],[262.5,313]],[[291.5,398],[331.5,241],[273.5,162],[309.5,401]],[[309.5,401],[293.5,324],[327.5,246],[360.5,395]],[[205.5,55],[198.5,44],[177.5,94],[209.5,179]]],[[[49.5,110],[9.5,203],[81.5,192],[72.5,129]],[[72.5,127],[70.5,234],[136.5,148],[87.5,112]],[[137.25,136.25],[104.25,127.25],[107.25,180.25],[141.25,176.25]],[[141.625,176.5],[164.625,174.5],[163.125,133.5],[136.625,135.5]],[[167.5,175],[169.5,160],[188.5,121],[198.5,126]],[[252.5,60],[253.5,93],[251.5,157],[253.5,178]],[[274.625,133],[275.5,107],[233.5,104],[231.125,133]],[[75.5,249],[73.5,280],[75.5,343],[72.5,397]],[[227.5,336],[215.5,318],[217.5,341],[221.5,396]],[[280.5,243],[226.5,248],[210.5,477],[279.5,368]],[[241.375,316.75],[254.375,316.75],[287.125,318.75],[299.125,319.75]],[[159.5,63],[194.5,58],[201.5,137],[209.5,179]],[[232,129],[224.5,161],[278.5,170],[275.5,129]],[[143.5,400],[144.5,331],[145.5,291],[148.5,249]],[[183,250],[164,243],[82,255],[41,248]],[[221.5,396],[227.5,303],[156.5,329],[160.5,354]],[[160.5,354],[158.5,377],[191.5,420],[219.5,373]],[[279.5,368],[307.5,324],[310.5,210],[263.5,252]]],[[[26.5,57],[44.5,112],[34.5,260],[72.5,129]],[[72.5,127],[109.5,268],[105.5,90],[113.5,52]],[[137.25,136.25],[104.25,127.25],[107.25,180.25],[141.25,176.25]],[[141.625,176.5],[164.625,174.5],[163.125,133.5],[136.625,135.5]],[[167.5,175],[206.5,154],[224.5,54],[205.5,55]],[[279.5,81],[242.5,4],[257.5,165],[251.5625,185.6875]],[[278,129],[269,129],[247,129],[232,129]],[[112.5,318],[228.5,326],[57.5,100],[123.5,406]],[[215.5,402],[180.5,214],[102.5,456],[208.5,389]],[[243.5,252],[222.25,454],[274.5,401],[278.5,376]],[[217.5,311],[230.5,311],[250.5,313],[262.5,313]],[[291.5,398],[331.5,241],[273.5,162],[309.5,401]],[[309.5,401],[293.5,324],[327.5,246],[360.5,395]],[[205.5,55],[198.5,44],[177.5,94],[209.5,179]]],[[[49.5,110],[9.5,203],[81.5,192],[72.5,129]],[[72.5,127],[70.5,234],[136.5,148],[87.5,112]],[[137.25,136.25],[104.25,127.25],[107.25,180.25],[141.25,176.25]],[[141.625,176.5],[164.625,174.5],[163.125,133.5],[136.625,135.5]],[[167.5,175],[169.5,160],[188.5,121],[198.5,126]],[[252.5,60],[253.5,93],[251.5,157],[253.5,178]],[[274.625,133],[275.5,107],[233.5,104],[231.125,133]],[[75.5,249],[73.5,280],[75.5,343],[72.5,397]],[[227.5,336],[215.5,318],[217.5,341],[221.5,396]],[[280.5,243],[226.5,248],[210.5,477],[279.5,368]],[[241.375,316.75],[254.375,316.75],[287.125,318.75],[299.125,319.75]],[[159.5,63],[194.5,58],[201.5,137],[209.5,179]],[[232,129],[224.5,161],[278.5,170],[275.5,129]],[[143.5,400],[144.5,331],[145.5,291],[148.5,249]],[[183,250],[164,243],[82,255],[41,248]],[[221.5,396],[227.5,303],[156.5,329],[160.5,354]],[[160.5,354],[158.5,377],[191.5,420],[219.5,373]],[[279.5,368],[307.5,324],[310.5,210],[263.5,252]]],[[[26.5,57],[44.5,112],[34.5,260],[72.5,129]],[[72.5,127],[109.5,268],[105.5,90],[113.5,52]],[[137.25,136.25],[104.25,127.25],[107.25,180.25],[141.25,176.25]],[[141.625,176.5],[164.625,174.5],[163.125,133.5],[136.625,135.5]],[[167.5,175],[206.5,154],[224.5,54],[205.5,55]],[[279.5,81],[242.5,4],[257.5,165],[251.5625,185.6875]],[[278,129],[269,129],[247,129],[232,129]],[[112.5,318],[228.5,326],[57.5,100],[123.5,406]],[[215.5,402],[180.5,214],[102.5,456],[208.5,389]],[[243.5,252],[222.25,454],[274.5,401],[278.5,376]],[[217.5,311],[230.5,311],[250.5,313],[262.5,313]],[[291.5,398],[331.5,241],[273.5,162],[309.5,401]],[[309.5,401],[293.5,324],[327.5,246],[360.5,395]],[[205.5,55],[198.5,44],[177.5,94],[209.5,179]]],[[[49.5,110],[9.5,203],[81.5,192],[72.5,129]],[[72.5,127],[70.5,234],[136.5,148],[87.5,112]],[[137.25,136.25],[104.25,127.25],[107.25,180.25],[141.25,176.25]],[[141.625,176.5],[164.625,174.5],[163.125,133.5],[136.625,135.5]],[[167.5,175],[169.5,160],[188.5,121],[198.5,126]],[[252.5,60],[253.5,93],[251.5,157],[253.5,178]],[[274.625,133],[275.5,107],[233.5,104],[231.125,133]],[[75.5,249],[73.5,280],[75.5,343],[72.5,397]],[[227.5,336],[215.5,318],[217.5,341],[221.5,396]],[[280.5,243],[226.5,248],[210.5,477],[279.5,368]],[[241.375,316.75],[254.375,316.75],[287.125,318.75],[299.125,319.75]],[[159.5,63],[194.5,58],[201.5,137],[209.5,179]],[[232,129],[224.5,161],[278.5,170],[275.5,129]],[[143.5,400],[144.5,331],[145.5,291],[148.5,249]],[[183,250],[164,243],[82,255],[41,248]],[[221.5,396],[227.5,303],[156.5,329],[160.5,354]],[[160.5,354],[158.5,377],[191.5,420],[219.5,373]],[[279.5,368],[307.5,324],[310.5,210],[263.5,252]]],[[[26.5,57],[44.5,112],[34.5,260],[72.5,129]],[[72.5,127],[109.5,268],[105.5,90],[113.5,52]],[[137.25,136.25],[104.25,127.25],[107.25,180.25],[141.25,176.25]],[[141.625,176.5],[164.625,174.5],[163.125,133.5],[136.625,135.5]],[[167.5,175],[206.5,154],[224.5,54],[205.5,55]],[[279.5,81],[242.5,4],[257.5,165],[251.5625,185.6875]],[[278,129],[269,129],[247,129],[232,129]],[[112.5,318],[228.5,326],[57.5,100],[123.5,406]],[[215.5,402],[180.5,214],[102.5,456],[208.5,389]],[[243.5,252],[222.25,454],[274.5,401],[278.5,376]],[[217.5,311],[230.5,311],[250.5,313],[262.5,313]],[[291.5,398],[331.5,241],[273.5,162],[309.5,401]],[[309.5,401],[293.5,324],[327.5,246],[360.5,395]],[[205.5,55],[198.5,44],[177.5,94],[209.5,179]]],[[[49.5,110],[9.5,203],[81.5,192],[72.5,129]],[[72.5,127],[70.5,234],[136.5,148],[87.5,112]],[[137.25,136.25],[104.25,127.25],[107.25,180.25],[141.25,176.25]],[[141.625,176.5],[164.625,174.5],[163.125,133.5],[136.625,135.5]],[[167.5,175],[169.5,160],[188.5,121],[198.5,126]],[[252.5,60],[253.5,93],[251.5,157],[253.5,178]],[[274.625,133],[275.5,107],[233.5,104],[231.125,133]],[[75.5,249],[73.5,280],[75.5,343],[72.5,397]],[[227.5,336],[215.5,318],[217.5,341],[221.5,396]],[[280.5,243],[226.5,248],[210.5,477],[279.5,368]],[[241.375,316.75],[254.375,316.75],[287.125,318.75],[299.125,319.75]],[[159.5,63],[194.5,58],[201.5,137],[209.5,179]],[[232,129],[224.5,161],[278.5,170],[275.5,129]],[[143.5,400],[144.5,331],[145.5,291],[148.5,249]],[[183,250],[164,243],[82,255],[41,248]],[[221.5,396],[227.5,303],[156.5,329],[160.5,354]],[[160.5,354],[158.5,377],[191.5,420],[219.5,373]],[[279.5,368],[307.5,324],[310.5,210],[263.5,252]]],[[[26.5,57],[44.5,112],[34.5,260],[72.5,129]],[[72.5,127],[109.5,268],[105.5,90],[113.5,52]],[[137.25,136.25],[104.25,127.25],[107.25,180.25],[141.25,176.25]],[[141.625,176.5],[164.625,174.5],[163.125,133.5],[136.625,135.5]],[[167.5,175],[206.5,154],[224.5,54],[205.5,55]],[[279.5,81],[242.5,4],[257.5,165],[251.5625,185.6875]],[[278,129],[269,129],[247,129],[232,129]],[[112.5,318],[228.5,326],[57.5,100],[123.5,406]],[[215.5,402],[180.5,214],[102.5,456],[208.5,389]],[[243.5,252],[222.25,454],[274.5,401],[278.5,376]],[[217.5,311],[230.5,311],[250.5,313],[262.5,313]],[[291.5,398],[331.5,241],[273.5,162],[309.5,401]],[[309.5,401],[293.5,324],[327.5,246],[360.5,395]],[[205.5,55],[198.5,44],[177.5,94],[209.5,179]]],[[[49.5,110],[9.5,203],[81.5,192],[72.5,129]],[[72.5,127],[70.5,234],[136.5,148],[87.5,112]],[[137.25,136.25],[104.25,127.25],[107.25,180.25],[141.25,176.25]],[[141.625,176.5],[164.625,174.5],[163.125,133.5],[136.625,135.5]],[[167.5,175],[169.5,160],[188.5,121],[198.5,126]],[[252.5,60],[253.5,93],[251.5,157],[253.5,178]],[[274.625,133],[275.5,107],[233.5,104],[231.125,133]],[[75.5,249],[73.5,280],[75.5,343],[72.5,397]],[[227.5,336],[215.5,318],[217.5,341],[221.5,396]],[[280.5,243],[226.5,248],[210.5,477],[279.5,368]],[[241.375,316.75],[254.375,316.75],[287.125,318.75],[299.125,319.75]],[[159.5,63],[194.5,58],[201.5,137],[209.5,179]],[[232,129],[224.5,161],[278.5,170],[275.5,129]],[[143.5,400],[144.5,331],[145.5,291],[148.5,249]],[[183,250],[164,243],[82,255],[41,248]],[[221.5,396],[227.5,303],[156.5,329],[160.5,354]],[[160.5,354],[158.5,377],[191.5,420],[219.5,373]],[[279.5,368],[307.5,324],[310.5,210],[263.5,252]]]]; }
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