let clouds = []; // Array to store cloud objects

​

function preload() {

  // Load your CSV file

  cloudData = loadTable("cloud.csv", "csv", "header");

}

​

function setup() {

  createCanvas(800, 600); // Create a canvas

  background(173, 216, 230); // Set a light blue background color

  createClouds(); // Create cloud objects based on CSV data

}

​

function draw() {

  clear(); // Clear the canvas

  background(173, 216, 230); // Reset the background

​

  for (let cloud of clouds) {

    cloud.display(); // Display each cloud

    cloud.rain(); // Animate the rain from each cloud

  }

}

​

function createClouds() {

  // Create cloud objects based on CSV data

  for (let i = 0; i < cloudData.getRowCount(); i++) {

    let x = float(cloudData.getString(i, "x")); // Get x-coordinate from CSV

    let y = float(cloudData.getString(i, "y")); // Get y-coordinate from CSV

​

    let textToShow = "";

    // Assign different text to each cloud based on its position

    if (i === 0) {

      textToShow = "rain";

    } else if (i === 1) {

      textToShow = "rain";

    } else if (i === 2) {

      textToShow = "go";

    } else if (i === 3) {

      textToShow = "awayyy";

    }

​

    // Create a new cloud object and add it to the clouds array

    clouds.push(new Cloud(x, y, textToShow));

  }

}

​

​