OLD | NEW |
| (Empty) |
1 <!-- Copyright (c) 2011, the Dart project authors. Please see the AUTHORS file | |
2 for details. All rights reserved. Use of this source code is governed by a | |
3 BSD-style license that can be found in the LICENSE file. --> | |
4 | |
5 <html> | |
6 <head> | |
7 <title>spirodraw</title> | |
8 <link type="text/css" rel="stylesheet" href="spirodraw.css"> | |
9 | |
10 </head> | |
11 <body> | |
12 <div id="leftnav"> | |
13 <div class="control"> | |
14 <select id="in_out" size="1" class="full"> | |
15 <option selected value="-1">Wheel inside</option> | |
16 <option value="1">Wheel outside</option> | |
17 </select> | |
18 </div> | |
19 | |
20 <div class="control"> | |
21 <label>Fixed radius</label> | |
22 <input id="fixed_radius" type="range" min="10" max="19" value="10"> | |
23 <div class="rangeOption"> | |
24 <div class="rangeRow"> | |
25 <label>10</label> | |
26 <label>11</label> | |
27 <label>12</label> | |
28 <label>13</label> | |
29 <label>14</label> | |
30 <label>15</label> | |
31 <label>16</label> | |
32 <label>17</label> | |
33 <label>18</label> | |
34 <label>19</label> | |
35 </div> | |
36 </div> | |
37 </div> | |
38 | |
39 <div class="control"> | |
40 <label>Wheel radius</label> | |
41 <input id="wheel_radius" type="range" min="0" max="9" value="3"> | |
42 <div class="rangeOption"> | |
43 <div class="rangeRow"> | |
44 <label>0</label> | |
45 <label>1</label> | |
46 <label>2</label> | |
47 <label>3</label> | |
48 <label>4</label> | |
49 <label>5</label> | |
50 <label>6</label> | |
51 <label>7</label> | |
52 <label>8</label> | |
53 <label>9</label> | |
54 </div> | |
55 </div> | |
56 </div> | |
57 | |
58 <div class="control"> | |
59 <label>Pen radius</label> | |
60 <input id="pen_radius" type="range" min="0" max="9"> | |
61 <div class="rangeOption"> | |
62 <div class="rangeRow"> | |
63 <label>0</label> | |
64 <label>1</label> | |
65 <label>2</label> | |
66 <label>3</label> | |
67 <label>4</label> | |
68 <label>5</label> | |
69 <label>6</label> | |
70 <label>7</label> | |
71 <label>8</label> | |
72 <label>9</label> | |
73 </div> | |
74 </div> | |
75 </div> | |
76 | |
77 <div> | |
78 <canvas id="palette" height="160" width="180" /> | |
79 </div> | |
80 | |
81 <div class="control"> | |
82 <label>Pen thickness</label> | |
83 <input id="pen_width" type="range" min="1" max="10"> | |
84 </div> | |
85 | |
86 <div class="control"> | |
87 <div class="rangeOption"> | |
88 <div class="rangeRow"> | |
89 <label class="minLabel">Smoother</label> | |
90 <label class="maxLabel">Faster</label> | |
91 </div> | |
92 </div> | |
93 <input id="speed" type="range" min="1" max="20" value="15"> | |
94 </div> | |
95 | |
96 <div class="control"> | |
97 <div class="buttonBar"> | |
98 <input type="button" id="lucky" value="I'm feeling lucky!"></input> | |
99 </div> | |
100 <div class="buttonBar"> | |
101 <input type="button" id="start" value="Start"></input> | |
102 <input type="button" id="stop" value="Stop"></input> | |
103 <input type="button" id="clear" value="Clear"></input> | |
104 </div> | |
105 </div> | |
106 | |
107 <div class="control,centered"> | |
108 <label># turns</label> | |
109 <label id="num_turns" class="counter">0</label> | |
110 </div> | |
111 </div> | |
112 | |
113 <div id="main"> | |
114 <canvas id="canvas" /> | |
115 </div> | |
116 | |
117 <script type="application/dart" src="Spirodraw.dart"></script> | |
118 <script src="http://dart.googlecode.com/svn/branches/bleeding_edge/dart/client
/dart.js"></script> | |
119 </body> | |
120 </html> | |
OLD | NEW |