问题描述

我正在尝试获取用户输入并使用它来生成一些东西。当我像这样硬编码生成器的输入时，它可以工作：

function setup() {

    createCanvas(1280, 512);

    generator = new Room_map(5, 10, 15);

    generator.draw();
}

但是，当我尝试接受用户输入并在用户单击"生成"按钮时生成时，显示标题中的错误。

我遵循了p5.js参考指南(https://p5js.org/examples/dom-input-and-button.html)，以下是我接受用户输入的代码：

function setup() {
    createCanvas(1280, 512);

    generator = new Room_map(5, 10, 15);

    input_no_of_rooms = createInput();
    input_no_of_rooms.position(1100, 50);

    input_min_size = createInput();
    input_min_size.position(1100, 90);

    input_max_size = createInput();
    input_max_size.position(1100, 130);

    if (input_no_of_rooms > 0 &&
        input_min_size > 0 &&
        input_max_size > 0)
    {
        generator = new Room_map(
            input_no_of_rooms.value(), 
            input_min_size.value(), 
            input_max_size.value())
    }

    button = createButton('Generate');
    button.position(1100, 155);
    button.mousePressed(generator.draw());

    background(200);

    push();
    fill(0);
    text("Number of rooms: ", 1095, 40);
    text("Min room size: ", 1095, 80);
    text("Max room size: ", 1095, 120);
    pop();
}

我的代码中没有绘制函数。

推荐答案

这行代码就是问题所在：

button.mousePressed(generator.draw());

这将调用generator.draw()一次，并将其返回的任何内容注册为mousePressed处理程序。由于您没有包含Room_map的代码，我只能推测draw()的作用，但我猜测它不会返回函数对象，可能会返回undefined。因此，无论何时按下鼠标都会出现错误，因为您不能将undefined作为函数调用。您可能想要使用匿名函数：

button.mousePressed(() => generator.draw());

这篇关于未捕获类型错误：t未定义(p5.min.js：4604：988)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！