javascript - 为什么这些省略号没有正确放置？

Question

显然我需要练习更多三 Angular 函数。我试图围绕中心轴放置一些等于 categories.length 的圆。这是我正在使用的代码(p5.js):

var categoryX, categoryY;

   for (var j=0; j<categories.length; j++){                
        categoryX = width/2 + (250*cos(frameCount/3000) * cos(j*PI/categories.length));                
        categoryY = height/2 + (250*sin(frameCount/3000) * cos(j*PI/categories.length));         
        ellipse(categoryX, categoryY, 250, 250);    

圆圈应该随着时间移动(因此是帧计数)，但也沿着圆圈的不同弧度开始。此代码不起作用。

谁能告诉我为什么？

Answer 1

您不应该将(余)正弦相乘。相反，将它们的参数加在一起以用于一个(余)正弦。我还认为你想用 2π 而不是 π 乘以 j，这样你就覆盖了围绕中心点的整个弧:

cos(frameCount/3000 + j*2*PI/categories.length)

正弦值相同。

所以代码将变成:

var categoryX, categoryY;

for (var j=0; j<categories.length; j++){                
    categoryX = width/2 + 250*cos(frameCount/3000 + j*2*PI/categories.length);
    categoryY = height/2 + 250*sin(frameCount/3000 + j*2*PI/categories.length);
    ellipse(categoryX, categoryY, 250, 250);
    // ...
}