如何整合 jQuery 和 p5js。 ajax 个请求？

Question

我无法弄清楚如何在 jQuery ajax 函数的成功部分调用 p5.js 函数。此 link 显示 ajax 请求由 p5.js 或 jQuery 处理，但未将两者集成。有没有办法做到这一点？有人可以提供一个简单的例子吗？具体来说，我想做类似的事情：

$.ajax({
  url : window.location.href,
  type : "POST",
  ...
  success : function(data) {
           function draw() {
             if (mouseIsPressed) {
               fill(0);
             } else {
                 fill(data["color_value"]);
               }
  ellipse(mouseX, mouseY, 80, 80);
}   
              },
  error : function(xhr, errmsg, err) {
        console.log(xhr.status + ": " + xhr.responseText);
                                     },

Answer 1

为什么您仍在尝试在 ajax 成功函数中定义 draw() 函数？不要那样做。

自己定义 draw() 函数，就像 p5.js 文档告诉您的那样。让它访问一些 状态 ，或者换句话说，一些变量告诉 draw() 函数做什么。

然后在您的 ajax 成功函数中，只需修改那些变量的值即可。这将修改 draw() 的行为，您可以根据从 ajax.

获得的内容绘制任何您想要的内容