Javascript 在方法p5.js中调整窗口大小

我已经用创建了一个开始菜单。这个开始菜单和小游戏应该对窗口大小的改变做出反应

函数windowResized（）{
调整画布大小（窗口宽度、窗口高度）；
}

但是当我用额外的方法编写开始菜单时，开始菜单不会对窗口的大小做出反应。 当我在

draw（）函数中编写所有代码时，我解决了这个问题。你可以在下面看到我的解决方案。但是我如何在一个方法中写入“startMenu”和“howToPlayMenu”，并且当我更改窗口大小时，这些方法会做出反应。正如我所说，当我更改窗口大小时，下面的代码工作正常。但是当我用一种方法写它时，它就不起作用了

function startMenu() {
    hide = false;
}

function howToPlay() {
    hide = true;
}

function draw() {
    if (!started) {
        if (!hide) {
            background(back);
            fill(255);
            textSize(28);
            text('Click me', width / 8, height / 3);
            playButton.show();
            playButton.position(width / 4, height / 2);
            playButton.size(150, 65);
            playButton.style("font-size:50px");
            playButton.mousePressed(start);

            levelSelectorSlider.show();
            levelSelectorSlider.position(2 * width / 3 - 50, height / 2 - 100);
            textSize(28);
            text("Set level", 2 * width / 3 - 20, height / 2 - 120);
            textSize(20)
            text("Easy", 2 * width / 3 - 70, height / 2 - 50);
            text("Medium", 2 * width / 3, height / 2 - 50);
            text("Hard", 2 * width / 3 + 90, height / 2 - 50);

            highScoreButton.show();
            highScoreButton.position(2 * width / 3 - 50, height / 2);
            highScoreButton.size(160, 40);
            highScoreButton.style("font-size:20px");
            highScoreButton.mousePressed(start);

            howToPlayButton.show();
            howToPlayButton.position(2 * width / 3 - 50, height / 2 + 100);
            howToPlayButton.size(160, 40);
            howToPlayButton.style("font-size:20px");
            howToPlayButton.mousePressed(howToPlay);
            goBackButton.hide();
        }
        else {
            background(howToPlayImage);
            playButton.hide();
            highScoreButton.hide();
            howToPlayButton.hide();
            levelSelectorSlider.hide();
            goBackButton.show();
            goBackButton.position(50, 20);
            goBackButton.size(70, 40);
            goBackButton.style("font-size:20px");
            goBackButton.mousePressed(startMenu);
        }
    }
    else {
        //startMenu();
        background(gameBackground); 
        ....
    }
}

再次调用windowResized函数中的startMenu和howToPlayMenu函数。这将使用画布的新宽度和高度重新定义元素的位置
再次调用windowResized函数中的startMenu和howToPlayMenu函数。这将使用画布的新宽度和高度重新定义元素的位置
这不是超级清楚您的要求，但窗口调整大小事件侦听器可能会帮助您发布一个？这不是超级清楚您的要求，但窗口调整大小事件侦听器可能会帮助您发布一个？