在不重新加载页面的情况下重置内容 p5

Question

我正在使用 p5 制作我自己的扫雷版本。

现在，当我点击炸弹单元格时，我会在给定的网格中显示所有炸弹。但游戏仍然可以玩。有什么办法可以不刷新页面就可以重启游戏吗？

我可以发出警报，但除了说 "game is over" 之外没有什么用，当我在上面单击“确定”时，有什么方法可以重新启动吗？

Answer 1

您希望将游戏状态存储在一些草图级变量中。然后要重置游戏，您需要将变量设置回其原始值。您可以在类似 reset() 的函数中执行此操作。这是一个简单的例子：

var y;

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

function reset(){
    y = 0;
}

function mousePressed(){
    reset();
}

function draw() {
  background(220);

    ellipse(width/2, y, 20, 20);

    y++;
}

在您的情况下，您可能希望在用户按下对话框中的确定按钮后调用 reset() 函数。

在不重新加载页面的情况下重置内容 p5

reset the content without reloading page p5

p5.js