Declare variables for the white quad points: wx1,wy1,wx2,wy2,wx3,wy3,wx4,wy4.

Start a white quad with vertices (wx1+0,wy1+15,wx2+30,wy2+0,wx3+60,wy3+15,wx4+30,wy4+30);

AND

Repeat this white quad on the horizontal Xaxis (wx1,wx2,wx3,wx4) every 60 pixels and stop when wx3 gets to the width of size().

then

drop down the white quad by 60 pixels vertically on all Yaxis (wy1,wy2,wy3,wy4) points and shift all Xaxis points (wx1,wx2,wx3,wx4) to left by -30 horizontal Xaxis pixels.

And

Repeat this white quad on all horizontal axis points every -60 pixels until you get to 0. 

2. //TRYING TO JUST GET LIGHT COLORED QUADS TO REPEAT WITH ONLY WHILE LOOPS, FOR LOOPS AND BOOLEAN OPERATORS
3. 
   
4. //white vertices
5. int wx1 = 0;
6. int wy1 = 0;
7. int wx2 = 0;
8. int wy2 = 0;
9. int wx3 = 0;
10. int wy3 = 0;
11. int wx4 = 0;
12. int wy4 = 0;
13. 
    
14. 
    
15. void setup () {
16. size (400,400);
17. background (255);
18. }
19. 
    
20. 
    
21. void draw () {
22. 
    
23. noStroke();
24. //green quad
25. fill (10,144,51);
26. quad (0,15,30,30,30,75,0,60);
27. //blue quad
28. fill (25,186,191);
29. quad (30,30,60,15,60,60,30,75);
30. 
    
31. 
    
32. //white quad
33. if ((wx1 > width) && (wx1 < 0)){
34.  
35. }
36. 
    
37. fill (247,235,235);
38. quad (wx1+0,wy1+15,wx2+30,wy2+0,wx3+60,wy3+15,wx4+30,wy4+30);
39. quad (wx1+30,wy1+75,wx2+60,wy2+60,wx3+90,wy3+75,wx4+60,wy4+90);
40. quad (wx1+60,wy1+135,wx2+90,wy2+120,wx3+120,wy3+135,wx4+90,wy4+150);
41. quad (wx1+90,wy1+195,wx2+120,wy2+180,wx3+150,wy3+195,wx4+120,wy4+210);
42. quad (wx1+120,wy1+255,wx2+150,wy2+240,wx3+180,wy3+255,wx4+150,wy4+270);
43. quad (wx1+150,wy1+315,wx2+180,wy2+300,wx3+210,wy3+315,wx4+180,wy4+330);
44. quad (wx1+180,wy1+375,wx2+210,wy2+360,wx3+240,wy3+375,wx4+210,wy4+390);
45. quad (wx1+210,wy1+435,wx2+240,wy2+420,wx3+270,wy3+435,wx4+240,wy4+450);
46.   
47.   wx1+=60;
48.   wx2+=60;
49.   wx3+=60;
50.   wx4+=60;
51. }