HOMEWORK WEEK 05: The Phone Wallpaper

mySketch
xxxxxxxxxx
 
let i = 0;
let y = 200;
let speed;
​
let text_p2 = "9:15"
let text_p3 = "Do Not Disturb";
let text_p4 = "Verizon";
let text_p5 = "LTE";
​
let page_number = 1;
​
function setup() {
  createCanvas(400, 700);
}
​
function draw() {
  background(143, 188, 139);
   
  for(let y= 0; y < 700; y += 20){
    
    for(let x= 0;x < 400; x += 20){
      noStroke();
      fill(64, 130, 109);
      circle(x, y, 5)
    }
  }
  
  while(i <700){
  fill (102, 51, 153)
  ellipse(10, i, 15, 40)
  ellipse(10, i, 40, 15)
    
  fill(153, 50, 204)
  ellipse(100, i, 15, 40)
  ellipse(100, i, 40, 15)
    
  fill(102, 51, 153)
  ellipse(200, i, 15, 40)
  ellipse(200, i, 40, 15)
    
  fill(153, 50, 204)
  ellipse(300, i, 15, 40)
  ellipse(300, i, 40, 15)
    
  fill(102, 51, 153)
  ellipse(390, i, 15, 40)
  ellipse(390, i, 40, 15)
    
  fill(248, 222, 126);
  circle(10, i, 15)
  circle(100, i, 15)
  circle(200, i, 15)
  circle(300, i, 15)
  circle(390, i, 15)
    
  i += 50;
  }
  i = 0;
y += speed;
if (y > 400){
  speed =-speed;
  }
if(y < 0){
  speed = -speed;
  }
  
  fill(0);
  rect(0, 0, 10, 700);
  rect(390, 0, 10, 700);
  rect(10, 0, 400, 10);
  rect(10, 690, 400, 10);
  rect (150, 10, 100, 20);
  /// phone case 
  noStroke();
  fill(152, 152, 152);
  circle (80, 650, 50);
  circle (330, 650, 50);
  /// gray accents on iphone 
  fill(250);
  rect(318, 640, 25, 20);
  rect(322, 635, 17, 10);
  /// camera
  fill(250);
  rect(75, 640, 10, 20);
  rect(73, 635, 15, 10);
  /// flashlight
  fill(250);
  rect (280, 21, 7, 12);
  rect (290, 18, 7, 15);
  rect (300, 15, 7, 18);
  fill(220, 220, 200);
  rect(310, 12, 7, 21);
  /// wifi signal 
  fill(250);
  rect(350, 15, 30, 16);
  
  fill(0);
  textSize(80);
  
  if (page_number == 1){
    text(text_p2, 130, 140);
  }
  textSize(12);
  fill(250);
  if (page_number == 1){
    text(text_p3, 165, 660);
  }
  if (page_number == 1){
    text(text_p4, 50, 28);
  }
  if (page_number == 1){
    text(text_p5, 323, 30);
  }
}