如何显示用键盘书写的文本？

Question

我正在为这个应用程序编码，我的问题是：我该如何编码，以便使用该应用程序的人能够通过键盘更改金额，而无需打开代码并在那里进行更改（当然）？ 例如：如果他点击矩形并输入“ 3000”，则GoalAmount = 3000;

代码：https://editor.p5js.org/AlexArek/sketches/31xsrjFjz

Answer 1

您可以尝试使用事件函数，例如mousePressed()和keyPressed()来编写自己的文本框。基本上，我会尝试break it down into smaller steps，然后一次执行一个步骤。

• 您可以创建一个显示矩形的草图，并在其内部单击时向控制台打印一些内容吗？您可能会研究点矩形collision detection。不必担心文本，只需使矩形部分正常工作即可。
• 除此之外，您可以创建一个草图来显示用户输入的内容吗？您可以将用户的值存储在变量中，然后在keyPressed()或keyTyped()事件函数中修改该变量。您可以在the reference中找到更多信息。
• 当您同时完成这两项工作时，您可以考虑将它们结合起来。

或者您可以使用HTML input元素，然后使用JavaScript从中获取值。您也可以查看p5.dom库。