在 p5 中插入点击计数器

Question

我是新手，我开始使用 p5.js 为大学项目编码我想知道如何在我的页面中插入一个点击计数器，点击鼠标时文本数字会发生变化。我希望有人能帮助我，谢谢！ :)

Answer 1

Stack Overflow 并不是真正为一般 "how do I do this" 类型的问题设计的。它用于更具体的 "I tried X, expected Y, but got Z instead" 类型的问题。所以你真的应该 尝试一些东西 和 post 和 MCVE when you get stuck. Recommended reading: How to Program.

话虽如此，我可以尝试在一般意义上提供帮助：

第一步：您需要将点击次数存储在一个变量中。

第 2 步：每当用户单击时增加该变量。

第 3 步： 使用该变量显示点击次数。从将它打印到控制台开始，然后使用 text() 函数显示它，如果你想做更复杂的事情，然后从那里开始。

如果您卡在某个特定步骤，请 post 一个 MCVE 准确显示您尝试过的内容（在一个新问题 post 中），我们将从那里开始。祝你好运。

Answer 2

//defining a variable to store the number of clicks
var clicks = 0;

function setup() {
  createCanvas(windowWidth, windowHeight);
}

function draw() {
  background(50);
  //text formatting
  noStroke();
  fill(255);
  textSize(80);
  textAlign(CENTER, CENTER);
  //displaying number of clicks
  text(clicks, width/2, height/2);
}

//function is called when user clicks
function mousePressed() {
  //add 1 to variable clicks
  clicks ++;
}

在 p5 中插入点击计数器

Insert clicks counter in p5

counter

numbers

p5.js