OLD | NEW |
1 var IS_SKV8 = typeof document == "undefined"; | 1 var IS_SKV8 = typeof document == "undefined"; |
2 var HAS_PATH = typeof Path != "undefined"; | 2 var HAS_PATH = typeof Path != "undefined"; |
3 | 3 |
4 var NumTeeth = 24; | 4 var NumTeeth = 24; |
5 var NumGears = 60; | 5 var NumGears = 60; |
6 var DeltaTheta = Math.PI/90; | 6 var DeltaTheta = Math.PI/90; |
7 var FaceColors = ["#000099", "#006600", "#990000", "#EEEE00"]; | 7 var FaceColors = ["#000099", "#006600", "#990000", "#EEEE00"]; |
8 var SideColors = ["#0000FF", "#009900", "#FF0000", "#CCCC00"]; | 8 var SideColors = ["#0000FF", "#009900", "#FF0000", "#CCCC00"]; |
9 | 9 |
10 function makeGear(pathLike, r) { | 10 function makeGear(pathLike, r) { |
(...skipping 79 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
90 path: gearPath(r), | 90 path: gearPath(r), |
91 r: r, | 91 r: r, |
92 faceColor: FaceColors[color], | 92 faceColor: FaceColors[color], |
93 sideColor: SideColors[color] | 93 sideColor: SideColors[color] |
94 }); | 94 }); |
95 } | 95 } |
96 | 96 |
97 function draw(ctx) { | 97 function draw(ctx) { |
98 ctx.resetTransform(); | 98 ctx.resetTransform(); |
99 | 99 |
| 100 ctx.fillStyle = "#FFFFFF"; |
| 101 ctx.fillRect(0, 0, 499, 499); |
| 102 |
100 rotation += DeltaTheta; | 103 rotation += DeltaTheta; |
101 if (rotation >= Math.PI*2) { | 104 if (rotation >= Math.PI*2) { |
102 rotation = 0; | 105 rotation = 0; |
103 } | 106 } |
104 | 107 |
105 for (var i=0; i < gears.length; i++) { | 108 for (var i=0; i < gears.length; i++) { |
106 gear = gears[i]; | 109 gear = gears[i]; |
107 draw3DGearAt(ctx, rotation, gear); | 110 draw3DGearAt(ctx, rotation, gear); |
108 } | 111 } |
109 | 112 |
(...skipping 19 matching lines...) Expand all Loading... |
129 var canvas = document.getElementById("gears"); | 132 var canvas = document.getElementById("gears"); |
130 var ctx = canvas.getContext("2d"); | 133 var ctx = canvas.getContext("2d"); |
131 function drawCallback() { | 134 function drawCallback() { |
132 onDraw(ctx); | 135 onDraw(ctx); |
133 setTimeout(drawCallback, 1); | 136 setTimeout(drawCallback, 1); |
134 } | 137 } |
135 setTimeout(drawCallback, 1); | 138 setTimeout(drawCallback, 1); |
136 } | 139 } |
137 } | 140 } |
138 | 141 |
OLD | NEW |