サークルを配列にするこのコードをどのように短縮すればよいですか？

Question

イムp5.jsライブラリを使用して、これらの円を表示するために、適切にループするためのフォーマットはできません。

function draw() { 
    ellipse(width/12,height/2,width/6,width/6);  
    ellipse(width/12,height/4,width/12,width/12); 
    ellipse(width/12,height/8,width/24,width/24); 
    ellipse(width/12,height/16,width/48,width/48); 
} 

私は次のことを試してみましたが、何の楕円が行われません。どこが間違っていますか？

以下、私は完全なコードを添付しています。

for(var i = 0; i < 4; i++){ 
    ellipse(width/12, height/(2 * (2^i)), width/(6 * (2^i)), width/(6 * (2^i)); 
} 

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

 
function draw() { 
 
    background(255); 
 
    fill(\t 149, 185, 241,160); 
 
    rect(width*(1/6),0,width*(2/3),height); 
 
    
 
    
 
    fill(181,99,87,160); 
 
    noStroke(); 
 
    
 
    for(var i = 0; i < 4; i++){ 
 
    ellipse(width/12, height/(2* pow(2,i)), width/(6 * pow(2,i)), width/(6 * pow(2,i)); 
 
} 
 

 
    
 
} 
 

 

 
window.onresize = function() { 
 
    canvas.size(windowWidth, windowHeight); 
 
}

Answer 1

これは、あなたがそれだと思う何をしていません。

2^i 

ビット単位のXOR演算子だこと。詳細はthis questionをご覧ください.Googleはあなたの友人です。

あなたはおそらくP5.js pow()機能を探しています。詳細はthe referenceにあります。

あなたのコードはdebuggingです。このような質問がある場合は、各パラメータの値を印刷してみてください。問題を特定することができれば、グーグルが簡単になります。

たとえば、次の操作を行います。

for(var i = 0; i < 4; i++){ 
    console.log('i: ' + i); 
    console.log('width: ' + width); 
    console.log('width/12: ' + width/12); 
    console.log('pow(2,i): ' + pow(2,i)); 
    console.log('height/(2* pow(2,i)): ' + height/(2* pow(2,i))); 
    console.log('width/(6 * pow(2,i)): ' + width/(6 * pow(2,i))); 
    ellipse(width/12, height/(2* pow(2,i)), width/(6 * pow(2,i)), width/(6 * pow(2,i))); 
} 

これは、あなたが期待したものと異なっているパラメータを正確に教えてくれますし、あなたはさらにそこから、あなたの問題を特定することができます。

もちろん、これにはdeveloper consoleもチェックする必要があります。実際に行うことも習慣に入れてください。ここでは、発生したエラーが表示されます。あなたの質問に現在あるコードは、ellipse()行の末尾に)のかっこがありません。

フォローアップの質問がある場合は、コピーして貼り付けることができるMCVEを投稿して、切断されたコードスニペットの代わりに実行してください。

Answer 2

あなたは

for (var i = 0; i < 4; i++) { 
    ellipse(width/12, height/(2 << i), width/(6 * (2 << i)), width/(6 * (2 << i)); 
} 

console.log(2 << 0, 2 << 1, 2 << 2, 2 << 3);