Javascript 用P5.js中的形状制作圆环

Javascript 用P5.js中的形状制作圆环,javascript,processing,p5.js,Javascript,Processing,P5.js,我想在P5.js中用圆圈做一个环。 我希望圆圈之间的大小相同,并完成环,但圆圈的数量可以更改为任何值 for(var i = 0; i < 13; i++){ xCircle = middle + cos(i/3) * 200; yCircle = middle - sin(i/3) * 200; } 这只会启动戒指,但不会完成它。我知道某个地方一定是总的圆数,但我不知道在哪里。以弧度表示的整圆的角度是2*PI=62836。 把一个完整圆的角度除以部分圆的数量,再乘以圆的

我想在P5.js中用圆圈做一个环。 我希望圆圈之间的大小相同,并完成环,但圆圈的数量可以更改为任何值

for(var i = 0; i < 13; i++){
    xCircle = middle + cos(i/3) * 200;
    yCircle = middle - sin(i/3) * 200;
}

这只会启动戒指,但不会完成它。我知道某个地方一定是总的圆数,但我不知道在哪里。

以弧度表示的整圆的角度是2*PI=62836。 把一个完整圆的角度除以部分圆的数量,再乘以圆的指数i

e、 g

中间=/。。。 圆环体=/。。。 圆圈=13; 角度=数学PI*2/圆; forvar i=0;我喜欢圆圈;我++{ xCircle=中间+余角*i*200; yCircle=中间-正弦角度*i*200; 椭圆外圆,Y圆,圆环*2,圆环*2; } 如果要使用度而不是弧度,则可以通过将角度模式切换为度。 整圆的角度为360度:

角度度; 圆圈=13; 角度=360/圈; forvar i=0;我喜欢圆圈;我++{ xCircle=中间+余角*i*200; yCircle=中间-正弦角度*i*200; 椭圆外圆,Y圆,圆环*2,圆环*2; } 如果要绘制形成圆形的接触圆,则可以通过sinangle/2*半径计算一个圆的半径,其中半径是圆形的半径:

圆圈=13; 角度=数学PI*2/圆; 半径=200; 圆环=正弦角/2*半径; 请参见示例:

功能设置{ 创建画布250250; } 函数图{ 背景0; 填充0; 冲程255,0,0 冲程重量2; 中间=宽度/2; 圆圈=13; 角度=数学PI*2/圆; 半径=100; 圆环=正弦角/2*半径; forvar i=0;i<圆;i++{ xCircle=中间+余角*i*半径; yCircle=中间-正弦角*i*半径; 椭圆外圆,Y圆,圆环*2,圆环*2; } }
以弧度表示的整圆角度为2*PI=62836。 把一个完整圆的角度除以部分圆的数量,再乘以圆的指数i

e、 g

中间=/。。。 圆环体=/。。。 圆圈=13; 角度=数学PI*2/圆; forvar i=0;我喜欢圆圈;我++{ xCircle=中间+余角*i*200; yCircle=中间-正弦角度*i*200; 椭圆外圆,Y圆,圆环*2,圆环*2; } 如果要使用度而不是弧度,则可以通过将角度模式切换为度。 整圆的角度为360度:

角度度; 圆圈=13; 角度=360/圈; forvar i=0;我喜欢圆圈;我++{ xCircle=中间+余角*i*200; yCircle=中间-正弦角度*i*200; 椭圆外圆,Y圆,圆环*2,圆环*2; } 如果要绘制形成圆形的接触圆,则可以通过sinangle/2*半径计算一个圆的半径,其中半径是圆形的半径:

圆圈=13; 角度=数学PI*2/圆; 半径=200; 圆环=正弦角/2*半径; 请参见示例:

功能设置{ 创建画布250250; } 函数图{ 背景0; 填充0; 冲程255,0,0 冲程重量2; 中间=宽度/2; 圆圈=13; 角度=数学PI*2/圆; 半径=100; 圆环=正弦角/2*半径; forvar i=0;i<圆;i++{ xCircle=中间+余角*i*半径; yCircle=中间-正弦角*i*半径; 椭圆外圆,Y圆,圆环*2,圆环*2; } }