Processing Evolved

    function setup() {
        let canvas = createCanvas(600, 600, WEBGL);
        canvas.parent('animation-holder');
    resizeAnimation();
    }

    function draw() {
        background(0);
        translate(0, 0, 60);
        rotateX(frameCount * 0.01);
        rotateY(frameCount * 0.02);

        for (let i = 0; i < 200; i++) {
            let x = random(-width/2, width/2);
            let y = random(-height/2, height/2);
            let z = random(-200, 200);
            let size = random(10, 50);
            let alpha = map(dist(x, y, 0, 0), 0, 300, 255, 0);

            push();
            translate(x, y, z);
            fill(255, 0, 0, alpha);
            square(-size/2, -size/2, size);
            fill(0, 255, 0, alpha);
            square(0, 0, size);
            fill(0, 0, 255, alpha);
            square(size/2, size/2, size);
            pop();
        }
    }