関数forループを呼び出す

Question

この割り当てはポップアートである必要があり、私はpokeballsを使用することに決めました。一番上の行に1つ、下に1つ、関数を作成するために2つのforループを使用する必要があります。私が抱えている問題は、一番上の行に2つのポケボールを作成する方法です（6ポケボール合計：3つの上と下に3つあります）。

var RANDCOL = random(0, 400); 
var XBALL = 65; 
var YBALL = 108; 

//dividing tiles 
fill(250, 0, 0); 
rect(0, 0, 130, 200); 
fill(0, 187, 255); 
rect(131, 0, 137, 200); 
fill(0, 0, 0); 
rect(269, 0, 130, 200); 
fill(167, 158, 235); 
rect(0, 200, 131, 199); 
fill(46, 184, 101); 
rect(131, 200, 137, 199); 
fill(255, 0, 0); 
rect(269, 200, 130, 199); 

//pokeball specifications 
var pokeBall = function(x) { 
    stroke(158, 214, 235); 
    ellipse(XBALL, YBALL, 99, 97); 
    fill(0, 0, 0); 
    stroke(0, 0, 0); 
    line(15, 109, 56, 109); 
    line(116, 109, 72, 109); 
    ellipse(64, 108, 19, 16); 
}; 

//loop for top row 
for(var i = 0; i < 3; i++) { 
    var x = i * 134; 
    fill(RANDCOL); 
    pokeBall(); 
} 

Answer 1

まず第一に、あなたが処理機能を使用しているので、setup()関数が呼び出される前に、このコードは、実行されません。実行するためにコピー＆ペーストできるMCVEのコードを投稿してください。

とにかく、あなたの目標を達成するには、あなたのpokeBall()関数は、ボールの位置を指定する引数を取る必要があり、それらの座標に基づいてボールを描画する必要があります。あなたはです。は今ではXBALLとYBALLの変数を使っていますが、それらを引数に変換し、記述するループのforから渡す必要があります。

例を示します。のは、私はこの機能を持っているとしましょう：

常に座標 100,150で円を描く機能

function drawBall(){ 
    ellipse(100, 150, 20, 20); 
} 

。私の代わりに引数を使用することを変更することができます：

function drawBall(ballX, ballY){ 
    ellipse(ballX, ballY, 20, 20); 
} 

をそして私は、その関数を呼び出し、複数の場所で円を描くように引数を渡すことができます。

drawBall(100, 200); 
drawBall(200, 300); 
drawBall(60, 20);