求助：p5.js中实现Processing lights()效果优化门格海绵光照

我最近在复刻门格海绵的时候，被光照效果搞得头大——渲染出来的海绵质感差得离谱，完全达不到我想要的那种通透立体的效果（就是类似示例里13分16秒处的那种质感）。

一开始我就注意到，原示例用的是Processing里的lights()函数来处理光照，但翻遍p5.js的文档都找不到对应的内置方法，这可把我难住了，怎么调参数都改善不了光照。

不过好在后来我自己动手，参照Processing的lights()逻辑，在p5.js里实现了一个等效的自定义函数，居然完美解决了问题！😉

简单说下实现思路 #

Processing的lights()本质是同时开启了环境光和多组方向光，所以在p5.js里我们可以手动组合这些基础API来模拟：

• 先加一层柔和的环境光，保证物体暗部不会死黑；
• 再设置几组方向光，从不同角度打光，营造出立体的光影层次；
• 最后调整光照的颜色和强度，尽量贴合目标效果的质感。

给个简单的代码示例参考：

function lights() {
  // 基础环境光，让整体亮度均匀一些
  ambientLight(100, 100, 100);
  // 主方向光，模拟主要光源
  directionalLight(255, 255, 255, 0.5, 0.5, -1);
  // 辅助补光，弱化阴影的生硬感
  directionalLight(150, 150, 150, -0.5, -0.5, 1);
}

之后在绘制门格海绵的循环或者setup里调用这个lights()函数，光照效果就能明显改善，趋近于预期的样子了。

内容的提问来源于stack exchange，提问作者Federico Grandi