Javascript P5使用数学旋转形状

我试图用一些数学知识让一个红色和蓝色的圆圈在P5中旋转。它由两个半圆组成。如您所见，这两个圆目前正在以10像素的半径运行，而不是旋转。如果我将半径更改为0，它将失去该关系。我不想使用旋转功能

let angle=0//为初始角度声明一个变量
函数设置（）{
createCanvas（400400）；
仰泳（）；
}
函数绘图（）{
背景（255）；
仰泳；
角度模式（度）；
ellipseMode（中心）；
设posX=200；//更改x轴
设posY=200；//更改y轴
让reSize=200；//更改大小
让旋转速度=1；//更改旋转速度
设半径=10；
设x=半径*cos（角度）；
式中y=半径*sin（角度）；
填充（“红色”）；
圆弧（posX+x，posY+y，调整大小，调整大小，0，180）；
填充（“蓝色”）；
圆弧（posX+x，posY+y，调整大小，调整大小，180，360）；
角度+=旋转速度；
}

let angle=0//为初始角度声明一个变量
设currentAnglePercentage=0；
函数getCurrentAngle（）{
返回映射（currentAnglePercentage%100,01000,0360）；
}
函数设置（）{
createCanvas（400400）；
仰泳（）；
}
函数绘图（）{
当前角度百分比++；
背景（255）；
仰泳；
角度模式（度）；
ellipseMode（中心）；
设posX=200；//更改x轴
设posY=200；//更改y轴
让reSize=200；//更改大小
让旋转速度=1；//更改旋转速度
设半径=10；
设x=半径*cos（角度）；
式中y=半径*sin（角度）；
常量c1a1=0+getCurrentAngle（）；
常数c1a2=180+getCurrentAngle（）；
常数c2a1=180+getCurrentAngle（）；
常数c2a2=360+getCurrentAngle（）；
填充（“红色”）；
圆弧（posX+x，posY+y，调整大小，调整大小，c1a1，c1a2）；
填充（“蓝色”）；
圆弧（posX+x，posY+y，调整大小，调整大小，c2a1，c2a2）；
角度+=旋转速度；
}

let angle=0//为初始角度声明一个变量
设currentAnglePercentage=0；
函数getCurrentAngle（）{
返回映射（currentAnglePercentage%100,01000,0360）；
}
函数设置（）{
createCanvas（400400）；
仰泳（）；
}
函数绘图（）{
当前角度百分比++；
背景（255）；
仰泳；
角度模式（度）；
ellipseMode（中心）；
设posX=200；//更改x轴
设posY=200；//更改y轴
让reSize=200；//更改大小
让旋转速度=1；//更改旋转速度
设半径=10；
设x=半径*cos（角度）；
式中y=半径*sin（角度）；
常量c1a1=0+getCurrentAngle（）；
常数c1a2=180+getCurrentAngle（）；
常数c2a1=180+getCurrentAngle（）；
常数c2a2=360+getCurrentAngle（）；
填充（“红色”）；
圆弧（posX+x，posY+y，调整大小，调整大小，c1a1，c1a2）；
填充（“蓝色”）；
圆弧（posX+x，posY+y，调整大小，调整大小，c2a1，c2a2）；
角度+=旋转速度；
}

---

是否希望圆围绕其中心旋转？是否希望圆围绕其中心旋转？谢谢Michel，您已经回答了我的问题，我了解您如何使用map（）函数将currentAnglePercentage变量映射到getCurrentAngle函数。非常感谢。：）谢谢Michel，您已经回答了我的问题，我理解您是如何使用map（）函数将currentAnglePercentage变量映射到getCurrentAngle函数的。非常感谢。：）