Processing Evolved

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

    function draw() {
        background(150);
        translate(0, 0, -100);
        rotateX(frameCount * -0.01);
        rotateY(frameCount * -0.01);
        push();
        fill(255);
        box(100, 100, 100, 20);
        textSize(50);
        textAlign(CENTER, CENTER);
        fill(0);
        text(char(floor(random(65, 91))), 0, 0, 0);
        pop();
        for (let i = 0; i < 24; i++) {
            push();
            rotateY(i * TWO_PI / 24);
            translate(200 * cos(frameCount * 0.05 + i * 0.5), 200 * sin(frameCount * 0.05 + i * 0.5), 0);
            fill(color(map(sin(frameCount * 0.1 + i * 0.5 + PI/3), -1, 1, 0, 255), map(cos(frameCount * 0.1 + i * 0.5 + PI/6), -1, 1, 0, 255), map(sin(frameCount * 0.1 + i * 0.5 + PI), -1, 1, 0, 255)));
            cone(25, 50);
            pop();
        }
    }

    function cone(r, h) {
        const baseDetail = 24;
        beginShape();
        for (let i = 0; i < baseDetail + 1; i++) {
            const theta = TWO_PI * i / baseDetail;
            const x = r * cos(theta);
            const z = r * sin(theta);
            vertex(x, -h / 2, z);
            vertex(0, h / 2, 0);
        }
        endShape(CLOSE);
    }