p5.js | emissiveMaterial()函数介绍

在p5.js中，emissiveMaterial()函数用于设置物体发射的颜色。这个函数可以在3D建模中非常有用，使得物体看上去更加生动和逼真。

语法

emissiveMaterial(color)
emissiveMaterial(v1, v2, v3, [alpha])

这个函数接受一个参数，可以是一种颜色或者四个数字。如果是一个颜色值，那么可以使用p5.js中的颜色模式指令以及颜色名称或RGB值。

如果四个数字作为参数传入，则分别代表红色、绿色和蓝色的值以及可选的透明度值。

示例

以下是一个基本的使用emissiveMaterial()函数的示例：

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

function draw() {
  background(220);

  noStroke();
  emissiveMaterial(255, 0, 0);
  sphere(50);

  push();
  translate(100, 0, 0);
  emissiveMaterial('#00FF00');
  sphere(50);
  pop();

  push();
  translate(0, 100, 0);
  emissiveMaterial(color('blue'));
  sphere(50);
  pop();

  push();
  translate(0, 0, 100);
  emissiveMaterial(255, 255, 0, 100);
  sphere(50);
  pop();
}

在这个示例中，我们使用了三种不同的方式向不同的物体设置了emissiveMaterial()函数。其中：

• 第一个球使用了三个数字作为参数直接设置颜色。
• 第二个球使用了一个十六进制的颜色值。
• 第三个球使用了p5.js中的color()函数。

注意事项

在使用emissiveMaterial()函数时，你需要注意一些事项：

• 这个函数只能用于3D绘制的对象。如果你是在2D画布上工作，这个函数会被忽略。
• 确保你已经在setup()函数中设置了WEBGL模式。
• 这个函数会对接下来3D绘制的所有对象都设置同样的颜色。如果你只想对一个单独对象使用特定的颜色，你可以使用fill()函数来设置该对象的颜色，然后在设置其他对象的颜色之前调用noFill()函数。
• 如果你在使用 lighting() 函数启用了照明功能，设置物体的发射颜色可能会影响到照明效果。

以上是p5.js | emissiveMaterial()函数的介绍。如果你想了解更多关于p5.js的内容，请查看官方文档。