虹色の雨が降る山道

//ローディングするたびに景色が変化する山道です！

​

function setup() {

  createCanvas(600, 600);

  background(90, 60, 50);// 塗りつぶしの色（土色）

  noStroke()

  //生い茂る緑の葉をランダムに生成

  for (let i = 0; i < 400; i++){

    let a = random(0, 250);

    let b = random((250 - a) * 3)

    let c = random(350, 600);

    let d = random((c - 350) * 3)

    let diameter = 30;

    let s = random(150);

    let t = random(150);

    fill(s, 200, t, 120); // 塗りつぶしの色（緑）

    ellipse(a, b, diameter);

    ellipse(a - 100, b, diameter);

    ellipse(a - 100, b + 250, diameter);

    ellipse(c, d, diameter);

    ellipse(c + 100, d, diameter);

    ellipse(c + 100, d + 250, diameter);

  }

  //直立した木の幹をランダムに生成

  for (let i = 0; i < 7; i++){

    fill(190, 100, 70, 80); // 塗りつぶしの色（幹の茶色）

    let a = random(0, 100);

    let b = (200 - a) * 3;

    let c = random(500, 600);

    let d = (c - 400) * 3;

    rect(a, 0, 20, b); // 四角形を描画

    rect(a + 100, 0, 20, b - 300); // 四角形を描画

    rect(c, 0, 20, d); // 四角形を描画

    rect(c - 100, 0, 20, d - 300); // 四角形を描画

  }

  //はじめから描写されている雨の波紋をランダムに生成

  for (let i = 0; i < 50; i++){   

    let y = random (height-40);

    let x = width * 7/16 + (random (width) / 8);

    let r = random (200);

    let g = random (200);

    let b = random (200);

    let diameter = y / 15;

    fill (r, g, b, 127);

    ellipse(x, y, diameter * 9, diameter * 3);

    // fill (r + 50, g + 50, b, 127);

    fill (r + 50, g + 50, b + 50, 127);

    ellipse(x, y, diameter * 6, diameter * 2);

    // fill (r + 100, g + 100, b, 127);

    fill (255, g + 100, b + 100, 127);

    ellipse(x, y, diameter * 3, diameter);

  }

}

​

function draw() {

  //1秒に20個雨の波紋をランダムに表示

  for (let i = 0; i < 1; i++){

    frameRate(20)    

    let y = random (height-40);

    let x = width * 7/16 + (random (width) / 8);

    let r = random (255);

    let g = random (255);

    let b = random (255);

    let diameter = y / 15;

    fill (r, g, b, 80);

    ellipse(x, y, diameter * 9, diameter * 3);

    fill (r, g, b + 20, 80);

    ellipse(x, y, diameter * 7, diameter * 2.4);

    fill (r, g, b + 50, 80);

    ellipse(x, y, diameter * 5, diameter * 1.8);

    fill (r, g , b + 80, 180);

    ellipse(x, y, diameter * 3, diameter * 1.2);

    fill (r, g, b + 100, 180);

    ellipse(x, y, diameter * 1, diameter * 0.6);

  }

}

​