​

function setup() {

    createCanvas(600, 400);

}

​

function draw() {

    background(80, 180, 205);

​

    // display

    for (i = 0; i < clouds.length; i++) {

        var currentObj = clouds[i];

        cloud(currentObj.xpos, currentObj.ypos, currentObj.size);

        currentObj.xpos += 0.5;

        currentObj.ypos += random(-0.5, 0.5);

        if (clouds[i].xpos > width+20) {

            clouds.splice(i, 1);

        }

    }

}

​

function cloud(x, y, size) {

    fill(255, 255, 255);

    noStroke();

    arc(x, y, 25 * size, 20 * size, PI + TWO_PI, TWO_PI);

    arc(x + 10, y, 25 * size, 45 * size, PI + TWO_PI, TWO_PI);

    arc(x + 25, y, 25 * size, 35 * size, PI + TWO_PI, TWO_PI);

    arc(x + 40, y, 30 * size, 20 * size, PI + TWO_PI, TWO_PI);

}

​

function mousePressed() {

    var newCloud = {

        xpos: mouseX,

        ypos: mouseY,

        size: random(0.8, 1.3)

    };

    clouds.push(newCloud);

}