anger

let cols = 100, rows = 100;

let nodes = [];

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

let nodeWidth, nodeHeight;

let bgColor;

let colors = ['#e34132', '#2b0804', '#8b512c'];  // kırmızı, kahve, mavi?

​

function setup() {

  createCanvas(800, 800);

  bgColor = color(0);  // arkaplan

  background(bgColor);

  noStroke();

  nodeWidth = squareSize / cols;

  nodeHeight = squareSize / rows;

  // Create nodes at initial positions with random colors

  for (let col = 0; col < cols; col++) {

    nodes[col] = [];

    for (let row = 0; row < rows; row++) {

      let x = squareX + col * nodeWidth;

      let y = squareY + row * nodeHeight;

      let randColor = colors[int(random(colors.length))];  

      nodes[col][row] = new Node(x, y, randColor);  

    }

  }

}

​

function draw() {

  fill(bgColor);

  rect(0, 0, width, height);  // her frame'de bg sil

  updateNodes();

}

​

function updateNodes() {

  let t = frameCount / 10000;

  for (let col = 0; col < cols; col++) {

    for (let row = 0; row < rows; row++) {

      nodes[col][row].update(t);

    }

  }

}

​

class Node {

  constructor(x, y, col) {

    this.originalX = x;

    this.originalY = y;

    this.x = x;

    this.y = y;

    this.col = col;  // Set the node color

  }

​

  update(t) {

    let nx = this.x * 0.009;

    let ny = this.y * 0.009;

    let dx = noise(nx + 300, ny + 500, nx + ny + t) * 2 - 1;

    let dy = noise(nx + 100, ny + 300, nx + ny + t) * 2 - 1;

    let range = random(1, random(1, 7000));

    let wei = map(sin(t), -1, 1, -range, range);

    let newX = this.originalX + dx * wei;

    let newY = this.originalY + dy * wei;

    fill(this.col);  // Use the assigned color

    let dotSize = map(sin(t), -1, 1, 1, 4);  // nokta size adjust et

    ellipse(newX, newY, dotSize, dotSize);  // daha küçük noktalar

  }

}

​