Processing Evolved

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

    let angle = 0;
    let rotationSpeed = 0.01;
    let treeHeight = 200;
    let treeGrowthSpeed = 0.1;

    function draw() {
        background(135, 206, 235); // Sky blue

        // Horizon
        push();
        translate(0, 200);
        fill(70, 40, 20); // Brown
        box(1000, 50, 1000);
        pop();

        // Grass
        push();
        translate(0, 205);
        for (let i = -500; i < 500; i += 10) {
            for (let j = -500; j < 500; j += 10) {
                push();
                translate(i, 0, j);
                fill(50, 205, 50); // Green
                box(5, 10, 5);
                pop();
            }
        }
        pop();

        // Tree with Branches
        push();
        translate(0, 0, 0);
        fill(139, 69, 19); // Brown
        box(20, treeHeight, 20);

        // Branches
        push();
        rotateX(angle);
        rotateY(angle * 0.7);
        rotateZ(angle * 0.5);
        translate(0, treeHeight / 2, 0);
        fill(139, 69, 19);
        box(10, treeHeight / 2, 10);
        pop();

        push();
        rotateX(angle * 0.6);
        rotateY(angle * 0.9);
        rotateZ(angle * 0.3);
        translate(0, treeHeight / 2, 0);
        fill(139, 69, 19);
        box(10, treeHeight / 2, 10);
        pop();

        push();
        rotateX(angle * 0.8);
        rotateY(angle * 0.4);
        rotateZ(angle * 0.7);
        translate(0, treeHeight / 2, 0);
        fill(139, 69, 19);
        box(10, treeHeight / 2, 10);
        pop();

        pop();

        // Street
        push();
        translate(0, 210);
        fill(128, 128, 128); // Gray
        box(1000, 10, 200);
        pop();

        angle += rotationSpeed;
    }