Processing Evolved

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

    let angle = 0;
    let legAngle = 0;

    function draw() {
        background(0);
        rotateX(angle);
        rotateY(angle * 0.5);
        rotateZ(angle * 0.25);
        noFill();
        stroke(255, 0, 0);
        box(200);

        // Head
        push();
        translate(0, -150, 0);
        stroke(255, 0, 0);
        sphere(75);
        // Eyes
        push();
        translate(-25, 0, 35);
        fill(255);
        ellipse(0, 0, 15, 25);
        pop();
        push();
        translate(25, 0, 35);
        fill(255);
        ellipse(0, 0, 15, 25);
        pop();
        pop();

        // Legs
        push();
        translate(0, 100, 0);
        rotateX(PI / 2 + sin(legAngle) * 0.25);
        stroke(255, 0, 0);
        box(50, 200, 50);
        // Feet
        push();
        translate(0, 100, 0);
        box(100, 50, 100);
        pop();
        pop();

        push();
        translate(0, -100, 0);
        rotateX(-PI / 2 - sin(legAngle) * 0.25);
        stroke(255, 0, 0);
        box(50, 200, 50);
        // Feet
        push();
        translate(0, -100, 0);
        box(100, 50, 100);
        pop();
        pop();

        angle += 0.01;
        legAngle += 0.03;
    }