Pythagot`s tree

Rainbow square tree a^2 + b^2 = c^2

by schrodingers

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/processing.js/1.4.15/processing.js"></script>
<canvas></canvas>

CSS

body {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
</style> <script type="text/javascript"> window.addEventListener('load', function() {
    var scripts=document.body.getElementsByTagName('script');
    var canvases=document.body.getElementsByTagName('canvas');
    new Processing(canvases[0], scripts[0].text);
}
, false);
 // Here prevent javascript in body from throwing error </script> <style>

JavaScript

int count = 0;
float side;
float depth = 7;
float px = cos(radians(45)) * (side / 2);
float py = sin(radians(45)) * (side / 2);

void setup() {
    size(700, 700);
    smooth();
    noStroke();
}

void draw() {
    translate(330, height / 2);
    // background(0);
    colorMode(HSB, 360, 100, 100, 10);
    side = 200;
    fill(50, 70, 70, 10);
    rect(px, py, side, side);


    for (int i = 0; i < depth; i++) {
        side = side / sqrt(2);
        if (side > 5) {

            fill(16 * i, 90, 70, 70);
            beginShape();
            rotate(radians(45));
            rect(px, py + side, side, side);
            endShape();
        }
    }
}