OLD | NEW |
1 // Copyright (c) 2011, the Dart project authors. Please see the AUTHORS file | 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 | 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. | 3 // BSD-style license that can be found in the LICENSE file. |
4 | 4 |
5 #library('spirodraw'); | 5 #library('spirodraw'); |
6 | 6 |
7 #import('dart:dom'); | 7 #import('dart:dom'); |
8 #source("ColorPicker.dart"); | 8 #source("ColorPicker.dart"); |
9 // TODO(732): Reenable when this works in the VM. | 9 // TODO(732): Reenable when this works in the VM. |
10 // #resource("spirodraw.css"); | 10 // #resource("spirodraw.css"); |
(...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
50 penRadiusSlider = doc.getElementById("pen_radius"); | 50 penRadiusSlider = doc.getElementById("pen_radius"); |
51 penWidthSlider = doc.getElementById("pen_width"); | 51 penWidthSlider = doc.getElementById("pen_width"); |
52 speedSlider = doc.getElementById("speed"); | 52 speedSlider = doc.getElementById("speed"); |
53 numTurns = doc.getElementById("num_turns"); | 53 numTurns = doc.getElementById("num_turns"); |
54 mainDiv = doc.getElementById("main"); | 54 mainDiv = doc.getElementById("main"); |
55 frontCanvas = doc.getElementById("canvas"); | 55 frontCanvas = doc.getElementById("canvas"); |
56 front = frontCanvas.getContext("2d"); | 56 front = frontCanvas.getContext("2d"); |
57 backCanvas = doc.createElement("canvas"); | 57 backCanvas = doc.createElement("canvas"); |
58 back = backCanvas.getContext("2d"); | 58 back = backCanvas.getContext("2d"); |
59 paletteElement = doc.getElementById("palette"); | 59 paletteElement = doc.getElementById("palette"); |
60 window.addEventListener('resize', (Event) => onResize(), true); | 60 window.addEventListener('resize', (event) => onResize(), true); |
61 initControlPanel(); | 61 initControlPanel(); |
62 } | 62 } |
63 | 63 |
64 void go() { | 64 void go() { |
65 onResize(); | 65 onResize(); |
66 } | 66 } |
67 | 67 |
68 void onResize() { | 68 void onResize() { |
69 height = window.innerHeight; | 69 height = window.innerHeight; |
70 width = window.innerWidth - 270; | 70 width = window.innerWidth - 270; |
71 yc = height~/2; | 71 yc = height~/2; |
72 xc = width~/2; | 72 xc = width~/2; |
73 frontCanvas.height = height; | 73 frontCanvas.height = height; |
74 frontCanvas.width = width; | 74 frontCanvas.width = width; |
75 backCanvas.height = height; | 75 backCanvas.height = height; |
76 backCanvas.width = width; | 76 backCanvas.width = width; |
77 clear(); | 77 clear(); |
78 } | 78 } |
79 | 79 |
80 void initControlPanel() { | 80 void initControlPanel() { |
81 inOrOut.addEventListener('change', (Event) => refresh(), true); | 81 inOrOut.addEventListener('change', (event) => refresh(), true); |
82 fixedRadiusSlider.addEventListener('change', (Event) => refresh(), true); | 82 fixedRadiusSlider.addEventListener('change', (event) => refresh(), true); |
83 wheelRadiusSlider.addEventListener('change', (Event) => refresh(), true); | 83 wheelRadiusSlider.addEventListener('change', (event) => refresh(), true); |
84 speedSlider.addEventListener('change', (Event) => onSpeedChange(), true); | 84 speedSlider.addEventListener('change', (event) => onSpeedChange(), true); |
85 penRadiusSlider.addEventListener('change', (Event) => refresh(), true); | 85 penRadiusSlider.addEventListener('change', (event) => refresh(), true); |
86 penWidthSlider.addEventListener('change', (Event) => onPenWidthChange(), tru
e); | 86 penWidthSlider.addEventListener('change', (event) => onPenWidthChange(), tru
e); |
87 colorPicker = new ColorPicker(paletteElement); | 87 colorPicker = new ColorPicker(paletteElement); |
88 colorPicker.addListener((String color) => onColorChange(color)); | 88 colorPicker.addListener((String color) => onColorChange(color)); |
89 doc.getElementById("start").addEventListener('click', (EventListener) => sta
rt(), true); | 89 doc.getElementById("start").addEventListener('click', (event) => start(), tr
ue); |
90 doc.getElementById("stop").addEventListener('click', (EventListener) => stop
(), true); | 90 doc.getElementById("stop").addEventListener('click', (event) => stop(), true
); |
91 doc.getElementById("clear").addEventListener('click', (EventListener) => cle
ar(), true); | 91 doc.getElementById("clear").addEventListener('click', (event) => clear(), tr
ue); |
92 doc.getElementById("lucky").addEventListener('click', (EventListener) => luc
ky(), true); | 92 doc.getElementById("lucky").addEventListener('click', (event) => lucky(), tr
ue); |
93 } | 93 } |
94 | 94 |
95 void onColorChange(String color) { | 95 void onColorChange(String color) { |
96 penColor = color; | 96 penColor = color; |
97 drawFrame(rad); | 97 drawFrame(rad); |
98 } | 98 } |
99 | 99 |
100 void onSpeedChange() { | 100 void onSpeedChange() { |
101 speed = speedSlider.valueAsNumber; | 101 speed = speedSlider.valueAsNumber; |
102 stepSize = calcStepSize(); | 102 stepSize = calcStepSize(); |
(...skipping 24 matching lines...) Expand all Loading... |
127 onSpeedChange(); | 127 onSpeedChange(); |
128 numTurns.innerText = "0" + "/" + maxTurns; | 128 numTurns.innerText = "0" + "/" + maxTurns; |
129 penWidth = penWidthSlider.valueAsNumber; | 129 penWidth = penWidthSlider.valueAsNumber; |
130 drawFrame(0.0); | 130 drawFrame(0.0); |
131 } | 131 } |
132 | 132 |
133 int calcNumPoints() { | 133 int calcNumPoints() { |
134 if ((dUnits==0) || (rUnits==0)) | 134 if ((dUnits==0) || (rUnits==0)) |
135 // Empirically, treat it like an oval | 135 // Empirically, treat it like an oval |
136 return 2; | 136 return 2; |
137 int gcf = gcf(RUnits, rUnits); | 137 int gcf_ = gcf(RUnits, rUnits); |
138 int n = RUnits ~/ gcf; | 138 int n = RUnits ~/ gcf_; |
139 int d = rUnits ~/ gcf; | 139 int d_ = rUnits ~/ gcf_; |
140 if (n % 2 == 1) | 140 if (n % 2 == 1) |
141 // odd | 141 // odd |
142 return n; | 142 return n; |
143 else if (d %2 == 1) | 143 else if (d_ %2 == 1) |
144 return n; | 144 return n; |
145 else | 145 else |
146 return n~/2; | 146 return n~/2; |
147 } | 147 } |
148 | 148 |
149 // TODO return optimum step size in radians | 149 // TODO return optimum step size in radians |
150 double calcStepSize() => speed / 100 * maxTurns / numPoints; | 150 double calcStepSize() => speed / 100 * maxTurns / numPoints; |
151 | 151 |
152 void drawFrame(double theta) { | 152 void drawFrame(double theta) { |
153 if (animationEnabled) { | 153 if (animationEnabled) { |
(...skipping 147 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
301 | 301 |
302 int gcf(int n, int d) { | 302 int gcf(int n, int d) { |
303 if (n==d) | 303 if (n==d) |
304 return n; | 304 return n; |
305 int max = Math.max(n, d); | 305 int max = Math.max(n, d); |
306 for (int i = max ~/ 2; i > 1; i--) | 306 for (int i = max ~/ 2; i > 1; i--) |
307 if ((n % i == 0) && (d % i == 0)) | 307 if ((n % i == 0) && (d % i == 0)) |
308 return i; | 308 return i; |
309 return 1; | 309 return 1; |
310 } | 310 } |
OLD | NEW |