Primary Spirals

function setup() {

    fullScreen(); //or use createCanvas(250,250);

    background(0);

    angleMode(DEGREES);

    ellipseMode(CORNER);  // Set ellipseMode is CORNER

}

​

function draw(){

    var branch = 5;

    var myColors = ['#ff0000','#0099ff','#ffff00','#ffffff','#b3b3b3'];

    var green ='#9ef957';

    if(mouseIsPressed){

        if (mouseButton == LEFT)

        for(var j=0; j<branch; j++){  //repeat five times

            var myColorIndex =  int(random(0,4)); //0,1,2,3 or 4

            stroke(myColors[myColorIndex]); //pick my color

            translate(mouseX, mouseY);

            rotate(360/branch*j);

            for(var i=0; i<random(2,65); i++){  //for each branch

                var lineAngle = random(0,90);

                translate(0, i);

                rotate(lineAngle);

                strokeWeight(1);

stroke(myColors[myColorIndex]); //pick my color             

fill(green);

ellipse(25, 25, 10, 10);  // Draw white ellipse using CORNER mode

​

noFill();

ellipse(25, 25, 90, 90);  // Draw gray ellipse using CORNERS mode

​

​

                rotate(-lineAngle);

                translate(0, -i);

            }

            rotate(-360/branch*j);

            translate(-mouseX, -mouseY);

        }

    }

}

​

function keyPressed(s){

    if(keyCode == 83){

        saveCanvas('myCanvas', 'jpg');

    }

}