javascript - 无法让 javascript 程序运行

Question

我正在学习 javascript，并且正在开发一个小型骰子游戏。在游戏中，您单击鼠标，骰子“滚动”，您将获得骰子的新面。我只是改变骰子的表面以匹配滚动的数字。我似乎无法让它发挥作用。当我单击鼠标时，会执行一次随机数，但始终是其他数字。它等于 6 或更大，我无法让它再次滚动。当您单击鼠标时，它应该创建一个 0 到 5 之间的随机数，然后相应的 if 语句应该显示骰子的那一面。我已经绞尽脑汁一个多小时了，似乎无法弄清楚为什么它不起作用。有人可以看看我的代码并告诉我我做错了什么吗？请!

var dice = 0;

function setup() {
  createCanvas(600, 400)
}

function draw() {
  background(0);
  if (dice == 0) {
    rectMode(CENTER);
    fill(255);
    rect(300, 200, 50, 50);
    rectMode(CENTER);
    fill(0);
    ellipse(300, 200, 5, 5)
  } else if (dice == 1) {
    rectMode(CENTER);
    fill(255);
    rect(300, 200, 50, 50);
    fill(150);
    ellipse(290, 190, 5, 5);
    fill(150);
    ellipse(310, 210, 5, 5);
  } else if (dice == 2) {
    rectMode(CENTER);
    fill(255);
    rect(300, 200, 50, 50);
    fill(150);
    ellipse(290, 190, 5, 5);
    fill(150);
    ellipse(310, 210, 5, 5);
    fill(150)
    ellipse(290, 210, 5, 5)
  } else if (dice == 3) {
    rectMode(CENTER);
    fill(255);
    rect(300, 200, 50, 50);
    fill(150);
    ellipse(290, 190, 5, 5);
    fill(150);
    ellipse(310, 210, 5, 5);
    fill(150)
    ellipse(290, 210, 5, 5);
    fill(150);
    ellipse(310, 190, 5, 5)
  } else if (dice == 4) {
    rectMode(CENTER);
    fill(255);
    rect(300, 200, 50, 50);
    fill(150);
    ellipse(290, 190, 5, 5);
    fill(150);
    ellipse(310, 210, 5, 5);
    fill(150)
    ellipse(290, 210, 5, 5);
    fill(150);
    ellipse(310, 190, 5, 5);
    fill(150);
    ellipse(300, 200, 5, 5)
  } else {
    rectMode(CENTER);
    fill(255);
    rect(300, 200, 50, 50);
    fill(150);
    ellipse(290, 190, 5, 5);
    fill(150);
    ellipse(310, 210, 5, 5);
    fill(150)
    ellipse(290, 210, 5, 5);
    fill(150);
    ellipse(310, 190, 5, 5);
    fill(150);
    ellipse(300, 210, 5, 5);
    fill(150);
    ellipse(300, 190, 5, 5)
  }
}

function mousePressed() {
  dice = random(5);
}

Answer 1

使用它代替dice = random(5)

dice = Math.floor(Math.random() * 6);

Math.random() 返回 0 到 1 之间的 float 我们将它乘以 6，然后我们得到一个 0 到 6 之间的数字但它像 5.22554545 一样 float 我们使用 Math.floor 将其四舍五入到楼层数，因此它是 0 到 5 之间的整数(以及 5 本身)。 ===> 5.22324234 = 5