📜  p5.js |球体()函数

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

p5.js |球体()函数

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

句法:

sphere( radius )

参数:此函数接受存储球体半径的单个参数radius

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

示例 1:本示例使用 sphere()函数绘制圆。

function setup() {
      
    // Create Canvas of size 600*600
    createCanvas(600, 600, WEBGL);
}
   
function draw() {
      
    // Set background color
    background(200);
     
    // Set filled color of sphere
    fill('green');
     
    // sphere() function called
    sphere(100);
}

输出:

示例 2:本示例使用 sphere()函数绘制圆。

function setup() {
      
    // Create Canvas of size 600*600
    createCanvas(600, 600, WEBGL);
}
   
function draw() {
      
    // Set background color
    background(200);
     
    // Set filled color of sphere
    fill('yellow');
     
    // Rotate 
    rotateX(frameCount * 0.01);
    rotate(frameCount*0.03);
     
    // sphere() function called
    sphere(140);
}

输出:

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