javascript - 如何在 p5.js 中保持随机颜色？

Question

我自己刚开始学习 p5.js，我对随机颜色有疑问。现在我看到只有当我重新启动代码时颜色才会随机重置。但是是否可以在按下鼠标时让它发生？

这是我的代码:

let r, g, b; 

function setup() {
  createCanvas(400, 400);
  r = random(255);
  g = random(255);
  b = random(255);
}

function draw() {
  if (mouseIsPressed) {
    fill(r,g,b);
  } else {
    fill(255);
  }
  ellipse(mouseX, mouseY, 80, 80);
}

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

Answer 1

Rabbid76 is right如果您的目标是在释放鼠标后保留这些值，则需要覆盖 r、g、b 变量，但我d 建议在 mousePressed 全局函数中执行此操作，这样就不会发生多个触发器。

let r;
let g;
let b;

function setup() {
  createCanvas(400, 400);
  randomizeColors();
}

function draw() {
  fill(r, g, b);
  ellipse(mouseX, mouseY, 80, 80);
}

function mousePressed() {
  randomizeColors();
}

function randomizeColors() {
  r = random(255);
  g = random(255);
  b = random(255);
}

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