p5.js |圆锥()函数

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

句法：

cone( radius, height, detailX, detailY, cap )

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

radius：此参数存储圆锥的半径。

height：此参数存储圆锥体的高度。

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

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

cap：该参数存储是否绘制圆锥底的布尔值。

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

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

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

输出：

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

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

输出：

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