processing - 在处理中反转形状内的颜色

Question

我想绘制反转它们下方像素颜色的形状。

blendMode()我知道通过设置to可以在黑白中实现类似的效果DIFFERENCE。但是，这不适用于颜色。

我也尝试过使用filter(INVERT)，但这会影响整个画布而不是特定区域。

有没有办法在处理中有效地实现这些目标，希望有内置功能？

标签： processingp5.js

Answer 1

我不明白为什么 blendMode 对此不起作用：

function setup() {
  createCanvas(windowWidth, windowHeight);
  rectMode(CENTER);
  noStroke();
  noLoop();
}

function draw() {
  background(0);
  translate(width / 2, height / 2);

  push();
  fill(0, 255, 0);
  rect(0, 0, width * 0.6, height * 0.6);
  pop();

  push();
  blendMode(DIFFERENCE);
  fill(255);
  ellipse(width * 0.3, height * 0.3, 100, 100);
  pop();
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js"></script>