P5.js | normalMaterial()函数

在P5.js中，normalMaterial()函数创建一个具有静态光源的标准材质。这个材质由环境光、漫反射光和镜面光组成。

语法

normalMaterial([shader])

• shader：可选参数。指定使用的渲染器，如果没有指定则使用默认渲染器。

示例

在画布上绘制一个球体，并使用normalMaterial()函数为其创建一个标准材质：

function setup() {
  createCanvas(400, 400, WEBGL);
}

function draw() {
  background(220);
  rotateX(frameCount * 0.01);
  rotateY(frameCount * 0.01);
  normalMaterial();
  sphere(100);
}

这段代码将创建一个画布大小为400x400像素的WEBGL模式画布，并且在每一帧都会旋转球体并更新其外观。球体使用默认的normalMaterial()函数创建了一个标准材质。

注意点

• normalMaterial()函数只有在使用WEBGL模式时才有效。
• normalMaterial()函数为环境光、漫反射光和镜面光提供默认设置。

如果想要使用您自己的光源设置，可以使用以下材质函数之一：

• ambientMaterial()
• specularMaterial()
• emissiveMaterial()

在这些函数中，您可以设置要使用的光源和其它属性，以获得您想要的外观效果。

参考链接

• P5.js | normalMaterial()