diff --git a/gradientBall.html b/gradientBall.html
index fd2041b..c6e247e 100644
--- a/gradientBall.html
+++ b/gradientBall.html
@@ -19,7 +19,7 @@
var ctx = c.getContext("2d");
var width = 320;
var height = 200;
- var rotate = 1;
+ var rotate = 0;
var h = -1;
var s = -1;
var l = -1;
@@ -85,8 +85,8 @@
y: (height / 2) - distance
};
- // Increment rotation (wrap to avoid precision loss)
- rotate = (rotate + speed) % 6283.185
+ // Increment rotation (wrap at full revolution)
+ rotate = (rotate + speed * 0.001) % (2 * Math.PI);
// Define gradient for ball
var grd = ctx.createRadialGradient(midPoint.x, midPoint.y, 0, midPoint.x, midPoint.y, radius);
@@ -101,7 +101,7 @@
ctx.beginPath();
// Rotate canvas around the ball
ctx.translate(midPoint.x, midPoint.y + distance);
- ctx.rotate(0.001 * rotate);
+ ctx.rotate(rotate);
ctx.translate(-midPoint.x, -midPoint.y - distance);
// Draw Ball
ctx.arc(midPoint.x, midPoint.y, radius, 0, Math.PI * 2, false);