问题:
我正在尝试在我的简单应用中使用p5.js,并将其包括在内:
<script src="static/js/p5.js"> </script>
我尝试了什么:
如果我放置一个调试器并查看控制台,我会得到p5Color
(对于ex)和其他人的函数。并且脚本可以很好地加载到页面上。除了createCanvas
不会自动完成,并且在页面中使用时,会抛出错误。
为什么?我该如何解决这个问题?
答案 0 :(得分:4)
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);