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();
    }

    function draw() {
        background(150);
        translate(0, 0, -100);
        rotateX(frameCount * -0.01);
        rotateY(frameCount * -0.01);
        push();
        fill(255);
        box(100);
        textSize(50);
        textAlign(CENTER, CENTER);
        fill(0);
        text('Q', 0, 0, 0);
        pop();
        for (let i = 0; i < 12; i++) {
            push();
            rotateY(i * TWO_PI / 12);
            translate(150, 0, 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)));
            square(-50, -50, 100);
            pop();
        }
    }