​

function setup() {

    createCanvas(400, 400);

​

    for (var i = 0; i < 100; i += 1) {

        circles[i] = new Circle(200, 200, i);

    }

}

​

function draw() {

    background(220);

​

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

        circles[i].drawing();

    }

}

​

class Circle {

    constructor(x, y, r) {

        this.x = x

        this.y = y

        this.r = 100 - r

    }

​

    drawing() {

​

        red = map(this.r, 0, 100, 255, 0);

        blue = map(this.r, 0, 100, 0, 255);

​

        noStroke();

        fill(red, 0, blue);

        ellipse(this.x, this.y, this.r);

    }

}