参考 pointLight()

pointLight()

创建一个从一个点朝所有方向发光的光源。

点光源就像发光的灯泡,它们向所有方向发光。 它们可以放置在不同的位置以实现不同的光照效果。最多可以同时激活 5 个点光源。

有四种方法可以调用 pointLight() 来设置光的颜色和位置。

调用 pointLight() 的第一种方式有六个参数。前三个参数 v1v2v3 使用当前的 colorMode() 来设置光的颜色。最后三个参数 xyz 设置光的位置。例如, pointLight(255, 0, 0, 50, 0, 0) 创建一个红色 (255, 0, 0) 的光,从坐标 (50, 0, 0) 发光。

调用 pointLight() 的第二种方式有四个参数。前三个参数 v1v2v3 使用当前的 colorMode() 来设置光的颜色。最后一个参数 position 使用一个 p5.Vector 对象来设置光的位置。例如, pointLight(255, 0, 0, lightPos) 创建一个红色 (255, 0, 0) 的光,从由 lightPos 向量设置的位置发出。

调用 pointLight() 的第三种方式有四个参数。第一个参数 color 使用一个 p5.Color 对象或颜色值数组来设置光的颜色。最后三个参数 xyz 设置光的位置。例如, pointLight(myColor, 50, 0, 0) 创建一个颜色为 myColor 的光,从坐标 (50, 0, 0) 发光。

调用 pointLight() 的第四种方式有两个参数。第一个参数 color 使用一个 p5.Color 对象或颜色值数组来设置光的颜色。第二个参数 position 使用一个 p5.Vector 对象来设置光的位置。例如, pointLight(myColor, lightPos) 创建一个从由 lightPos 向量设置的位置发光,其颜色为 myColor

示例

语法

pointLight(v1, v2, v3, x, y, z)
pointLight(v1, v2, v3, position)
pointLight(color, x, y, z)
pointLight(color, position)

参数

v1
数字:

当前 colorMode() 中的红色或色相值。

v2
数字:

当前 colorMode() 中的绿色或饱和度值。

v3
数字:

当前 colorMode() 中的蓝色、亮度或明度值。

x
数字:

光的 x 坐标。

y
数字:

光的 y 坐标。

z
数字:

光的 z 坐标。

position
p5.Vector:

光的位置作为一个 p5.Vector 对象。

color
p5.Color|数字[]|字符串:

颜色作为一个 p5.Color 对象,一个颜色值数组,或者一个 CSS 字符串。

Notice any errors or typos? Please let us know. Please feel free to edit src/webgl/light.js and open a pull request!

相关参考