Javascript 如何围绕原点部分旋转直线？（做一个棒状的波浪）

我在p5.js中画了一个棒状图，我正试图让它波动。基本上，我必须绕原点（coord（40290））部分旋转组成其臂的线

我希望它在下面代码中给出的红线和蓝线之间反弹，以使它看起来像是在挥舞。但我不知道该怎么做。我一直在尝试使用rotate（）函数，但没有发现太多成功

任何帮助都将不胜感激

函数设置（）{
createCanvas（400400）；
背景（220）；
}
/*
我的草图概述：
人员1正在使用动画挥手
*/
函数绘图（）{
//人1
笔划（“黑色”）；
第（20395，40355）行；//左腿
第（40，355，60，395）行；//右腿
第（40，355，40，250）行；//正文
第（4029020320）行；//左臂
椭圆（40，220，60）；//头部
//人物1挥舞（动画）
笔划（‘红色’）；
行（4029060250）；//p1右手臂
笔划（“蓝色”）；
第4029080285行；
}

---

要使用“旋转”使图像波动，可以先将图像手臂的铰链点平移到旋转中心，然后旋转，再平移回手臂与身体连接的位置

函数设置（）{
createCanvas（400400）；
背景（220）；
}
//人员1正在使用动画挥手
varθ=0；
var增量角度=真；
函数绘图（）{
//设置背景以便获得动画效果
背景（220）；
//人1
笔划（“黑色”）；
第（20395，40355）行；//左腿
第（40，355，60，395）行；//右腿
第（40，355，40，250）行；//正文
第（4029020320）行；//左臂
椭圆（40，220，60）；//头部
//平移以使右臂的铰链点居中
翻译（40290）；
旋转（θ）；
翻译（-40，-290）；
//人物1挥舞（动画）
笔划（‘红色’）；
行（4029060250）；//p1右手臂
如果（增加角度）{
θ+=0.01；
}否则{
θ-=0.01；
}
//当θ到达一个外倾时，反转运动
如果（θ>π/2）{
增量角度=假；
} 
if（θ<0）{
增量角度=真；
}
}