library-mirrors/dat.gui
1
0
Fork 0
mirror of https://github.com/dataarts/dat.gui.git synced 2024-12-12 04:08:27 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Changes to index

Browse Source
This commit is contained in:
George Michael Brower 2011-01-25 19:15:20 -07:00
commit 9f2a03fff3
30 changed files with 101 additions and 954 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
demo/assets/a.svg
View File

@ -1,22 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-44.44 -71.704 800 600" enable-background="new -44.44 -71.704 800 600"
xml:space="preserve">
<defs>
</defs>
<path d="M12.347,11.06c1.295-0.163,2.221-0.366,2.779-0.61c1-0.423,1.5-1.082,1.5-1.978c0-1.09-0.384-1.843-1.151-2.258
s-1.893-0.623-3.378-0.623c-1.667,0-2.846,0.407-3.539,1.221c-0.495,0.603-0.825,1.416-0.99,2.441H0.854
c0.147-2.327,0.801-4.24,1.961-5.737C4.663,1.172,7.834,0,12.33,0c2.926,0,5.524,0.578,7.797,1.733
c2.272,1.156,3.408,3.337,3.408,6.543v12.207c0,0.847,0.016,1.872,0.049,3.076c0.049,0.912,0.187,1.53,0.415,1.855
c0.228,0.326,0.569,0.594,1.025,0.806v1.025h-7.568c-0.212-0.537-0.358-1.042-0.439-1.514c-0.082-0.472-0.146-1.009-0.195-1.611
c-0.966,1.042-2.08,1.929-3.34,2.661c-1.506,0.862-3.209,1.294-5.108,1.294c-2.423,0-4.424-0.688-6.004-2.063
C0.79,24.638,0,22.689,0,20.166c0-3.271,1.271-5.64,3.812-7.104c1.394-0.797,3.443-1.367,6.149-1.709L12.347,11.06z M16.601,14.307
c-0.445,0.277-0.895,0.5-1.349,0.671c-0.454,0.171-1.077,0.33-1.869,0.476L11.8,15.747c-1.484,0.261-2.551,0.578-3.198,0.952
c-1.096,0.635-1.644,1.62-1.644,2.954c0,1.188,0.334,2.047,1.004,2.576c0.669,0.529,1.483,0.793,2.442,0.793
c1.521,0,2.921-0.439,4.202-1.318c1.281-0.879,1.946-2.482,1.996-4.81V14.307z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

18
demo/assets/b.svg
View File

@ -1,18 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-73.811 -63.012 800 600" enable-background="new -73.811 -63.012 800 600"
xml:space="preserve">
<defs>
</defs>
<path d="M22.966,12.524c1.991,2.523,2.986,5.778,2.986,9.766c0,4.134-0.982,7.561-2.945,10.278
c-1.963,2.718-4.704,4.077-8.221,4.077c-2.209,0-3.984-0.439-5.325-1.318c-0.802-0.521-1.669-1.432-2.601-2.734v3.345H0V0h6.958
v12.793c0.884-1.237,1.859-2.181,2.924-2.832c1.261-0.813,2.867-1.221,4.816-1.221C18.22,8.74,20.976,10.002,22.966,12.524z
M17.15,28.735c1.001-1.448,1.502-3.353,1.502-5.713c0-1.888-0.247-3.45-0.738-4.688c-0.936-2.344-2.659-3.516-5.169-3.516
c-2.544,0-4.292,1.147-5.244,3.442c-0.492,1.221-0.738,2.8-0.738,4.736c0,2.279,0.508,4.167,1.526,5.664
c1.017,1.498,2.568,2.246,4.652,2.246C14.747,30.908,16.149,30.184,17.15,28.735z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

17
demo/assets/c.svg
View File

@ -1,17 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-103.083 -71.704 800 600"
enable-background="new -103.083 -71.704 800 600" xml:space="preserve">
<defs>
</defs>
<path d="M17.432,10.181c-0.13-0.993-0.465-1.888-1.003-2.686c-0.783-1.074-1.999-1.611-3.646-1.611c-2.35,0-3.957,1.164-4.821,3.491
c-0.457,1.234-0.685,2.874-0.685,4.919c0,1.949,0.228,3.515,0.685,4.7c0.832,2.214,2.398,3.32,4.699,3.32
c1.631,0,2.79-0.439,3.475-1.318s1.101-2.018,1.248-3.418h7.104c-0.163,2.116-0.929,4.118-2.297,6.006
c-2.184,3.044-5.417,4.565-9.702,4.565c-4.285,0-7.438-1.27-9.458-3.809C1.01,21.802,0,18.51,0,14.464
C0,9.9,1.116,6.348,3.348,3.809S8.659,0,12.586,0c3.34,0,6.072,0.749,8.199,2.246c2.126,1.498,3.384,4.143,3.776,7.935H17.432z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

17
demo/assets/d.svg
View File

@ -1,17 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-130.695 -63.012 800 600"
enable-background="new -130.695 -63.012 800 600" xml:space="preserve">
<defs>
</defs>
<path d="M15.82,9.753c1.253,0.708,2.271,1.689,3.052,2.942V0h7.056v35.938h-6.763v-3.687c-0.993,1.579-2.124,2.727-3.394,3.442
s-2.849,1.074-4.736,1.074c-3.109,0-5.725-1.257-7.849-3.772S0,27.254,0,23.315c0-4.541,1.045-8.113,3.137-10.718
c2.091-2.604,4.887-3.906,8.386-3.906C13.135,8.691,14.567,9.045,15.82,9.753z M17.529,28.711c1.025-1.465,1.538-3.361,1.538-5.688
c0-3.255-0.822-5.583-2.466-6.982c-1.009-0.846-2.181-1.27-3.516-1.27c-2.035,0-3.528,0.769-4.48,2.307s-1.428,3.447-1.428,5.725
c0,2.458,0.484,4.423,1.453,5.896c0.968,1.473,2.437,2.209,4.407,2.209C15.006,30.908,16.504,30.176,17.529,28.711z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

18
demo/assets/e.svg
View File

@ -1,18 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-160.847 -71.63 800 600" enable-background="new -160.847 -71.63 800 600"
xml:space="preserve">
<defs>
</defs>
<path d="M19.44,1.247c1.856,0.832,3.389,2.144,4.599,3.937c1.09,1.582,1.797,3.415,2.12,5.502c0.188,1.223,0.264,2.983,0.229,5.281
H7.007c0.108,2.669,1.036,4.541,2.783,5.615c1.063,0.667,2.342,1.001,3.836,1.001c1.585,0,2.873-0.407,3.864-1.221
c0.54-0.439,1.018-1.05,1.432-1.831h7.104c-0.188,1.579-1.047,3.182-2.58,4.81c-2.384,2.588-5.721,3.882-10.012,3.882
c-3.542,0-6.666-1.091-9.374-3.274C1.354,22.766,0,19.214,0,14.294C0,9.685,1.222,6.15,3.666,3.69C6.109,1.23,9.282,0,13.182,0
C15.498,0,17.584,0.416,19.44,1.247z M9.031,7.258C8.048,8.271,7.43,9.645,7.178,11.377h11.987
c-0.126-1.847-0.744-3.249-1.854-4.205c-1.109-0.956-2.485-1.435-4.127-1.435C11.399,5.737,10.014,6.244,9.031,7.258z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.3 KiB

15
demo/assets/f.svg
View File

@ -1,15 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-188.02 -62.597 800 600" enable-background="new -188.02 -62.597 800 600"
xml:space="preserve">
<defs>
</defs>
<path d="M13.745,0.037c0.358,0.024,0.846,0.061,1.465,0.11v5.664c-0.391-0.049-1.046-0.085-1.965-0.11
c-0.92-0.024-1.555,0.179-1.904,0.61c-0.35,0.432-0.525,0.908-0.525,1.428c0,0.521,0,1.27,0,2.246h4.565v4.907h-4.565v21.46H3.906
v-21.46H0V9.985h3.809V8.276c0-2.848,0.48-4.81,1.44-5.884C6.258,0.798,8.691,0,12.549,0C12.988,0,13.387,0.012,13.745,0.037z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 971 B

20
demo/assets/g.svg
View File

@ -1,20 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-205.769 -71.704 800 600"
enable-background="new -205.769 -71.704 800 600" xml:space="preserve">
<defs>
</defs>
<path d="M14.8,0.61c1.69,0.7,3.056,1.986,4.096,3.857V0.635h6.787v25.244c0,3.434-0.578,6.022-1.733,7.764
c-1.986,2.995-5.794,4.492-11.426,4.492c-3.402,0-6.177-0.667-8.325-2.002c-2.148-1.335-3.337-3.329-3.564-5.981h7.568
c0.195,0.813,0.513,1.399,0.952,1.758c0.749,0.635,2.01,0.952,3.784,0.952c2.506,0,4.183-0.838,5.029-2.515
c0.553-1.074,0.83-2.881,0.83-5.42v-1.709c-0.667,1.14-1.384,1.994-2.148,2.563c-1.384,1.058-3.182,1.587-5.396,1.587
c-3.418,0-6.148-1.2-8.191-3.601C1.021,21.367,0,18.115,0,14.014c0-3.955,0.983-7.279,2.95-9.973C4.917,1.347,7.705,0,11.313,0
C12.646,0,13.809,0.204,14.8,0.61z M17.17,19.69c1.119-1.229,1.678-3.186,1.678-5.872c0-2.522-0.531-4.443-1.593-5.762
s-2.483-1.978-4.266-1.978c-2.432,0-4.109,1.147-5.033,3.442c-0.486,1.221-0.729,2.727-0.729,4.517c0,1.546,0.259,2.922,0.778,4.126
c0.94,2.246,2.625,3.369,5.057,3.369C14.682,21.533,16.051,20.919,17.17,19.69z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.5 KiB

16
demo/assets/h.svg
View File

@ -1,16 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-237.995 -63.085 800 600"
enable-background="new -237.995 -63.085 800 600" xml:space="preserve">
<defs>
</defs>
<path d="M19.076,9.4c1.336,0.57,2.435,1.442,3.294,2.614c0.729,0.994,1.175,2.017,1.337,3.067c0.162,1.05,0.243,2.765,0.243,5.143
v15.639h-7.104V19.659c0-1.434-0.243-2.591-0.727-3.47c-0.63-1.238-1.826-1.858-3.586-1.858c-1.826,0-3.211,0.615-4.157,1.846
c-0.945,1.23-1.417,2.986-1.417,5.267v14.421H0V0h6.958v12.695c1.005-1.546,2.167-2.625,3.488-3.235
c1.32-0.61,2.71-0.916,4.169-0.916C16.252,8.545,17.739,8.83,19.076,9.4z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.0 KiB

13
demo/assets/i.svg
View File

@ -1,13 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-268.586 -62.744 800 600"
enable-background="new -268.586 -62.744 800 600" xml:space="preserve">
<defs>
</defs>
<path d="M7.056,6.421H0V0h7.056V6.421z M0,9.595h7.056v26.611H0V9.595z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 691 B

15
demo/assets/j.svg
View File

@ -1,15 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-279.353 -62.744 800 600"
enable-background="new -279.353 -62.744 800 600" xml:space="preserve">
<defs>
</defs>
<path d="M0,41.309c0.391,0.032,0.667,0.053,0.83,0.061c0.163,0.008,0.309,0.012,0.439,0.012c0.684,0,1.2-0.167,1.55-0.5
c0.35-0.334,0.525-0.981,0.525-1.941V9.717h6.958v29.346c0,2.686-0.529,4.671-1.587,5.957c-1.058,1.286-3.133,1.929-6.226,1.929
c-0.212,0-0.525-0.008-0.94-0.024C1.135,46.907,0.618,46.891,0,46.875V41.309z M10.303,6.421H3.345V0h6.958V6.421z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 977 B

13
demo/assets/k.svg
View File

@ -1,13 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-296.198 -63.085 800 600"
enable-background="new -296.198 -63.085 800 600" xml:space="preserve">
<defs>
</defs>
<path d="M0,0h6.836v19.413l8.776-10.038h8.653l-9.539,9.914l9.908,16.576h-8.468l-6.448-11.37L6.836,27.49v8.374H0V0z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 736 B

13
demo/assets/l.svg
View File

@ -1,13 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-324.226 -62.963 800 600"
enable-background="new -324.226 -62.963 800 600" xml:space="preserve">
<defs>
</defs>
<path d="M6.958,35.986H0V0h6.958V35.986z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 662 B

19
demo/assets/m.svg
View File

@ -1,19 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-337.849 -71.752 800 600"
enable-background="new -337.849 -71.752 800 600" xml:space="preserve">
<defs>
</defs>
<path d="M33.325,0.684c1.139,0.456,2.173,1.253,3.101,2.393c0.749,0.928,1.253,2.067,1.514,3.418
c0.163,0.896,0.244,2.206,0.244,3.931l-0.049,16.772h-7.129V10.254c0-1.009-0.163-1.839-0.488-2.49
C29.899,6.527,28.76,5.908,27.1,5.908c-1.921,0-3.247,0.798-3.979,2.393c-0.375,0.847-0.562,1.864-0.562,3.052v15.845h-7.007V11.353
c0-1.579-0.163-2.726-0.488-3.442c-0.586-1.286-1.733-1.929-3.442-1.929c-1.986,0-3.32,0.643-4.004,1.929
c-0.375,0.732-0.562,1.823-0.562,3.271v16.016H0V0.635h6.763v3.882c0.862-1.383,1.676-2.368,2.441-2.954
C10.555,0.521,12.305,0,14.453,0c2.034,0,3.678,0.448,4.932,1.343c1.009,0.83,1.774,1.896,2.295,3.198
c0.911-1.562,2.042-2.71,3.394-3.442C26.505,0.366,28.101,0,29.858,0C31.03,0,32.186,0.228,33.325,0.684z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.3 KiB

15
demo/assets/n.svg
View File

@ -1,15 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-382.478 -71.704 800 600"
enable-background="new -382.478 -71.704 800 600" xml:space="preserve">
<defs>
</defs>
<path d="M21.41,2.161c1.742,1.44,2.613,3.829,2.613,7.166v17.92h-7.129V11.06c0-1.399-0.186-2.474-0.557-3.223
c-0.679-1.367-1.972-2.051-3.878-2.051c-2.343,0-3.95,1.001-4.823,3.003c-0.453,1.058-0.679,2.409-0.679,4.053v14.404H0V0.684h6.738
v3.882c0.891-1.367,1.734-2.352,2.528-2.954C10.692,0.537,12.5,0,14.688,0C17.427,0,19.667,0.72,21.41,2.161z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 967 B

17
demo/assets/o.svg
View File

@ -1,17 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-411.335 -71.484 800 600"
enable-background="new -411.335 -71.484 800 600" xml:space="preserve">
<defs>
</defs>
<path d="M23.828,24.21c-2.246,2.772-5.656,4.159-10.229,4.159c-4.574,0-7.983-1.386-10.229-4.159S0,18.1,0,14.197
c0-3.837,1.123-7.163,3.369-9.977S9.024,0,13.599,0c4.573,0,7.983,1.407,10.229,4.22s3.369,6.139,3.369,9.977
C27.197,18.1,26.074,21.438,23.828,24.21z M18.262,20.365c1.09-1.446,1.636-3.502,1.636-6.168s-0.546-4.717-1.636-6.155
c-1.091-1.438-2.653-2.158-4.688-2.158c-2.035,0-3.602,0.719-4.699,2.158c-1.1,1.438-1.648,3.49-1.648,6.155
s0.549,4.722,1.648,6.168c1.098,1.447,2.664,2.169,4.699,2.169C15.608,22.534,17.171,21.812,18.262,20.365z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

18
demo/assets/p.svg
View File

@ -1,18 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-443.317 -71.752 800 600"
enable-background="new -443.317 -71.752 800 600" xml:space="preserve">
<defs>
</defs>
<path d="M22.574,3.442c2.171,2.295,3.256,5.664,3.256,10.107c0,4.688-1.061,8.26-3.183,10.718c-2.121,2.458-4.853,3.687-8.194,3.687
c-2.13,0-3.899-0.529-5.308-1.587c-0.77-0.586-1.523-1.44-2.261-2.563v13.867H0V0.586h6.665v3.931
C7.418,3.361,8.221,2.45,9.073,1.782C10.629,0.594,12.479,0,14.626,0C17.754,0,20.403,1.147,22.574,3.442z M17.234,8.447
c-0.946-1.579-2.479-2.368-4.601-2.368c-2.549,0-4.3,1.196-5.253,3.589c-0.494,1.27-0.74,2.881-0.74,4.834
c0,3.093,0.83,5.266,2.489,6.519c0.986,0.732,2.154,1.099,3.503,1.099c1.957,0,3.449-0.749,4.478-2.246
c1.027-1.497,1.542-3.491,1.542-5.981C18.652,11.841,18.18,10.026,17.234,8.447z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

18
demo/assets/q.svg
View File

@ -1,18 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-472.272 -71.63 800 600" enable-background="new -472.272 -71.63 800 600"
xml:space="preserve">
<defs>
</defs>
<path d="M16.675,1.638c0.797,0.619,1.611,1.638,2.441,3.056V0.757h6.714v37.109h-6.885V24.023c-0.521,1.074-1.412,2.031-2.674,2.869
c-1.261,0.838-2.982,1.257-5.163,1.257c-3.076,0-5.697-1.23-7.861-3.689C1.082,22,0,18.718,0,14.612
c0-4.431,1.086-7.974,3.26-10.629C5.432,1.328,8.113,0,11.304,0C13.517,0,15.308,0.546,16.675,1.638z M18.162,19.112
c0.652-1.353,0.979-3.064,0.979-5.135c0-1.629-0.277-3.089-0.832-4.376c-0.994-2.315-2.739-3.472-5.235-3.472
c-1.762,0-3.177,0.677-4.244,2.029c-1.068,1.353-1.603,3.407-1.603,6.162c0,1.842,0.244,3.35,0.734,4.523
c0.913,2.233,2.608,3.35,5.088,3.35C15.446,22.192,17.15,21.166,18.162,19.112z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

15
demo/assets/r.svg
View File

@ -1,15 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-504.523 -71.704 800 600"
enable-background="new -504.523 -71.704 800 600" xml:space="preserve">
<defs>
</defs>
<path d="M14.855,0.012c0.09,0.008,0.289,0.021,0.599,0.037v7.129c-0.439-0.049-0.83-0.081-1.172-0.098
c-0.342-0.016-0.619-0.024-0.83-0.024c-2.8,0-4.68,0.912-5.64,2.734c-0.537,1.025-0.806,2.604-0.806,4.736v12.72H0V0.635h6.641
v4.639C7.715,3.5,8.65,2.287,9.448,1.636C10.75,0.545,12.442,0,14.526,0C14.656,0,14.767,0.004,14.855,0.012z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 954 B

20
demo/assets/s.svg
View File

@ -1,20 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-522.395 -71.582 800 600"
enable-background="new -522.395 -71.582 800 600" xml:space="preserve">
<defs>
</defs>
<path d="M7.056,18.872c0.147,1.237,0.466,2.116,0.957,2.637c0.866,0.928,2.469,1.392,4.808,1.392c1.374,0,2.466-0.203,3.275-0.61
c0.81-0.407,1.214-1.017,1.214-1.831c0-0.781-0.326-1.375-0.979-1.782c-0.652-0.407-3.078-1.106-7.278-2.1
c-3.024-0.749-5.155-1.685-6.392-2.808c-1.237-1.106-1.855-2.702-1.855-4.785c0-2.458,0.966-4.569,2.899-6.335
C5.638,0.883,8.357,0,11.864,0c3.327,0,6.039,0.664,8.135,1.99c2.096,1.327,3.299,3.618,3.609,6.873H16.65
c-0.098-0.895-0.351-1.603-0.759-2.124c-0.768-0.944-2.073-1.416-3.917-1.416c-1.519,0-2.6,0.236-3.244,0.708
C8.086,6.502,7.764,7.056,7.764,7.69c0,0.798,0.343,1.375,1.028,1.733c0.686,0.375,3.106,1.018,7.265,1.929
c2.771,0.651,4.85,1.636,6.233,2.954c1.367,1.335,2.051,3.003,2.051,5.005c0,2.637-0.982,4.79-2.948,6.458
c-1.965,1.668-5.002,2.502-9.112,2.502c-4.191,0-7.286-0.883-9.283-2.649C0.999,23.857,0,21.606,0,18.872H7.056z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.5 KiB

15
demo/assets/t.svg
View File

@ -1,15 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-549.128 -65.161 800 600"
enable-background="new -549.128 -65.161 800 600" xml:space="preserve">
<defs>
</defs>
<path d="M0,12.378V7.422h3.711V0h6.885v7.422h4.321v4.956h-4.321V26.44c0,1.091,0.138,1.77,0.415,2.039
c0.276,0.269,1.123,0.403,2.539,0.403c0.211,0,0.436-0.004,0.672-0.012c0.235-0.008,0.467-0.02,0.695-0.037v5.2l-3.296,0.122
c-3.288,0.114-5.534-0.456-6.738-1.709c-0.781-0.797-1.172-2.026-1.172-3.687V12.378H0z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 932 B

16
demo/assets/u.svg
View File

@ -1,16 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-568.317 -72.338 800 600"
enable-background="new -568.317 -72.338 800 600" xml:space="preserve">
<defs>
</defs>
<path d="M7.129,0v16.04c0,1.514,0.178,2.653,0.534,3.418c0.632,1.351,1.871,2.026,3.717,2.026c2.364,0,3.984-0.96,4.859-2.881
c0.453-1.042,0.68-2.417,0.68-4.126V0h7.056v26.611h-6.763v-3.76c-0.064,0.082-0.228,0.326-0.486,0.732
c-0.26,0.407-0.568,0.765-0.926,1.074c-1.087,0.977-2.139,1.644-3.152,2.002c-1.015,0.358-2.203,0.537-3.567,0.537
c-3.927,0-6.572-1.416-7.937-4.248C0.381,21.387,0,19.084,0,16.04V0H7.129z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.0 KiB

13
demo/assets/v.svg
View File

@ -1,13 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-43.623 -132.338 800 600"
enable-background="new -43.623 -132.338 800 600" xml:space="preserve">
<defs>
</defs>
<path d="M19.019,0h7.471L16.88,26.611H9.543L0,0h7.812l5.542,19.629L19.019,0z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 698 B

14
demo/assets/w.svg
View File

@ -1,14 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-71.149 -132.338 800 600"
enable-background="new -71.149 -132.338 800 600" xml:space="preserve">
<defs>
</defs>
<path d="M15.454,0h7.056l4.053,19.165L30.713,0h7.251l-7.715,26.611h-7.153L18.921,7.227l-4.224,19.385H7.471L0,0h7.471l4.15,19.092
L15.454,0z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 763 B

13
demo/assets/x.svg
View File

@ -1,13 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-110.297 -132.387 800 600"
enable-background="new -110.297 -132.387 800 600" xml:space="preserve">
<defs>
</defs>
<path d="M0,26.562l9.082-13.477L0.391,0h8.521l4.446,7.708L17.7,0h8.276l-8.74,12.964l9.082,13.599h-8.667l-4.58-8l-4.624,8H0z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 747 B

16
demo/assets/y.svg
View File

@ -1,16 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-138.007 -132.338 800 600"
enable-background="new -138.007 -132.338 800 600" xml:space="preserve">
<defs>
</defs>
<path d="M3.796,31.714l0.879,0.049c0.684,0.032,1.334,0.008,1.953-0.073c0.618-0.082,1.139-0.269,1.562-0.562
c0.407-0.277,0.785-0.854,1.135-1.733c0.35-0.879,0.5-1.416,0.452-1.611L0,0h7.739l5.811,19.629L19.043,0h7.397l-9.123,26.172
c-1.763,5.045-3.158,8.174-4.185,9.387c-1.026,1.212-3.08,1.819-6.159,1.819c-0.619,0-1.116-0.004-1.491-0.012
c-0.375-0.008-0.938-0.037-1.687-0.085V31.714z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1011 B

13
demo/assets/z.svg
View File

@ -1,13 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]>
<svg version="1.0"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="800px" height="600px" viewBox="-166.12 -132.338 800 600"
enable-background="new -166.12 -132.338 800 600" xml:space="preserve">
<defs>
</defs>
<path d="M0.928,5.664V0h21.045v5.786L8.915,20.898h13.521v5.713H0v-5.42L13.191,5.664H0.928z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 712 B

20
demo/demo.css
View File

@ -60,6 +60,26 @@ a:active {
color: #54396e;
}
footer {
background-color: #eee;
width: 510px;
padding: 10px;
}
#columns {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 10px;
}
#columns div {
float: left;
width : auto;
height: 10px;
}
/* SPAN elements with the classes below are added by prettyprint. */
.str { color: #0fa954; }
.kwd { color: #e61d5f; }

58
demo/demo.js
View File

@ -0,0 +1,58 @@
function Example(string, width, height, textAscent) {
this.string = string;
this.width = width;
this.height = height;
this.textAscent = textAscent;
var r = document.createElement('canvas');
var s = r.getContext('2d');
var c = document.createElement('canvas');
var g = c.getContext('2d');
r.setAttribute('width', width);
c.setAttribute('width', width);
r.setAttribute('height', height);
c.setAttribute('height', height);
document.getElementById('helvetica-demo').appendChild(c);
s.font("800 "+textAscent+"px helvetica, arial, sans-serif");
var update = function() {
// Create our reference bitmap
s.fillStyle = "#fff";
s.fillRect(0, 0, this.width, this.height);
s.fillStyle = "#000";
s.fillText(this.string, 0, this.textAscent);
// Pull reference
var imageData = r.getImageData(0, 0, width, height);
var pixels = imageData.data;
for(var i = 0; i < pixels.length; i+=4) {
}
// Take the string
// save a bitmap
// and generate particles
// in the same points
// with hooks for the
// GUI
};
var render = function() {
// Draw the particles
};
var getPixel = function(x, y) {
return
}
}

512
demo/swell.js
View File

@ -1,512 +0,0 @@
/**
* @author george michael brower / http://georgemichaelbrower.com/
*/
function loadSVG(loc, success, fail) {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4) {
if (xmlhttp.status == 200) {
if (xmlhttp.responseXML == null) {
if (fail != undefined) fail.call(this, loc);
} else {
var node = xmlhttp.responseXML.getElementsByTagName("svg").item(0);
var svg = new SVG(node);
svg.filename = loc;
success.call(this, svg, loc);
}
} else {
if (fail != undefined) fail.call(this, loc);
}
}
}
xmlhttp.open("GET", loc, true);
xmlhttp.send(null);
}
function createSVG(svgText) {
var node = document.createElement("svg");
node.innerHTML = svgText;
return new SVG(node);
}
var SVG = function(node) {
this.filename = "";
this.children = [];
// TODO interpret things other than pixels.
var w = node.getAttribute("width");
var h = node.getAttribute("height");
this.width = w == null ? 0 : parseFloat(w.replace("px", ""));
this.height = h == null ? 0 : parseFloat(h.replace("px", ""));
for (var i = 0; i < node.childNodes.length; i++) {
if (!node.childNodes.item(i).getAttribute) continue;
var toAdd;
if (node.childNodes.item(i).nodeName == "g") {
toAdd = new SVG(node.childNodes.item(i));
} else {
toAdd = new Path(node.childNodes.item(i));
}
this.children.push(toAdd);
}
// Draws every path in this SVG to the specified context.
this.draw = function(context) {
for (var i = 0; i < this.children.length; i++) {
this.children[i].draw(context);
}
};
}
var Path = function(element) {
this.element = element;
this.commands = commands(element);
this.lineWidth = parseLineWidth(element);
this.strokeStyle = parseStrokeStyle(element);
this.fillStyle = parseFillStyle(element);
// for at
this.totalLength = 0;
this.lengths = [];
this.tlengths = []
var turtle = function() {
this.x;
this.y;
this.x1;
this.y1;
this.x2;
this.y2;
this.reset = function() {
this.x = this.y = this.x1 = this.y1 = this.x2 = this.y2 = 0;
}
this.reset();
}
// Draws this entire path to the specified context.
this.draw = function(context) {
this.style(context);
context.beginPath();
this.shape(context);
this.end(context);
};
// Calls canvas shape methods such as moveTo(), lineTo(), bezierCurveTo() based on the commands in this path.
this.shape = function(context) {
for (var i = 0; i < this.commands.length; i++) {
this.commands[i].shape(turtle, context);
}
};
this.lerp = function(a,b,c,d,t) {
var t1 = 1.0 - t;
return a*t1*t1*t1 + 3*b*t*t1*t1 + 3*c*t*t*t1 + d*t*t*t;
};
this.at = function(t, c) {
var rx, ry;
if (this.lengths.length == 0) {
this.calcLengths(c);
}
var tt = this.tlengths[0];
var i = 0;
while (t > tt) {
i++;
tt += this.tlengths[i];
}
pt = tt - this.tlengths[i];
var it = this.map(t, pt, tt, 0, 1);
for (var j = 0; j <= i; j++) {
this.commands[j].shape(turtle, c);
}
var px = turtle.x;
var py = turtle.y;
this.commands[i+1].shape(turtle, c);
rx = this.lerp(px, turtle.x1, turtle.x2, turtle.x, it);
ry = this.lerp(py, turtle.y1, turtle.y2, turtle.y, it);
return {x:rx, y:ry};
};
this.map = function(v, i1, i2, o1, o2) {
return o1 + (o2 - o1) * ((v - i1) / (i2 - i1));
}
this.calcLengths = function(c) {
var rx,ry;
var prx, pry;
// go through and get the length of the entire path
// as well as the lengths of each indiv. path
var curLength = 0;
var lengthAccuracy = 0.001;
this.commands[0].shape(turtle, c);
var px = prx = turtle.x;
var py = pry = turtle.y;
for (var i = 1; i < this.commands.length; i++) {
curLength = 0;
px = turtle.x;
py = turtle.y;
this.commands[i].shape(turtle, c);
for (var tt = 0; tt <=1; tt+= lengthAccuracy) {
rx = this.lerp(px, turtle.x1, turtle.x2, turtle.x, tt);
ry = this.lerp(py, turtle.y1, turtle.y2, turtle.y, tt);
curLength += this.dist(rx, ry, prx, pry);
prx = rx;
pry = ry;
}
this.lengths.push(curLength);
this.totalLength += curLength;
}
for (var j = 0; j < this.lengths.length; j++) {
this.tlengths.push(this.lengths[j]/this.totalLength);
}
}
this.dist = function (x, y, xx, yy) {
return Math.sqrt((x - xx) * (x - xx) + (y - yy) * (y - yy));
};
// Sets the drawing style of the canvas context based on the styles in this Path.
this.style = function(context) {
if (this.lineWidth != null) {
context.lineWidth = this.lineWidth;
}
if (this.strokeStyle != null) {
context.strokeStyle = this.strokeStyle;
if (this.lineWidth == undefined) {
context.lineWidth = 1;
}
}
if (this.fillStyle != null) {
context.fillStyle = this.fillStyle;
}
};
// Calls context.fill() and/or context.stroke() depending on the styles in this Path.
this.end = function(context) {
if (this.fillStyle != null) context.fill();
if (this.strokeStyle != null) context.stroke();
}
}
var parseLineWidth = function(element) {
var a = element.attributes.getNamedItem("stroke-width");
return a == null ? null : parseFloat(a.nodeValue);
}
var parseStrokeStyle = function(element) {
var a = element.attributes.getNamedItem("stroke");
return a == null ? null : a.nodeValue;
}
var parseFillStyle = function(element) {
var a = element.attributes.getNamedItem("fill");
if (a == null) {
var s = element.attributes.getNamedItem("stroke");
if (s != null) {
return null;
} else {
return "#000000";
}
} else {
if (a.nodeValue == "none") return null;
return a.nodeValue;
}
}
var Command = function(type, data) {
this.type = type;
this.data = data;
this.debug = false;
// Calls context shape methods such as moveTo(), lineTo(), bezierCurveTo(), etc.
this.shape = function(turtle, c) {
var px = turtle.x;
var py = turtle.y;
if (this.type == "M") {
turtle.x = this.data[0];
turtle.y = this.data[1];
if (c) c.moveTo(turtle.x, turtle.y);
} else if (this.type == "C") {
turtle.x = this.data[4];
turtle.y = this.data[5];
if (c) c.bezierCurveTo(turtle.x1 = this.data[0],
turtle.y1 = this.data[1],
turtle.x2 = this.data[2],
turtle.y2 = this.data[3],
turtle.x,
turtle.y);
} else if (this.type == "c") {
if (c) c.bezierCurveTo(turtle.x1 = turtle.x+this.data[0],
turtle.y1 = turtle.y+this.data[1],
turtle.x2 = turtle.x+this.data[2],
turtle.y2 = turtle.y+this.data[3],
turtle.x += this.data[4],
turtle.y += this.data[5]);
} else if (this.type == "S") {
turtle.x = this.data[2];
turtle.y = this.data[3];
var dx = turtle.x - turtle.x2;
var dy = turtle.y - turtle.y2;
if (c) c.bezierCurveTo(turtle.x1 = turtle.x+dx,
turtle.y1 = turtle.y+dy,
turtle.x2 = this.data[0],
turtle.y2 = this.data[1],
turtle.x,
turtle.y);
} else if (this.type == "s") {
var dx = turtle.x - turtle.x2;
var dy = turtle.y - turtle.y2;
if (c) c.bezierCurveTo(turtle.x1 = turtle.x+dx,
turtle.y1 = turtle.y+dy,
turtle.x2 = turtle.x+this.data[0],
turtle.y2 = turtle.y+this.data[1],
turtle.x += this.data[2],
turtle.y += this.data[3]);
} else if (this.type == "L") {
turtle.x1 = turtle.x;
turtle.y1 = turtle.y;
if (c) c.lineTo(turtle.x = this.data[0],
turtle.y = this.data[1]);
turtle.x2 = turtle.x;
turtle.y2 = turtle.y;
} else if (this.type == "l") {
turtle.x1 = turtle.x;
turtle.y1 = turtle.y;
if (c) c.lineTo(turtle.x+=this.data[0], turtle.y+=this.data[1]);
turtle.x2 = turtle.x;
turtle.y2 = turtle.y;
} else if (this.type == "H") {
turtle.x1 = turtle.x;
turtle.y1 = turtle.y;
if (c) c.lineTo(turtle.x = this.data[0], turtle.y)
turtle.x2 = turtle.x;
turtle.y2 = turtle.y;
} else if (this.type == "h") {
turtle.x1 = turtle.x;
turtle.y1 = turtle.y;
if (c) c.lineTo(turtle.x += this.data[0], turtle.y)
turtle.x2 = turtle.x;
turtle.y2 = turtle.y;
} else if (this.type == "V") {
turtle.x1 = turtle.x;
turtle.y1 = turtle.y;
if (c) c.lineTo(turtle.x, turtle.y = this.data[0]);
turtle.x2 = turtle.x;
turtle.y2 = turtle.y;
} else if (this.type == "v") {
turtle.x1 = turtle.x;
turtle.y1 = turtle.y;
if (c) c.lineTo(turtle.x, turtle.y += this.data[0]);
turtle.x2 = turtle.x;
turtle.y2 = turtle.y;
} else if (this.type == "z") {
c.closePath();
} else {
alert("unrecognized command " + this.type);
}
if (c){
c.strokeStyle = "#000000";
c.lineWidth = 1;
if (this.debug) {
c.strokeRect(turtle.x-1.5, turtle.y-1.5, 3, 3);
c.beginPath();
c.moveTo(turtle.px, turtle.py);
c.lineTo(turtle.x1, turtle.y1);
c.closePath();
c.stroke();
}
}
}
}
// Utility functions
var commands = function(element) {
if (element.nodeName.toLowerCase() == "path") {
return commandsFromD(element.getAttribute("d"));
}
if (element.nodeName.toLowerCase() == "polygon") {
return commandsFromPoints(element.getAttribute("points"));
}
if (element.nodeName.toLowerCase() == "line") {
return commandsFromLine(element);
}
if (element.nodeName.toLowerCase() == "rect") {
return commandsFromRect(element);
}
return [];
}
// Returns an array of commands as interpreted by the "d" attribute of a path.
var commandsFromD = function(d) {
var toReturn = [];
var commands = d.match(/[a-zA-Z][0-9\.\-\,]+/g);
for (var i = 0; i < commands.length; i++) {
var type = commands[i].charAt(0);
// Dirty time.
var commandData = commands[i].substr(1);
commandData = commandData.replace(/\-/g, ",-")
if (commandData.charAt(0) == ",") {
commandData = commandData.substr(1);
}
commandData = commandData.split(",");
for (var j = 0; j < commandData.length; j++) {
commandData[j] = parseFloat(commandData[j]);
}
toReturn.push(new Command(type, commandData));
}
return toReturn;
}
var commandsFromLine = function(element) {
var toReturn = [];
var x1 = parseFloat(element.getAttribute("x1"));
var x2 = parseFloat(element.getAttribute("x2"));
var y1 = parseFloat(element.getAttribute("y1"));
var y2 = parseFloat(element.getAttribute("y2"));
toReturn.push(new Command("M", [x1,y1]));
toReturn.push(new Command("L", [x2,y2]));
return toReturn;
}
// Returns an array of commands as interpreted by the "points" attribute of a polygon.
var commandsFromPoints = function(pointAttribute) {
//pointAttribute = pointAttribute.replace(/\,\-/g, "-");
var shouldBeComma = true;
if (pointAttribute.indexOf(",") == -1) {
for (var i = 0; i < pointAttribute.length; i++) {
var c = pointAttribute.charAt(i);
if (c == " ") {
if (shouldBeComma) {
pointAttribute = pointAttribute.setCharAt(i, ",");
}
shouldBeComma = !shouldBeComma;
}
}
}
pointAttribute = "M"+pointAttribute;
pointAttribute = pointAttribute.replace(/ /g, "L") + "z";
var toReturn = commandsFromD(pointAttribute);
return toReturn;
}
String.prototype.setCharAt = function(index,chr) {
if(index > this.length-1) return str;
return this.substr(0,index) + chr + this.substr(index+1);
}
var commandsFromRect = function(element) {
var toReturn = [];
var x = parseFloat(element.getAttribute("x"));
var y = parseFloat(element.getAttribute("y"));
var w = parseFloat(element.getAttribute("width"));
var h = parseFloat(element.getAttribute("height"));
toReturn.push(new Command("M", [x,y]));
toReturn.push(new Command("h", [w]));
toReturn.push(new Command("v", [h]));
toReturn.push(new Command("h", [-w]));
toReturn.push(new Command("v", [-h]));
return toReturn;
}

46
index.html
View File

@ -15,14 +15,14 @@
<script type="text/javascript" src="controllers/controller.number.js"></script>
<script type="text/javascript" src="controllers/controller.boolean.js"></script>
<script type="text/javascript" src="controllers/controller.function.js"></script>
<script type="text/javascript" src="demo/demo.js"></script>
<script id="demo" type="text/javascript">
<!-- <script type="text/javascript" src="demo/demo.js"></script> -->
<script type="text/javascript">
var controllableObject =
{
numberProperty: 20,
constrainedNum: 0,
notchedNum: 200,
textProperty: "a string",
notchedNum: 240,
pageTitle: "gui-dat",
anotherTextProperty: "another string",
booleanProperty: false,
anotherBooleanProperty: false,
@ -32,39 +32,42 @@
};
window.onload = function() {
prettyPrint();
GUI.start();
// Creates a number box
GUI.add(controllableObject, "numberProperty");
// Creates a slider (min, max)
GUI.add(controllableObject, "constrainedNum", -100, 100)
GUI.add(controllableObject, "constrainedNum", -100, 100);
// Creates a slider with notches
GUI.add(controllableObject, "notchedNum", 0, 800, 100)
GUI.add(controllableObject, "notchedNum", 0, 800, 100);
// Creates a text field
GUI.add(controllableObject, "textProperty");
GUI.add(document.getElementById('helvetica-demo'), "innerHTML");
// Creates a checkbox
GUI.add(controllableObject, "booleanProperty");
// Creates a button
GUI.add(controllableObject, "functionProperty")
.setName("Fire a Function");
};
</script>
</head>
<body>
<h1><a href = "http://twitter.com/guidat"><img src = "demo/assets/favicon.gif" border = "0" alt = "GUI-DAT flag" /></a>GUI-DAT</h1>
<h1><a href = "http://twitter.com/guidat"><img src = "demo/assets/favicon.gif" border = "0" alt = "GUI-DAT flag" /></a><span id = "helvetica-demo">gui-dat</span></h1>
<p>
<strong>gui-dat</strong> is a lightweight controller library for JavaScript. It allows you to easily manipulate variables and fire functions on the fly.
</p>
<p>&bull; <a href="#"><strong>Download the minified source</strong></a> <small>[2.3kb]</small><br/>
&bull; <a href="http://github.com/jonobr1/GUI-DAT">Contribute on GitHub!</a></p>
<h2>Basic Usage</h2>
<pre id="demo-pre" class="prettyprint">
@ -88,10 +91,7 @@ var controllableObject =
window.onload = function() {
GUI.start();
// Closed by default.
GUI.open();
// Creates a number box
GUI.add(controllableObject, &quot;numberProperty&quot;);
@ -114,8 +114,8 @@ window.onload = function() {
};
&lt;/script&gt;</pre>
<footer>
</footer>
<footer>
By <a href="http://georgemichaelbrower.com/">George Michael Brower</a>, <a href="http://jonobr1.com/">Jono Brandel</a>, and <a href="http://github.com/jonobr1/GUI-DAT">you</a>.
</footer>
</body>
</html>