Ia Idiosincrasia Classi

  let circles = [];

function setup() {
    createCanvas(670, 400);
    for (let i = 0; i < 30; i++) {
        circles.push({
            x: random(width),
            y: random(height),
            vx: random(-1, 1),
            vy: random(-1, 1),
            size: random(20, 50)
        });
    }
}

function draw() {
    background(30);
    for (let c of circles) {
        c.x += c.vx;
        c.y += c.vy;
        if (c.x < 0 || c.x > width) c.vx *= -1;
        if (c.y < 0 || c.y > height) c.vy *= -1;
        circle(c.x, c.y, c.size);
    }
}

function mousePressed() {
    for (let c of circles) {
        let d = dist(mouseX, mouseY, c.x, c.y);
        if (d < c.size / 2) {
            c.size = random(20, 50);
        }
    }
}

In realtà non è sbagliato usare oggetti e istruzioni sparse che ne modifichino le proprietà se il codice è semplice, ma l’uso delle classi rende un po’ più comprensibile la logica e permette ulteriori sviluppi e sperimentazioni.

  class Circle {
    constructor() {
        this.x = random(width);
        this.y = random(height);
        this.vx = random(-1, 1);
        this.vy = random(-1, 1);
        this.size = random(20, 50);
    }
    display() {
        circle(this.x, this.y, this.size);
        this.x += this.vx;
        this.y += this.vy;
        if (this.x < 0 || this.x > width) this.vx *= -1;
        if (this.y < 0 || this.y > height) this.vy *= -1;
    }
    clicked() {
        let d = dist(mouseX, mouseY, this.x, this.y);
        if (d < this.size / 2) this.size = random(20, 50);
    }
}
let circles = [];
function setup() {
    createCanvas(670, 400);
    for (let i = 0; i < 30; i++) {
        circles.push(new Circle());
    }
}
function draw() {
    background(30);
    for (let c of circles) {
        c.display();
    }
}
function mousePressed() {
    for (let c of circles) {
        c.clicked();
    }
}