如何在Processing 3中制作2d- Flashlight效果

Question

作为参考，我想要的效果是：

​

我工作的是Processing 3，不是p5.js。我在论坛上到处寻找，但我找不到任何在当前版本中工作的东西，也找不到任何不使用PGraphics和掩码的东西，从我读到的内容来看，使用起来很昂贵。

我目前的想法和实现已经导致在玩家周围绘制形状，并使用具有较大笔划粗细的无填充圆圈来填充空白。

有没有人知道有什么方法可以轻松而廉价地在所有东西上画一个黑色的背景，除了一个小的圆形区域？

如果这不是问这个问题的地方，我想就送我上路吧，但请友好点。谢谢您：)

Answer 1

您可以创建一个主要由黑色组成的图像(或PGraphics)，其中包含一个透明的圆圈。这称为image masking或alpha compositing。在Google图片搜索中搜索"alpha复合“会返回一大堆我所说的图片。

无论如何，在你有了图像之后，只要把它画在你的场景之上，无论玩家在哪里。您还可以使用PImage#mask()函数。更多信息可以在the reference上找到。