For the project I have created a maze game. This game is made of three mazes, each images I have made in photoshop, once you get to the end of the first maze, you go to the next and so on.
For the character to remain constrained in the maze I am coding it based on the color of the pixels, it'll only move in the white areas. The first map works perfectly, but when I get to the next map the character is not constrained anymore, it'll float right over the lines of the map. Can anyone help with this?

Again, I'm pretty new at this, so I would appreciate input! Thank you!

2. int page = 1;
3. PImage map1;
4. PImage map2;
5. PImage map3;
6. PImage last;
7. PImage trainer;
8. 
   
9. import ddf.minim.*;
10. 
    
11. Minim minim;
12. AudioPlayer song;
13. 
    
14. int x = 20; //map 1
15. int y = 20;
16. int xm2 = 20; //map 2
17. int ym2 = 20;
18. int xm3 = 20; //map 3
19. int ym3 = 20;
20.  
21. int trainerwidth = 20;
22. int trainerheight = 20;
23.  
24. 
    
25.  
26. void setup() {
27.   size(500,700);
28.   
29.   trainer = loadImage("pokemontrainer.jpg");
30.    map1 = loadImage("map1.jpg");
31.    map2 = loadImage("map2.jpg");
32.    map3 = loadImage("map3.jpg");
33.    last = loadImage("last.jpg");
34.    
35.    minim = new Minim(this);
36.    song = minim.loadFile("pokemon8bit.mp3");
37.    song.play();
38.    
39. }
40.  
41.  
42. void draw() {
43.   smooth();
44.   background(255);
45.   
46.    if (page == 1) {
47.       image(map1, 0, 0);
48.  
49.   // make trainer
50.       image(trainer, x, y, trainerwidth, trainerheight);
51.    }
52.     
53.    if (page == 2) {
54.       image(map2, 0, 0);
55.  
56.  
57.   // make trainer
58.       image(trainer, xm2, ym2, trainerwidth-5, trainerheight-5);
59.    }
60.     
61.    if (page == 3) {
62.       image(map3, 0, 0);
63.  
64. 
    
65.  
66.   // make trainer
67.       image(trainer, xm3, ym3, trainerwidth-5, trainerheight-5);
68.    }
69.     
70.    if (page == 4) {
71.       image(last, 0, 0);
72.  
73.    }
74.     
75.    if (page == 1) {
76.         if ((x > 420) && (x < 505) && (y > 640) && (y < 700)) {
77.             page = 2;
78.        }
79.      }
80.     if (page == 2) {
81.         if ((xm2 > 0) && (xm2 < 80) && (ym2 > 640) && (ym2 < 700)) {
82.             page = 3;
83.        }
84.      }
85.     if (page == 3) {
86.         if ((xm3 > 440) && (xm3 < 505) && (ym3 > 640) && (ym3 < 700)) {
87.             page = 4;
88.          }
89.      }
90.              
91.       if (page == 4) {
92.          if (mousePressed == true) {
93.              page = 1;
94.              x = 15;
95.              y = 15;
96.              }
97.             }
98. 
    
99.   if (page == 1) {
100.   if(keyPressed){
101.      if(key=='a'){
102.       int loc = x-1 + y*map1.width;
103.       float redpix = red(map1.pixels[loc]);
104.       if(redpix > 200) {
105.         x--;
106.       }
107.     }
108.       else if(key=='d'){
109.       int loc = x+trainerwidth+1+y*map1.width;
110.       float redpix = red(map1.pixels[loc]);
111.       if(redpix > 200) {
112.         x++;
113.       }
114.     }
115.     else if(key=='w'){
116.       int loc = x + (y-1)*map1.width;
117.       float redpix = red(map1.pixels[loc]);
118.       if(redpix > 200) {
119.         y--;
120.       }
121.     }
122.     else if(key=='s'){
123.       int loc = x +(trainerheight+1+y)*map1.width;
124.       float redpix = red(map1.pixels[loc]);
125.       if(redpix > 200) {
126.         y++;
127.     }
128.   }
129.   }
130.   }
131.   if (page == 2) {
132.   if(keyPressed){
133.      if(key=='a'){
134.       int loc = x-1 + y*map2.width;
135.       float redpix = red(map1.pixels[loc]);
136.       if(redpix > 200) {
137.         xm2--;
138.       }
139.     }
140.       else if(key=='d'){
141.       int loc = x+trainerwidth+1+y*map1.width;
142.       float redpix = red(map1.pixels[loc]);
143.       if(redpix > 200) {
144.         xm2++;
145.       }
146.     }
147.     else if(key=='w'){
148.       int loc = x + (y-1)*map2.width;
149.       float redpix = red(map2.pixels[loc]);
150.       if(redpix > 200) {
151.         ym2--;
152.       }
153.     }
154.     else if(key=='s'){
155.       int loc = x +(trainerheight+1+y)*map2.width;
156.       float redpix = red(map2.pixels[loc]);
157.       if(redpix > 200) {
158.         ym2++;
159.     }
160.   }
161.   }
162.   }
163.  if (page == 3) {
164.   if(keyPressed){
165.      if(key=='a'){
166.       int loc = x-1 + y*map3.width;
167.       float redpix = red(map3.pixels[loc]);
168.       if(redpix > 200) {
169.         xm3--;
170.       }
171.     }
172.       else if(key=='d'){
173.       int loc = x+trainerwidth+1 + y*map3.width;
174.       float redpix = red(map3.pixels[loc]);
175.       if(redpix > 200) {
176.         xm3++;
177.       }
178.     }
179.     else if(key=='w'){
180.       int loc = x + (y-1)*map3.width;
181.       float redpix = red(map3.pixels[loc]);
182.       if(redpix > 200) {
183.         ym3--;
184.       }
185.     }
186.     else if(key=='s'){
187.       int loc = x +(trainerheight+1+y)*map3.width;
188.       float redpix = red(map3.pixels[loc]);
189.       if(redpix > 200) {
190.         ym3++;
191.     }
192.   }
193.   }
194.   }
195. }
196. 
     
197. 
     
198. void stop() {
199.   song.close();
200.   minim.stop();
201.   super.stop();
202. }
203.