let particles = [];

let motifs = [];

let showNarrative = false;

let narrativeText = "Village Serenity: Embracing the Essence of Bengal\n\nImmerse yourself in the tranquil beauty of a Bengali village, where the colors of the sunset blend seamlessly with the simplicity of traditional art. Experience a soothing sunset palette and the calm flow of nature.";

let narrativeSize = 24;

let bgColorTransition;

let time = 0;

const MOTIF_COUNT = 10;

const PARTICLE_COUNT = 500;

const FLUID_GRID_SIZE = 20;

const RIVER_COLOR = [255, 204, 102, 180]; // Soothing yellow

const MOTIF_COLOR = [255, 153, 51, 255]; // Sunset orange

const BG_COLOR_START = [255, 223, 186]; // Light sunset orange

const BG_COLOR_END = [102, 178, 255]; // Soothing blue

​

function setup() {

  createCanvas(800, 600);

  noLoop();

​

  // Initialize fluid simulation

  fluid = new FluidSimulation(width, height, FLUID_GRID_SIZE);

​

  // Initialize particles

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

    particles.push(new Particle(random(width), random(height)));

  }

​

  // Initialize folklore motifs

  createVillageMotifs();

​

  // Set initial background color transition

  bgColorTransition = color(BG_COLOR_START[0], BG_COLOR_START[1], BG_COLOR_START[2]);

}

​

function draw() {

  // Dynamic background color

  let bgColor = lerpColor(color(BG_COLOR_START[0], BG_COLOR_START[1], BG_COLOR_START[2]), 

                          color(BG_COLOR_END[0], BG_COLOR_END[1], BG_COLOR_END[2]), 

                          abs(sin(time * 0.001)));

  background(bgColor);

​

  // Update and display fluid simulation

  fluid.update();

  fluid.display();

​

  // Update and display particles

  for (let particle of particles) {

    particle.update(fluid);

    particle.display();

  }

​

  // Draw village motifs

  drawVillageMotifs();

​

  // Optional: Add a narrative text

  if (showNarrative) {

    drawNarrative();

  }

​

  // Increment time for animation

  time += 0.02;

}

​

function createVillageMotifs() {

  motifs = [];

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

    let x = random(width);

    let y = random(height);

    let size = random(40, 100);

    motifs.push(new VillageMotif(x, y, size)); // Use village motifs

  }

}

​

function drawVillageMotifs() {

  noStroke();

  for (let motif of motifs) {

    fill(MOTIF_COLOR[0], MOTIF_COLOR[1], MOTIF_COLOR[2], MOTIF_COLOR[3]);

    motif.display();

  }

}

​

function drawNarrative() {

  textSize(narrativeSize);

  textFont('Georgia');

  fill(255, 255, 255); // White text

  textAlign(CENTER, CENTER);

  text(narrativeText, width / 2, height / 2);

  // Bengali text

  textSize(narrativeSize);

  fill(200, 200, 255); // Light blue color

  textAlign(CENTER, CENTER);

  text("গ্রাম্য প্রশান্তি: বাঙালের সারাংশ", width / 2, height / 2 + 50); // Bengali text

}

​

function mousePressed() {

  showNarrative = !showNarrative;

  if (showNarrative) {

    noLoop(); // Pause animation to focus on the narrative

  } else {

    loop(); // Resume animation

  }

  // Regenerate the visual patterns on click

  particles = [];

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

    particles.push(new Particle(random(width), random(height)));

  }

​

  createVillageMotifs();

​

  // Optional: Change background color dynamically

  bgColorTransition = color(random(255, 255), random(200, 230), random(150, 200));

  redraw();

}

​

// Particle class definition

class Particle {

  constructor(x, y) {

    this.position = createVector(x, y);

    this.velocity = p5.Vector.random2D();

    this.size = random(3, 10);

    this.alpha = random(100, 200);

    this.color = color(random(255), random(255), random(255), this.alpha);

  }

​

  update(fluid) {

    let force = fluid.getForceAt(this.position.x, this.position.y);

    this.velocity.add(force);

    this.position.add(this.velocity);

    this.velocity.limit(3);

    // Wrap around edges

    if (this.position.x < 0) this.position.x = width;

    if (this.position.x > width) this.position.x = 0;

    if (this.position.y < 0) this.position.y = height;

    if (this.position.y > height) this.position.y = 0;

  }

​

  display() {

    noStroke();

    fill(this.color);

    ellipse(this.position.x, this.position.y, this.size);

  }

}

​

// FluidSimulation class definition

class FluidSimulation {

  constructor(w, h, gridSize) {

    this.width = w;

    this.height = h;

    this.gridSize = gridSize;

    this.cols = floor(this.width / this.gridSize);

    this.rows = floor(this.height / this.gridSize);

    this.field = [];

    this.createField();

  }

​

  createField() {

    for (let y = 0; y < this.rows; y++) {

      this.field[y] = [];

      for (let x = 0; x < this.cols; x++) {

        let angle = random(TWO_PI);

        this.field[y][x] = p5.Vector.fromAngle(angle);

      }

    }

  }

​

  update() {

    let time = millis() * 0.0002;

    for (let y = 0; y < this.rows; y++) {

      for (let x = 0; x < this.cols; x++) {

        let angle = noise(x * 0.1, y * 0.1, time) * TWO_PI;

        this.field[y][x].set(p5.Vector.fromAngle(angle));

      }

    }

  }

​

  display() {

    noFill();

    strokeWeight(1);

    for (let y = 0; y < this.rows; y++) {

      for (let x = 0; x < this.cols; x++) {

        let v = this.field[y][x];

        let px = x * this.gridSize;

        let py = y * this.gridSize;

        stroke(255, 100);

        line(px, py, px + v.x * this.gridSize, py + v.y * this.gridSize);

      }

    }

  }

​

  getForceAt(x, y) {

    let col = floor(x / this.gridSize);

    let row = floor(y / this.gridSize);

    col = constrain(col, 0, this.cols - 1);

    row = constrain(row, 0, this.rows - 1);

    return this.field[row][col].copy();

  }

}

​

// VillageMotif class definition

class VillageMotif {

  constructor(x, y, size) {

    this.x = x;

    this.y = y;

    this.size = size;

  }

​

  display() {

    noFill();

    stroke(MOTIF_COLOR[0], MOTIF_COLOR[1], MOTIF_COLOR[2], MOTIF_COLOR[3]); // Sunset orange

​

    // Draw simple village motifs

    strokeWeight(2);

    let numShapes = 8;

    let radius = this.size * 0.4;

    let angleStep = TWO_PI / numShapes;

​

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

      let angle = angleStep * i;

      let x1 = this.x + cos(angle) * radius;

      let y1 = this.y + sin(angle) * radius;

      let x2 = this.x + cos(angle + angleStep / 2) * radius * 0.5;

      let y2 = this.y + sin(angle + angleStep / 2) * radius * 0.5;

​

      line(x1, y1, x2, y2);

      ellipse(x1, y1, this.size * 0.3);

      ellipse(x2, y2, this.size * 0.3);

    }

  }

}

​