I've been working on this sketch in which a rectangle is animated across the screen while rotating at angles determined using random noise. I like the results however I'm looking to take it a step further. Currently, a single rectangle is animated to move across the screen and then return to the left after it completes a row to begin a new row- similar to a typewriter. This results in random rotation along it's path and each row is not related to the one above or below it. How can I pass the rectangle through a noise field rather than just applying noise to the rotation angles as it moves along the path? I'm looking for rotation angles to change across the field of sketch rather than only the linear path. Please take a look at the sketch to understand what I mean. Any feedback would be greatly appreciated. Thank you!!!!

2. float xoff = 0.0;
3. float x,y, xspeed, yspeed, angA;
4. 
   
5. void setup() {
6.   size(600,400);
7.   background(255);
8. }
9. 
   
10. void draw() {
11.   noiseDetail(2,0.87);
12.   x += 3;
13.   xoff = xoff + .01;
14.   float n = noise(xoff) * width;
15.   pushMatrix();
16.   stroke(0);
17.   //noFill();
18.   //fill(n);
19.   //if (n*1.5 >= 180) {
20.  //   fill(15);
21.  // } else {
22.  //   fill(255);
23.  // }
24.   translate(x,y);
25.   rotate(radians(n*1.4));
26.   rectMode(CENTER);
27.   fill(255);
28.   rect(0,0,30,60);
29.   //box(60,30,3);
30.   popMatrix();
31.   //line(n, 0, n, height);
32.   
33.   if (x >= width+100) {
34.       x = 0;
35.       y+= 20;
36.   }  
37.   
38.   if (y>= height) {
39.       y = 0;
40.   }
41. }
42. 
    
43. //void keyPressed() {
44. //  saveFrame("surface####.jpg");
45. //}