p5.js |环境光()函数

p5.js 中的ambientLight()函数用于创建具有指定颜色的环境光。环境光没有任何特定的来源。它来自画布的各处，均匀地照亮物体。

句法：

ambientLight( v1, v2, v3, [alpha] )

或者

ambientLight( value )

或者

ambientLight( gray, [alpha] )

或者

ambientLight( values )

或者

ambientLight( color )

参数：此函数接受上述八个参数，如下所述：

• v1：它是一个数字，用于确定相对于当前颜色范围的红色或色调值。
• v2：它是一个数字，用于确定相对于当前颜色范围的绿色或饱和度值。
• v3：它是一个数字，用于确定相对于当前颜色范围的蓝色或亮度值。
• alpha：它是一个确定颜色的alpha值的数字。
• value：它是一个定义环境光颜色的字符串。
• gray：它是一个定义环境光灰度值的数字。
• values：它是一个数字数组，定义了环境光颜色的红色、绿色、蓝色和 alpha 分量。
• color：它是一个 p5.Color，它定义了环境光的颜色。

以下示例说明了 p5.js 中的ambientLight()函数：

示例 1：

let newFont;
let pointLightEnable = false;
  
function preload() {
  newFont = loadFont('fonts/Montserrat.otf');
}
  
function setup() {
  createCanvas(600, 300, WEBGL);
  textFont(newFont, 18);
  
  graySlider = createSlider(0, 128, 64, 1);
  graySlider.position(20, 50);
  
  pointLightCheck = createCheckbox(
       "Enable Point Light", false);
  
  pointLightCheck.position(20, 80);
  
  // Toggle point light
  pointLightCheck.changed(() => {
    pointLightEnable = !pointLightEnable;
  });
}
  
function draw() {
  background("green");
  text("Move the slider to change the ambient"
        + " light's red value.", -285, -125);
  noStroke();
  shininess(15);
  if (pointLightEnable) {
    pointLight(0, 0, 255, -width / 2,
                    -height / 2, 250);
  }
  
  grayValue = graySlider.value();
  ambientLight(grayValue, 0, 0);
  specularMaterial(250);
  sphere(100);
}

输出：

示例 2：

let newFont;
let pointLightEnable = false;
  
function preload() {
  newFont = loadFont('fonts/Montserrat.otf');
}
  
function setup() {
  createCanvas(600, 300, WEBGL);
  textFont(newFont, 18);
  
  graySlider = createSlider(0, 128, 64, 1);
  graySlider.position(20, 50);
  
  pointLightCheck = createCheckbox(
        "Enable Point Light", false);
  
  pointLightCheck.position(20, 80);
  
  // Toggle point light
  pointLightCheck.changed(() => {
    pointLightEnable = !pointLightEnable;
  });
}
  
function draw() {
  background("green");
  text("Move the slider to change the ambient"
      + " light's gray value.", -285, -125);
  noStroke();
  shininess(15);
  if (pointLightEnable) {
    pointLight(255, 0, 0, -width / 2,
                    -height / 2, 250);
  }
  
  grayValue = graySlider.value();
  ambientLight(grayValue);
  specularMaterial(250);
  sphere(100);
}

输出：

在线编辑器： https://editor.p5js.org/

环境设置： https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

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