p5.j​​s createCanvas未定义错误。未捕获的ReferenceError

Question

问题：

我正在尝试在我的简单应用中使用p5.js，并将其包括在内：

<script src="static/js/p5.js"> </script>

我尝试了什么：

如果我放置一个调试器并查看控制台，我会得到p5Color（对于ex）和其他人的函数。并且脚本可以很好地加载到页面上。除了createCanvas不会自动完成，并且在页面中使用时，会抛出错误。

为什么？我该如何解决这个问题？

Answer 1

p5.js不会加载到“全局模式”，除非它在页面上看到setup()或draw()。

选项1 - 强制全局模式。 （请注意，如果您这样做，createCanvas()在控制台中对您没有太大帮助，因为setup()已经在页面加载时运行。）

<script src="static/js/p5.js"> </script>
<script>
    function setup() {
        //...
    }
</script>

选项2 - 使用instance mode。 （如果您真的想从控制台使用p5.js，这可能是您最好的选择。）

var s = function( sketch ) {
  sketch.setup = function() {
    sketch.createCanvas(700, 410);
    //...
  };
};    
var myp5 = new p5(s);