変数に基づくJavaScriptでキャンバスを作成する（p5.jsを使用）

Question

変数に基づいて単純なキャンバスを描画したいと思います。

それはこのように動作します：

function setup() { 
    createCanvas(600, 600); 
    background(50); 
} 

なぜそれが動作しませんか？ （小さなキャンバスは表示されませんが、600x600は表示されません）：

var height = 600; 
var width = 600; 

function setup() { 
    createCanvas(height, width); 
    background(50) 
} 

私は助けていただきありがとうございます！

Answer 1

heightおよびはp5変数名が組み込まれているため、機能しません。それらの名前を別の名前に変更してみてください。

var a = 600; 
var b = 600; 

function setup() { 
    createCanvas(a, b); 
    background(50) 
} 

キャンバスウィンドウの大きさにするために探しているなら、あなたはwindowWidthとwindowHeightを使用する必要があります。私はp5.jsライブラリのために学んだことから、

var c; 

function setup() { 
    c = createCanvas(windowWidth-20, windowHeight-20); 
} 

function draw() { 
    background(30); 
} 

function mousePressed() { 
    c.size(windowWidth-20, windowHeight-20); 
    console.log(width + " " + height); 
} 

Answer 2

が、私はwidthとheight変数があると信じています：

function setup() { 
    createCanvas(windowWidth, windowHeight); 
} 

は、あなたがこのような何かを行う必要があり、セットアップ後にキャンバスのサイズを変更するには createCanvas()によって作成されたキャンバス専用であり、システム変数であり、これらの変数の名前を変更すると、問題が解決される可能性が高くなります。