| 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 Path2D != "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) { |
| 11 var dT = Math.PI*2/NumTeeth; | 11 var dT = Math.PI*2/NumTeeth; |
| 12 var dTq = dT/4; | 12 var dTq = dT/4; |
| 13 var outer = r; | 13 var outer = r; |
| 14 var inner = 0.7 * r; | 14 var inner = 0.7 * r; |
| 15 pathLike.moveTo(Math.sin(-2*dTq)*outer, Math.cos(-2*dTq)*outer); | 15 pathLike.moveTo(Math.sin(-2*dTq)*outer, Math.cos(-2*dTq)*outer); |
| 16 for (var i=0; i<NumTeeth; i+=2) { | 16 for (var i=0; i<NumTeeth; i+=2) { |
| 17 pathLike.lineTo(Math.sin(dT*i-dTq)*outer, Math.cos(dT*i-dTq)*outer); | 17 pathLike.lineTo(Math.sin(dT*i-dTq)*outer, Math.cos(dT*i-dTq)*outer); |
| 18 pathLike.lineTo(Math.sin(dT*i+dTq)*inner, Math.cos(dT*i+dTq)*inner); | 18 pathLike.lineTo(Math.sin(dT*i+dTq)*inner, Math.cos(dT*i+dTq)*inner); |
| 19 pathLike.lineTo(Math.sin(dT*(i+1)-dTq)*inner, Math.cos(dT*(i+1)-dTq)*inner); | 19 pathLike.lineTo(Math.sin(dT*(i+1)-dTq)*inner, Math.cos(dT*(i+1)-dTq)*inner); |
| 20 pathLike.lineTo(Math.sin(dT*(i+1)+dTq)*outer, Math.cos(dT*(i+1)+dTq)*outer); | 20 pathLike.lineTo(Math.sin(dT*(i+1)+dTq)*outer, Math.cos(dT*(i+1)+dTq)*outer); |
| 21 } | 21 } |
| 22 } | 22 } |
| 23 | 23 |
| 24 function gearPath(r) { | 24 function gearPath(r) { |
| 25 if (HAS_PATH) { | 25 if (HAS_PATH) { |
| 26 p = new Path(); | 26 p = new Path2D(); |
| 27 makeGear(p, r) | 27 makeGear(p, r) |
| 28 p.closePath(); | 28 p.closePath(); |
| 29 return p; | 29 return p; |
| 30 } else { | 30 } else { |
| 31 return null; | 31 return null; |
| 32 } | 32 } |
| 33 } | 33 } |
| 34 | 34 |
| 35 function strokeGear(ctx, gear) { | 35 function strokeGear(ctx, gear) { |
| 36 if (HAS_PATH) { | 36 if (HAS_PATH) { |
| (...skipping 96 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 133 var ctx = canvas.getContext("2d"); | 133 var ctx = canvas.getContext("2d"); |
| 134 function drawCallback() { | 134 function drawCallback() { |
| 135 onDraw(ctx); | 135 onDraw(ctx); |
| 136 setTimeout(drawCallback, 1); | 136 setTimeout(drawCallback, 1); |
| 137 } | 137 } |
| 138 setTimeout(drawCallback, 1); | 138 setTimeout(drawCallback, 1); |
| 139 } | 139 } |
| 140 } | 140 } |
| 141 | 141 |
| 142 console.log("HAS_PATH: " + HAS_PATH); | 142 console.log("HAS_PATH: " + HAS_PATH); |
| OLD | NEW |