p5.js | torus()函数

p5.js 中的torus()函数用于绘制具有给定圆环半径和管半径的圆环。

句法：

torus( radius, tubeRadius, detailX, detailY )

参数：该函数接受上面提到的四个参数，如下所述：

radius：此参数存储环面的半径。

tubeRadius：此参数存储管的半径。

detailX：此参数存储 x 维度中的段数。

detailY：此参数存储 y 维度的段数。

下面的程序说明了 p5.js 中的 torus()函数：

示例 1：此示例使用 torus()函数绘制具有给定圆环半径和管半径的圆环。

function setup() {
      
    // Create Canvas of size 600*600
    createCanvas(600, 600, WEBGL);
}
   
function draw() {
      
    // Set background color
    background(200);
     
    // Set fill color of torus
    fill('green');
     
    // Call to torus function
    torus(90, 35, 12, 12);
}

输出：

示例 2：此示例使用 torus()函数绘制具有给定圆环半径和管半径的圆环。

function setup() {
      
    // Create Canvas of size 600*600
    createCanvas(600, 600, WEBGL);
}
   
function draw() {
      
    // Set background color
    background(200);
     
    // Set fill color of torus
    fill('yellow');
     
    // Rotate 
    rotateX(frameCount * 0.01);
    rotate(frameCount*0.05);
     
    // Call to torus function
    torus(90, 35);
}

输出：

参考： https://p5js.org/reference/#/p5/torus