p5.js createCanvas가 정의되지 않은 오류입니다. catch되지 않은 ReferenceError가

Question

문제 :

가 내 간단한 응용 프로그램에서 p5.js를 사용하려고, 따라서 그것을 포함하고있다 :

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

나는 시도했다 : 나는 넣으면

디버거를보고 콘솔에서 보면 p5Color (예) 및 기타 기능을 사용할 수 있습니다. 그리고 스크립트는 페이지에 잘로드됩니다. createCanvas은 자동 완성이 아니며 페이지에서 사용될 때 위의 오류가 발생합니다.

왜? 이 문제를 어떻게 해결할 수 있습니까?

Answer 1

페이지에 setup() 또는 draw()이 정의되어 있지 않으면 p5.js가 "글로벌 모드"로로드되지 않습니다.

옵션 1 - 강제 전역 모드. (setup() 이미 가지고 페이지로드에서 실행하기 때문에,이 작업을 수행 할 경우, createCanvas() 콘솔에서 당신은 많은 좋은 일을하지 않습니다.)

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