使用 DOM 在 p5js 中自定义按钮

Question

我正在尝试使用 p5js DOM 库自定义按钮。

我查看了 p5js 参考资料和其他来源，但似乎没有任何内容。

var button;
  function setup() {
    createCanvas(100, 100);
    background(0);
    button = createButton('click me');
    button.position(19, 19);
    button.mousePressed(changeBG);
  }
  function changeBG() {
    var val = random(255);
    background(val);
  }

我想要的是一种为按钮赋予颜色或更改按钮大小（如果可能的话）的方法（上面的代码只是制作了一个可以更改屏幕背景的按钮）。

Answer 1

第一步：了解CSS。这里有一些资源：

CSS - W3Schools
CSS - MDN
CSS - HappyCoding（免责声明：这是我写的）

第二步： 使用 P5.dom 中的 style() 函数将 CSS 样式应用于您的元素。您可以找到更多信息 here.

请注意，您无需使用 P5.dom 即可使用 CSS 样式。我建议先玩一个不使用 P5.dom 的简化示例。

使用 DOM 在 p5js 中自定义按钮

Customizing buttons in p5js with DOM

javascript

p5.js