Fix gradientBall.html

bug could cause it to spin EXTREMELY quickly
This commit is contained in:
Marco van Dijk 2026-02-27 15:43:59 +01:00 committed by GitHub
parent 02f6c978b1
commit 44aa8a136a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -74,7 +74,8 @@
if (h == -1 || s == -1 || l == -1) {
[h, s, l] = hexToHSL(fg);
}
// Reset canvas
// Reset canvas transform and clear
ctx.setTransform(1, 0, 0, 1, 0, 0);
ctx.fillStyle = bg;
ctx.fillRect(0, 0, width, height);
@ -84,8 +85,8 @@
y: (height / 2) - distance
};
// Increment rotation
rotate += speed
// Increment rotation (wrap to avoid precision loss)
rotate = (rotate + speed) % 6283.185
// Define gradient for ball
var grd = ctx.createRadialGradient(midPoint.x, midPoint.y, 0, midPoint.x, midPoint.y, radius);