p5.js shininess()用法及代码示例

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

用法:

shininess( shine )

参数：该函数接受如上所述和以下描述的单个参数。

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); 
}

输出：
shininess-slider

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

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

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

相关用法

注：本文由纯净天空筛选整理自sayantanm19大神的英文原创作品 p5.js | shininess() Function。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。