使用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的简化示例。