Hi

I hope someone can help me here. I'm pretty much a noob trying to make an interactive graphic showing soccer teams moving up or down FIFA rankings. I loaded pictures I created outside of Processing to represent the teams and I want them to move based on a mouse click event.

My problem right now is that when I test the app it doesn't size according to the settings I put in. Most of the images get cut off. I tried frame.setResizable() and while I can manipulate the size of the window to a degree my images are still cut off.

Below is my code and I am working on Processing 2.0B7 on a Macbook Pro running on OS X:

1. //Setting up the images that will go into the sketch
2. PImage img1;
3. PImage img2;
4. PImage img3;
5. PImage img4;
6. PImage img5;
7. PImage img6;
8. PImage img7;
9. PImage img8;
10. PImage img9;
11. PImage img10;
12. PImage img11;
13. PImage img12;
14. PImage img13;
15. PImage img14;
16. PImage img15;
17. PImage img16;
18. PImage img17;
19. //loading the images from the file
20. void setup() {
21.   size(600, 1200);
22.   frame.setResizable(true); 
23.   img1 = loadImage("Click.png");
24.   img2 = loadImage("Team_Algeria.png");
25.   img3 = loadImage("Team_Angola.png");
26.   img4 = loadImage("Team_BurkinaFaso.png");
27.   img5 = loadImage("Team_CapeVerde.png");
28.   img6 = loadImage("Team_DRCongo.png");
29.   img7 = loadImage("Team_Ethiopia.png");
30.   img8 = loadImage("Team_Ghana.png");
31.   img9 = loadImage("Team_IvoryCoast.png");
32.   img10 = loadImage("Team_Mali.png");
33.   img11 = loadImage("Team_Morocco.png");
34.   img12 = loadImage("Team_Niger.png");
35.   img13 = loadImage("Team_Nigeria.png");
36.   img14 = loadImage("Team_SouthAfrica.png");
37.   img15 = loadImage("Team_Togo.png");
38.   img16 = loadImage("Team_Tunisia.png");
39.   img17 = loadImage("Team_Zambia.png");
40. }
41. int a = 0;
42. //Drawing the images into the sketch
43. void draw() {
44.   background(#000000);
45.   image(img1, 400, 100);
46.   image(img2, 100, 200);
47.   image(img3, 100, 260);
48.   image(img4, 100, 320);
49.   image(img5, 100, 380);
50.   image(img6, 100, 440);
51.   image(img7, 100, 500);
52.   image(img8, 100, 560);
53.   image(img9, 100, 620);
54.   image(img10, 100, 680);
55.   image(img11, 100, 740);
56.   image(img12, 100, 800);
57.   image(img13, 100, 860);
58.   image(img14, 100, 920);
59.   image(img15, 100, 980);
60.   image(img16, 100, 1040);
61.   image(img17, 100, 1100);
62. }