p5.js |圆柱体()函数

p5.js 中的cylinder()函数用于绘制具有给定半径和高度的圆柱体。

句法：

cylinder( radius, height, detailX, detailY, bottomCap, topCap )

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

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

height：此参数存储表面的高度。

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

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

bottomCap：该参数存储是否绘制圆柱底部的布尔值。

topCap：该参数存储是否绘制圆柱顶底的布尔值。

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

示例 1：此示例使用 cylinder()函数绘制具有给定半径和高度的圆柱体。

function setup() {
    
    // Create Canvas of size 600*600
    createCanvas(600, 600, WEBGL);
}
   
function draw() {
      
    // Set background color
    background(200);
     
    // Set fill color of cylinder
    fill('green');
     
    // Call to cylinder function
    cylinder(100, 85, 24, 16, true, false);
}

输出：

示例 2：此示例使用 cylinder()函数绘制具有给定半径和高度的圆柱体。

function setup() {
    
    // Create Canvas of size 600*600
    createCanvas(600, 600, WEBGL);
}
   
function draw() {
      
    // Set background color
    background(200);
     
    // Set fill color of cylinder
    fill('yellow');
     
    // Rotate 
    rotateX(frameCount * 0.01);
    rotate(frameCount*0.03);
     
    // Call to cylinder function
    cylinder(140, 205, 24, 16, true);
}

输出：

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