p5.js createCanvas未定義錯誤。未捕獲的ReferenceError

我想在我的簡單的應用程序使用p5.js，並且包括這樣說道：

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

我已經試過：

如果我把一個調試器，並在控制檯中看，我確實得到了p5Color（對於前者）和其他的功能。腳本被加載到頁面上。除createCanvas不自動完成並在頁面中使用時，會引發上述錯誤。

爲什麼？我該如何解決這個問題？

啊..有什麼意見，爲什麼downvote？ –

你可能被低估了，因爲你不清楚你在問什麼。（「任何命名空間問題都不知道？」 - 這不是一個真正的可回答的問題。）我編輯了這個問題併爲您提供了一個答案......希望它有幫助！ – wxactly

@wxactly：它確實有幫助。我會接受答案。是的，我的理解是缺乏更好的框架問題。謝謝。 –

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);

2015-01-12 05:16:48 wxactly

回答