loop.js

const loop = () => {
  ctx.clearRect(0, 0, $canvas.width, $canvas.height);
  
  let x = 125 + Math.cos(angle) * 100
  let y = 125 + Math.sin(angle) * 100
    
  ctx.fillStyle = "hotpink";
  ctx.beginPath();
  ctx.arc(x, y, 10, 0, getRads(360));
  ctx.closePath();
  ctx.fill();
  
  angle = angle >= 360
    ? 0 
    : angle + velocity
  
  requestAnimationFrame(loop)
}