如何做半圆运动？

<div id="circle"></div>

<style>
#circle {
  width: 100px;
  height: 100px;
  background-color: red;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
}
</style>

function moveCircle() {
  var circle = document.getElementById("circle");
  var centerX = window.innerWidth / 2;
  var centerY = window.innerHeight / 2;
  var radius = 100; // 设置半圆运动的半径
  var angle = 0;

  setInterval(function() {
    var x = centerX + Math.cos(angle) * radius;
    var y = centerY + Math.sin(angle) * radius;
    circle.style.left = x + "px";
    circle.style.top = y + "px";
    angle += 0.05; // 调整角度以控制运动速度
  }, 10);
}

moveCircle();