📜  p5.js |椭圆体()函数

📅  最后修改于: 2022-05-13 01:56:33.025000             🧑  作者: Mango

p5.js |椭圆体()函数

p5.js 中的ellipsoid()函数用于绘制具有给定半径的椭圆体。

句法:

ellipsoid( radiusX, radiusY, radiusZ, detailX, detailY )

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

  • radiusX:此参数存储椭球的 x 半径。
  • radiusY:此参数存储椭球的 y 半径。
  • radiusZ:此参数存储椭球的 z 半径。
  • detailX:此参数存储 x 维度中的段数。
  • detailY:此参数存储 y 维度的段数。

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

    示例 1:此示例使用 ellipsoid()函数绘制具有给定半径的椭圆体。

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

    输出:

    示例 2:此示例使用 ellipsoid()函数绘制具有给定半径的椭圆体。

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

    输出:

    参考: https://p5js.org/reference/#/p5/ellipsoid