根据网络摄像头输入创建渐变

Question

简单的问题，复杂的答案可能...... 我想根据（实时）网络摄像头输入创建渐变，最好进行处理。我仍然是个菜鸟，所以我希望有人能指出我正确的方向。提前致谢！

Answer 1

目前尚不清楚是线性、径向还是其他类型的渐变，以及网络摄像头的像素如何映射到渐变。

一种想法可能是使用像素的亮度并使用它来控制径向渐变椭圆的大小，例如，类似于 p5 视频像素示例。 （这个例子是 p5.js 不是Processing java，但是有很多相似之处可以移植/使用Processing 中的逻辑）。

处理已经有线性渐变和径向渐变。如果实时运行，则值得缓存梯度。这是一个较旧的渐变缓存答案，我在其中介绍了这一点。

要点归结为：

PImage getRadialGradientImage(int w,int h,int hue,int satMax,int brightness){
  PGraphics gradient = createGraphics(w+1,h+1);//create a PGraphics object
  gradient.beginDraw();//init drawing using the same Processing drawing functions
    gradient.colorMode(HSB,360,100,100);
    gradient.background(0,0);//transparent bg
    gradient.noStroke();
    int cx = gradient.width/2;
    int cy = gradient.height/2;
    for (int r = w; r > 0; --r) {
      gradient.fill(hue,map(r,0,w,satMax,0),brightness);
      gradient.ellipse(cx, cy, r, r);
    }
  gradient.endDraw();
  return gradient;
}

// example usage
PImage myGradient = getRadialGradientImage(100, 100, 0, 100, 100);
image(myGradient, 0, 0);

这可以用来替换视频像素抖动中的 ellipse() 调用，如示例所示。 （请随意更改函数参数以适合您的愿景）。

此外，如果线性/径向渐变还不够，您可以考虑着色器。 p5.j​​s Webcam Shader 示例 是一个很好的开始，着色器处理中也支持PShader。这可能是一个更高级的主题（在这种情况下 处理PShader教程会有很大帮助）。