sad

let rain = [];

let colors = ['#b9b5b4', '#48618a', '#ffffff'];

let squareX = 200, squareY = 200, squareSize = 400;

let squareBottomRight;

​

function setup() {

  createCanvas(800, 800);

  background(255);

  squareBottomRight = createVector(squareX + squareSize, squareY + squareSize);

  noStroke();

}

​

function draw() {

  // Arka planı biraz şeffaf yaparak hafif bir iz efekti oluştur

  fill(255, 20);  // Beyaz arka plan, hafif şeffaf

  rect(0, 0, width, height);

​

  if (frameCount % 2 === 0) {

    let x = squareX + random(squareSize);

    let y = squareY + random(squareSize);

    rain.push(new Drip(x, y, random(1, 4)));

  }

​

  for (let i = rain.length - 1; i >= 0; i--) {

    let d = rain[i];

    d.move();

    d.show();

    if (d.death < 1 || d.y > squareBottomRight.y) {

      rain.splice(i, 1);

    }

  }

}

​

class Pointer {

  constructor(rad, acc, finalSize) {

    this.dist = 1;

    this.rad = rad;

    this.speed = 0;

    this.acc = acc;

    this.finalSize = finalSize;

    this.pos = createVector(0, 0);

    this.downSpeed = createVector(0, 0.9);

    this.downAcc = createVector(0, 0.005 + this.acc / 900);

  }

​

  move() {

    if (this.dist <= this.finalSize) {

      this.speed += this.acc;

      this.dist += this.speed;

      this.pos = createVector(cos(this.rad) * this.dist, sin(this.rad) * this.dist);

    } else {

      this.downSpeed.add(this.downAcc);

      this.pos.add(this.downSpeed);

    }

  }

}

​

class Drip {

  constructor(x, y, extent) {

    this.dripColor = color(random(colors)); // Renklerin doğru şekilde tanımlandığından emin olun.

    this.x = x;

    this.y = y;

    this.extent = extent;

    this.noiseStart = random(400000);

    this.splat = [];

    this.death = 900;

    for (let i = this.noiseStart; i < this.noiseStart + TWO_PI; i += 0.09) {

      let acc = noise(i);

      this.splat.push(new Pointer(i, acc, extent));

    }

  }

  move() {

    for (let pointer of this.splat) {

      pointer.move();

    }

    this.death -= 1;

  }

  show() {

    noStroke();

    fill(this.dripColor, 200); // Renk ve opaklık değeri

    push();

    translate(this.x, this.y);

    beginShape();

    for (let p of this.splat) {

      let px = p.pos.x;

      let py = p.pos.y;

      if (this.x + px >= squareX && this.x + px <= squareBottomRight.x && this.y + py >= squareY && this.y + py <= squareBottomRight.y) {

        curveVertex(px, py);

      }

    }

    endShape(CLOSE);

    pop();

  }

}

​

​