forループが同心円の楕円を繰り返す

Question

私はこれらの2つの同心円の楕円を繰り返す方法を理解するのに苦労しています。方向は1）画像の乱数を描画します（これは私が使用している部分です）。2）入れ子のforループを使用して、塗りが外側のループにあり、描画が内側のループにあるようにします。適切な値を使用してください。これは元のコードです：

noStroke(); 



for(var total = 25; total > 0; total--){ 

    fill(random(0,255),random(0,255), random(0,255)); 

    ellipse(200, 200, total * 10, total * 20); 

    ellipse(200, 200, total * 20, total * 10); 

} 

これは私が持っているとあなたが見ることができるように、私は繰り返してそれらを得たが、彼らは彼らの同心のディテールを維持しなければならないものです。彼らが同心円状の細部を保つようにすることは、私が最後の数日間続いたことです。 （同心円の詳細では、虹の効果を意味します）

noStroke(); 

var flower = function(x,y){ 

for(var total = 5; total > 0; total--){ 

    fill(random(0,255),random(0,255), random(0,255)); 



    for(var i = 0; i < random(1,20); i++) { 
    var circleX = random(x,y); 
    var circleY = random(x,y); 
    ellipse(circleX, circleY, total * 10, total * 20); 
    ellipse(circleX, circleY, total * 20, total * 10); 

} 
} 
}; 
flower(0, 400); 

Answer 1

Processing.jsまたはp5.jsを使用していますか？実際にプログラムを実行できるのであれば、より良い助けになるので、接続されていないスニペットの代わりにMCVEを投稿してみてください。

このコードが実際に行っていることと予想していることのモックアップを投稿した場合に役立つかもしれません。しかし、私はあなたの目標を理解していると思います。アウトライン効果を作成するために "スタック"している同心円を描いて花を描きたいと思っています。

カップルの事は私に飛び出し：

は、あなたのループはであるためを考えてみて、コードのあなたの最初のスニペットでは、0へ25からtotalをループすることにより、単一の花を描き、それが動作します。今度は、その回数をランダムにしたいと思っています。つまり、totalのループをの中に入れたい場合は、のループをランダムに繰り返します。しかし、あなたはこれを逆にして、totalループ内にあなたのランダムなループを持っています。

処理の内容：totalが5の場合、任意の場所にランダムな数の円を描画します。

代わりに、ランダムな回数の場合は、totalを5の円で描画します。また、circleXとcircleYを生成する場所を確認する必要があります。現在、すべての単一円はランダムな場所に描画されます。実際に同じ花を構成する各円に対して同じcircleXとcircleYを使用する場合は、つまり、内部ループの前にこれらの変数を生成する必要があります。