📜  p5.js | shininess()函数

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

p5.js | shininess()函数

p5.js 中的 shininess ()函数用于指定将出现在形状表面上的光泽度。它与specularMaterial()函数组合使用以设置材质属性。

句法:

shininess( shine )

参数:此函数接受上面提到和下面描述的单个参数。

  • 闪耀:它是一个数字,指定元素闪耀的程度。默认值为 1。

下面的示例说明了 p5.js 中的 shininess ()函数

例子:

let newFont;
  
function preload() {
  newFont = loadFont('fonts/Montserrat.otf');
}
  
function setup() {
  createCanvas(500, 300, WEBGL);
  shineInput = createSlider(0, 100, 50, 1);
  shineInput.position(20, 40);
  textFont(newFont);
  textSize(20);
}
  
function draw() {
  background('green');
  text("Move the slider to change the shininess value", -235, -125);
  noStroke();
  ambientLight(60, 60, 60);
  pointLight(255, 255, 255, width / 2, height / 2, 75);
  specularMaterial(250);
  shininess(shineInput.value());
  
  sphere(75);
}

输出:
光泽滑块

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

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

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