stronk/SignalRGB_Effects
1
0
Fork 0
mirror of https://github.com/stronk-dev/SignalRGB_Effects.git synced 2026-04-20 13:25:10 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update gradientBall.html

Browse Source 
Math.PI > magic number
This commit is contained in:
Marco van Dijk 2026-02-27 15:51:11 +01:00 committed by GitHub
parent ee9ee66285
commit 8125089e7d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
gradientBall.html
View File

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