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 = 3; this.colonRadius = 2; this.beginAniTime = 0.5; 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:'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:1, via: 'acc', to: 0 }); this.t[0].push({ src: 1, type: 'shift', mov:0, via: 'acc', to: 0 }); this.t[0].push({ src: 2, type: 'shift', mov:0, via: 'acc', to: 0 }); this.t[0].push({ src: 3, type: 'shift', mov:0, via: 'acc', to: 0 }); this.t[0].push({ src: 4, type: 'shift', mov:0, via: 'acc', to: 0 }); this.t[0].push({ src: 5, type: 'shift', mov:0, via: 'acc', to: 0 }); this.t[0].push({ src: 6, type: 'shift', mov:0, via: 'acc', to: 0 }); this.t[0].push({ src: 7, type: 'shift', mov:0, via: 'acc', to: 0 }); this.t[0].push({ src: 8, type: 'shift', mov:0, via: 'acc', to: 0 }); this.t[0].push({ src: 9, type: 'shift', mov:0, via: 'acc', to: 0 }); this.t[0].push({ src: 10, type: 'shift', mov:0, via: 'acc', to: 0 }); this.t[0].push({ src: 11, type: 'shift', mov:0, via: 'acc', to: 0 }); this.t[1].push({ src: 0, type: 'shift', mov:0, via: 'acc', to: 0 }); this.t[1].push({ src: 1, type: 'shift', mov:0, via: 'acc', to: 0 }); this.t[1].push({ src: 2, type: 'shift', mov:0, via: 'acc', to: 0 }); this.t[1].push({ src: 3, type: 'shift', mov:0, via: 'acc', to: 0 }); this.t[1].push({ src: 4, type: 'shift', mov:0, via: 'acc', to: 0 }); this.t[1].push({ src: 5, type: 'shift', mov:0, via: 'acc', to: 0 }); this.t[1].push({ src: 6, type: 'shift', mov:0, via: 'acc', to: 0 }); this.t[1].push({ src: 7, type: 'shift', mov:0, via: 'acc', to: 0 }); this.t[1].push({ src: 8, type: 'shift', mov:0, via: 'acc', to: 0 }); this.t[1].push({ src: 9, type: 'shift', mov:0, via: 'acc', to: 0 }); this.t[1].push({ src: 10, type: 'shift', mov:0, via: 'acc', to: 0 }); this.t[1].push({ src: 11, type: 'shift', mov:0, via: 'acc', to: 0 }); this.strokes = [[[[15.5,47],[24.5,116],[26.5,233],[69.5,147]],[[69.5,147],[73.5,183],[114.5,230],[115.5,45]],[[159.5,97],[91.5,97],[122.5,194],[161.5,181]],[[161.5,181],[204.5,181],[213.5,90],[158.5,98]],[[199,182],[284,101],[184,-20],[238,179]],[[288.5,105],[239.5,17],[268.5,172],[244.5,210]],[[278.5,137],[269.5,137],[261.5,138],[248.5,138]],[[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]]],[[[55.5,107],[6.5,98],[26.5,233],[69.5,147]],[[69.5,147],[84.5,243],[146.5,111],[84.5,106]],[[162.5,135],[128.5,120],[127.5,188],[161.5,181]],[[161.5,181],[183.5,188],[192.5,127],[158.5,133]],[[206.5,178],[255.5,168],[195,-30],[238,179]],[[269.5,73],[269.5,108],[268.5,172],[265.5,204]],[[269.5,113],[328.5,184],[205.5,165],[267.5,115]],[[155.5,236],[50.5,282],[26.5,149],[88.5,398]],[[215.5,402],[180.5,214],[102.5,456],[208.5,389]],[[231.5,312],[187.5,467],[319.5,390],[281.5,310]],[[226.75,346],[239.75,346],[269.5,350],[285.5,348]],[[281.5,309],[267.5,273],[247.5,275],[230.5,315]],[[143.5,241],[100.5,252],[128.5,330],[143.5,397]]],[[[15.5,47],[24.5,116],[26.5,233],[69.5,147]],[[69.5,147],[73.5,183],[114.5,230],[115.5,45]],[[159.5,97],[91.5,97],[122.5,194],[161.5,181]],[[161.5,181],[204.5,181],[213.5,90],[158.5,98]],[[199,182],[284,101],[184,-20],[238,179]],[[288.5,105],[239.5,17],[268.5,172],[244.5,210]],[[278.5,137],[269.5,137],[261.5,138],[248.5,138]],[[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]]],[[[15.5,47],[24.5,116],[26.5,233],[69.5,147]],[[69.5,147],[73.5,183],[114.5,230],[115.5,45]],[[159.5,97],[91.5,97],[122.5,194],[161.5,181]],[[161.5,181],[204.5,181],[213.5,90],[158.5,98]],[[199,182],[284,101],[184,-20],[238,179]],[[288.5,105],[239.5,17],[268.5,172],[244.5,210]],[[278.5,137],[269.5,137],[261.5,138],[248.5,138]],[[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]]],[[[55.5,107],[6.5,98],[26.5,233],[69.5,147]],[[69.5,147],[84.5,243],[146.5,111],[84.5,106]],[[162.5,135],[128.5,120],[127.5,188],[161.5,181]],[[161.5,181],[183.5,188],[192.5,127],[158.5,133]],[[206.5,178],[255.5,168],[195,-30],[238,179]],[[269.5,73],[269.5,108],[268.5,172],[265.5,204]],[[269.5,113],[328.5,184],[205.5,165],[267.5,115]],[[155.5,236],[50.5,282],[26.5,149],[88.5,398]],[[215.5,402],[180.5,214],[102.5,456],[208.5,389]],[[231.5,312],[187.5,467],[319.5,390],[281.5,310]],[[226.75,346],[239.75,346],[269.5,350],[285.5,348]],[[281.5,309],[267.5,273],[247.5,275],[230.5,315]],[[143.5,241],[100.5,252],[128.5,330],[143.5,397]]],[[[15.5,47],[24.5,116],[26.5,233],[69.5,147]],[[69.5,147],[73.5,183],[114.5,230],[115.5,45]],[[159.5,97],[91.5,97],[122.5,194],[161.5,181]],[[161.5,181],[204.5,181],[213.5,90],[158.5,98]],[[199,182],[284,101],[184,-20],[238,179]],[[288.5,105],[239.5,17],[268.5,172],[244.5,210]],[[278.5,137],[269.5,137],[261.5,138],[248.5,138]],[[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]]],[[[15.5,47],[24.5,116],[26.5,233],[69.5,147]],[[69.5,147],[73.5,183],[114.5,230],[115.5,45]],[[159.5,97],[91.5,97],[122.5,194],[161.5,181]],[[161.5,181],[204.5,181],[213.5,90],[158.5,98]],[[199,182],[284,101],[184,-20],[238,179]],[[288.5,105],[239.5,17],[268.5,172],[244.5,210]],[[278.5,137],[269.5,137],[261.5,138],[248.5,138]],[[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]]],[[[55.5,107],[6.5,98],[26.5,233],[69.5,147]],[[69.5,147],[84.5,243],[146.5,111],[84.5,106]],[[162.5,135],[128.5,120],[127.5,188],[161.5,181]],[[161.5,181],[183.5,188],[192.5,127],[158.5,133]],[[206.5,178],[255.5,168],[195,-30],[238,179]],[[269.5,73],[269.5,108],[268.5,172],[265.5,204]],[[269.5,113],[328.5,184],[205.5,165],[267.5,115]],[[155.5,236],[50.5,282],[26.5,149],[88.5,398]],[[215.5,402],[180.5,214],[102.5,456],[208.5,389]],[[231.5,312],[187.5,467],[319.5,390],[281.5,310]],[[226.75,346],[239.75,346],[269.5,350],[285.5,348]],[[281.5,309],[267.5,273],[247.5,275],[230.5,315]],[[143.5,241],[100.5,252],[128.5,330],[143.5,397]]],[[[15.5,47],[24.5,116],[26.5,233],[69.5,147]],[[69.5,147],[73.5,183],[114.5,230],[115.5,45]],[[159.5,97],[91.5,97],[122.5,194],[161.5,181]],[[161.5,181],[204.5,181],[213.5,90],[158.5,98]],[[199,182],[284,101],[184,-20],[238,179]],[[288.5,105],[239.5,17],[268.5,172],[244.5,210]],[[278.5,137],[269.5,137],[261.5,138],[248.5,138]],[[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]]],[]]; }
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