2. menu sp;
3. int [] menuposy = { 
4.   0, 10, 20, 30, 40, 50, 60, 70, 80,
5. };
6. 
   
7. color[] boxcolour= {
8.   color(10, 0, 0), 
9.   color(50, 0, 0), 
10.   color(60, 0, 0), 
11.   color(90, 0, 0), 
12.   color(110, 0, 0), 
13.   color(189, 0, 0), 
14.   color(123, 0, 0), 
15.   color(234, 0, 0), 
16.   color(120, 0, 0),
17. };
18. 
    
19. class menu {
20. 
    
21. 
    
22.   void menuitem() {
23.     for (int i = 0;i < menuposy.length;i++) {   
24.       if (mouseX > 10 && mouseX < 40 && mouseY > menuposy[i] && mouseY < menuposy[i]+10) {
25.         fill (255);
26.         rect(10, menuposy[i], 30, 10);
27.       }
28.       else {
29.         fill (boxcolour[i]);
30.       }
31.       rect(10, menuposy[i], 30, 10);
32.     }
33.   }
34. }
35. 
    
36. menu[] menus;
37. void setup() {
38. 
    
39.   size(100, 100);
40.   sp = new menu();
41. }
42. 
    
43. 
    
44. void draw() {
45.   sp.menuitem();
46. }
47. 
    

2. //PImage m;
3. 
   
4. int[] x = {
5.   159, 204, 253, 254, 248, 252, 251, 335, 302
6. };
7. int[] y = {
8.   43, 105, 272, 322, 344, 358, 384, 411, 508
9. };
10. void setup() {
11.   size(559, 656);
12.   //  m = loadImage("Dublin-Map-Vector.jpg");
13. }
14. 
    
15. 
    
16. void draw() {
17.   //  image(m, 0, 0);
18. 
    
19.   for (int i = 0; i < x.length; i++) {
20. 
    
21.     ellipse(x[i], y[i], 20, 20);
22.   }
23.   endShape();
24. }

I'm having difficulty even describing this problem. :) 

I have a map, and points on the map moving about representing people in a story (bit like Marauders Map) but I would like that when I click an icon the bottom corner the animation pauses and the dots (representing the characters) stop whereever they are and then display the name of the character. Any ideas or suggestions?

Just started to get into processing and I've hit a bit of stumbling block. I'm trying to create a menu where you select an image and information appear, but as of now I'm just having difficulty making a white shape over one of the images change its opacity when I hover over the certain image. If I run the shape section without the image code it works perfectly but when I integrate it either nothing happens (when noLoop is on) or one of the images fades to black (when loop is on). Very confused and I've hit a  block in trying to solve the problem. 

This may be a really simple problem but it's got me stumped, thanks anyone who can guide me on this. 

1. 
   
2. PImage a, b;
3. int x = 0;
4. int y = 250;
5. int w = 500;
6. int h = 250;
7. 
   
8. void setup() {
9.   size(500, 500);
10.   b = loadImage("rathmines.jpg");
11.   a = loadImage("jamesjoyce.jpg");
12.   noLoop();
13. }
14. 
    
15. void draw() {
16.   background(255);
17.   loop();
18.   if (mouseX > x && mouseX < x + w && mouseY > y && mouseY < y + h) {
19. 
    
20.     fill(0);
21.   } 
22.   else {
23. 
    
24.     fill(175);
25.   }
26.   rect(x, y, w, h);
27.   noLoop();
28.   a.resize(0, 600);
29.   image(a, -10, 230);
30.   image(b, 0, -170);
31.   line(0, height/2, width, height/2);
32. }