Final Project

var radio;

​

function setup() {

  createCanvas(512, 512);

  background(249);

    angleMode(DEGREES);

    textAlign(LEFT);

  radio = createRadio();

    radio.position(40, 85);

  radio.option("Male", 332);

    radio.option("Female", 402);

    radio2 = createRadio();

    radio2.position(40, 165);

  radio2.option("<21", 0.5);

    radio2.option("21-45", 0.8);

  radio2.option("45<",0.7);

    radio3 = createRadio();

    radio3.position(40, 245);

  radio3.option("CARS!",235);

    radio3.option("PLANES!",285);

    radio3.option("Excuse me?",205);

    radio4= createRadio();

    radio4.position(40, 325);

  radio4.option("Grizzly all the way.",166);

    radio4.option("Polar bears are awesome.",216);

    radio5= createRadio();

    radio5.position(40, 405);

  radio5.option("Pew pew pew.",90);

    radio5.option("I love me some blockbusters.",140);

    push();

    translate(0,30);

    textSize(16);

  fill(51);

  text("> What's your gender?", 20, 40);

  text("> What's your age range?", 20, 120);

  text("> Ok... CARS OR PLANES?", 20, 200);

  text("> Grizzly bear or polar bear?", 20, 280);

  text("> Video games or movies?", 20, 360);

    pop();

}

​

​

​

function draw() {

    var val1 = radio.value();

    var val2 = radio2.value();

    var val3 = radio3.value();

    var val4 = radio4.value();

    var val5 = radio5.value();

    if(val1 && val2 && val3 && val4 && val5){

        submitB = createButton("Submit");

        submitB.position(420,470);

        submitB.mousePressed(generateWallp)

    }   

}

​

​

function generateWallp(){

    createCanvas(1024, 512);

    background(251);

    push();

    translate(0,30);

    textSize(16);

  fill(51);

  text("> What's your gender?", 20, 40);

  text("> What's your age range?", 20, 120);

  text("> Ok... CARS OR PLANES?", 20, 200);

  text("> Grizzly bear or polar bear?", 20, 280);

  text("> Video games or movies?", 20, 360);

    pop();

    noStroke();

  //BIG BLUE AND WHITE RECT ------- val1

    push();

    translate(768,256);

    rectMode(CENTER);

    fill(0,random(0,150),random(100,250));

      rect(0,0,512,512);

    fill(255);

      rect(0,0,radio.value(),radio.value());

  pop();

  //CENTRAL YELLOW DIAMOND AND 4 BLUE ONE ------- val3,2

  push();

    translate(768,256);

  rotate(45);

   fill(radio3.value(),random(100,210),0);

  rectMode(CENTER);

    rect(0,0,radio3.value(),radio3.value());

  translate(117,0);

  fill(0,0,random(100,230));

  scale(radio2.value());

    rect(0,0,235,235);

    pop();

    push();

     translate(685,173);

  rotate(45);

    rectMode(CENTER);

      fill(0,0,random(100,230));

  scale(radio2.value());

    rect(0,0,235,235);

    pop();

       push();

     translate(851,173);

  rotate(45);

    rectMode(CENTER);

      fill(0,0,random(100,230));

  scale(radio2.value());

    rect(0,0,235,235);

    pop();

​

     push();

     translate(685,339);

  rotate(45);

    rectMode(CENTER);

      fill(0,0,random(100,230));

  scale(radio2.value());

    rect(0,0,235,235);

    pop();

  //RED RECT AND FOUR CORNER SMALL WHITE RECTS ------- val4

  push();

    translate(768,256);

  rectMode(CENTER);

    fill(radio3.value(),random(120,255),0);

    rect(0,0,radio4.value(),radio4.value());

    pop();

  fill(255);

  rect(851,339,83,83);

  rect(851,90,83,83);

  rect(602,90,83,83);

  rect(602,339,83,83);

  //MID WHITE DIAMOND ------- val2,3

  push();

    translate(768,256);

  rotate(45);

   fill(255);

  rectMode(CENTER);

  scale(radio2.value()*1.2);

    rect(0,0,radio3.value(),radio3.value());

  pop();

  //CENTER BLUE RECT AND CIRCLES ------- val3

  fill(0,0,(radio3.value()-150)*1.9);

    rect(726.5,214.5,83,83);

  fill((radio3.value()-150)*1.9,random(210,255),0);

  ellipse(768,256,83,83);

  fill(255);

  ellipse(768,256,55.33,55.33);

  //CORNER RED RECTS ------- val3

  fill((radio3.value()-150)*1.9,random(120,255),0);

  rect(934,422,90,90);

  rect(934,0,90,90);

  rect(512,0,90,90);

  rect(512,422,90,90);

  //CORNER WHITE DIAMONDS ------- val5

  push();

    translate(979,467);

  rectMode(CENTER);

  rotate(45);

   fill(255);

  scale(0.71);

    rect(0,0,radio5.value(),radio5.value());

  translate(-420.3,-420.3);

  rect(0,0,radio5.value(),radio5.value());

  translate(-420.3,420.3);

  rect(0,0,radio5.value(),radio5.value());

  translate(420.3,420.3);

  rect(0,0,radio5.value(),radio5.value());

  pop();

}