如何使用p5.js2D添加“类似灯笼”的效果？

Question

我试图在一个使用p5.js的简单游戏中添加一种轻的效果，比如灯笼。所以，我有一个背景图像和一个球员谁是光源(所以它将从他的半径)。

我使用了一个带有RGBA颜色的圆圈来实现这一效果，因此它将背景照亮在靠近播放器的地方，但问题是背景的其余部分仍然是可见的，而此时它应该都是黑暗的，而且我无法在p5.js中找到一个方法来处理这个问题。

作为我想要实现的一个例子，在itch.io上玩这个游戏正是这样做的。

Answer 1

你可以尝试给“背景”图像的圆像素，因为我现在不能评论，我建议你给一些背景像素颜色一些形状，你会找不到，我认为这样可以打开一个洞到前面的黑暗图像。

Answer 2

虽然这个工具

pixC = color(yourBImagePlace.get(x, y));

不会给你完美的结果

Class fireParticle{ ...
  show() {
    noStroke();
    fill(this.pixC);
    ellipse(this.x, this.y, this.radius);
  }

  move() {
    this.x += random(-5, 5);
    this.y -= random(1, 3);
  }
}

你总是可以尝试一些核-x-卷积(计算机视觉技术)