Javascript 傅里叶级数仿真器

我写了一个绘图应用程序，可以将绘图转换成傅里叶级数，但它做了一件奇怪的事情，它向内旋转。出于某种原因，这个系列的所有常数在大小上都是相似的（我认为这是不正确的，但我可能是错的）。这是我的密码：

var状态=[“开始”、“绘图”、“圆圈”]；
var currentState=状态[0]；
var图=[]；
var常数=[]；
//一半是因为-50到50之间
var halfNumCircles=50；
var时间=0；
var deltaTime=0.01；
//初始设置
函数设置（）{
createCanvas（window.innerWidth，window.innerHeight）；
角度模式（度）；
帧率（30）；
光标（十字）；
}
//绘图循环
函数绘图（）{
背景（255）；
//斧头
中风（100）；
线条（宽度/2，0，宽度/2，高度）；
行（0，高度/2，宽度，高度/2）；
//绘图
冲程（0）；
如果（currentState==状态[1]）{
//将鼠标点添加到图形中
推送图（[mouseX-宽度/2，mouseY-高度/2]）；
//作图
for（设i=0；i
将时间除以1000.0，得到以秒为单位的时间：

var times\u s=time/1000.0；
var pointX=常数[i][0]*cos（n*2*Math.PI*乘以）-
常数[i][1]*sin（n*2*Math.PI*乘以μs）；
var pointY=常数[i][0]*sin（n*2*Math.PI*乘以s）+
常数[i][1]*cos（n*2*Math.PI*乘以μs）；


var状态=[“开始”、“绘图”、“圆圈”]；
var currentState=状态[0]；
var图=[]；
var常数=[]；
//一半是因为-50到50之间
var halfNumCircles=50；
var时间=0；
var deltaTime=0.01；
//初始设置
函数设置（）{
createCanvas（window.innerWidth，window.innerHeight）；
角度模式（度）；
帧率（30）；
光标（十字）；
}
//绘图循环
函数绘图（）{
背景（255）；
//斧头
中风（100）；
线条（宽度/2，0，宽度/2，高度）；
行（0，高度/2，宽度，高度/2）；
//绘图
冲程（0）；
如果（currentState==状态[1]）{
//将鼠标点添加到图形中
推送图（[mouseX-宽度/2，mouseY-高度/2]）；
//作图
for（设i=0；i对于（让c=-halfNumCircles；c>你有关于它的更多信息吗（将绘图转换为傅里叶级数背后的理论）。谢谢