Hi guys

This bug has seriously ruined my week. I'm trying to create an interactive leaderboard and in it are three arrays: 1 with images and 2 with integers that I wrote as strings. I'm trying to make a keyPressed event that'll make the numbers change with the images representing the teams as they go up or down the ladder and I have a mousePressed event to execute a loop to revert the window back to its original state.

My problem is when I try to run the code the keyPressed event doesn't execute and only does so after I click on the mouse. Then the images move but the string array doesn't loop back with the first set of images. I have included the code below...I know it is lengthy and trust I have been refractoring and shortening as I go. Right now what I would like help with is making sure the keyPressed event executes first and the the positions1 string array reverts back to its original position when the loop executes.

I have included my code below and am working on a Macbook Pro OSX Processing 2.0b7.

1. PImage[] images = new PImage[24];
2. PImage img = new PImage();
3. PImage quarterFinalWinners = new PImage();
4. float damping = 0.1;
5. PFont font;
6. String[] positions1 = {"18", "26", "32", "45", "58", "56", "59", "61", "66", "69", "71", "85", "98", "100", "116", "133"};
7. String[] positions2 = {"14", "19", "25", "30", "34", "45", "52", "69", "71", "72", "87", "84", "89", "105", "107", "110"};
8. float x;
9. float y;
10.  
11. void setup() {
12.   noLoop();
13.   size(600, 1600);
14.   frameRate(60);
15.   smooth();
16.  
17.   font = loadFont("Calibri-Bold-48.vlw");
18.   textFont(font);
19.   
20.   frame.setResizable(true);
21.     for (int i = 0; i < images.length; i++) {
22.       images[i] = loadImage(i + ".png");
23.     }
24.     noLoop();
25. }
26.  
27. void draw() {
28.   background(0);
29.   image(images[0], 150, 50);
30.   image(images[1], 150, 110);
31.   image(images[2], 150, 170);
32.   image(images[3], 150, 230);
33.   image(images[4], 150, 290);
34.   image(images[5], 150, 350);
35.   image(images[6], 150, 410);
36.   image(images[7], 150, 470);
37.   image(images[8], 150, 530);
38.   image(images[9], 150, 590);
39.   image(images[10], 150, 650);
40.   image(images[11], 150, 710);
41.   image(images[12], 150, 770);
42.   image(images[13], 150, 830);
43.   image(images[14], 150, 890);
44.   image(images[15], 150, 950);
45.  
46.  
47.   text(positions1[0], 120, 125);
48.   text(positions1[1], 120, 185);
49.   text(positions1[2], 120, 245);
50.   text(positions1[3], 120, 305);
51.   text(positions1[4], 120, 365);
52.   text(positions1[5], 120, 425);
53.   text(positions1[6], 120, 485);
54.   text(positions1[7], 120, 545);
55.   text(positions1[8], 120, 605);
56.   text(positions1[9], 120, 665);
57.   text(positions1[10], 120, 725);
58.   text(positions1[11], 120, 785);
59.   text(positions1[12], 120, 845);
60.   text(positions1[13], 120, 905);
61.   text(positions1[14], 120, 965);
62.   text(positions1[15], 120, 1025);
63.  
64. }
65. void keyPressed () {
66. if((key == 's') || (key == 'S')) {
67.    positions1 = positions2;
68.     }
69.    
70.     noLoop();
71.   image(images[10], 150, 290);
72.   image(images[19], 150, 50);
73.   image(images[17], 150, 230);
74.   image(images[2], 150, 110);
75.   image(images[22], 150, 410);
76.   image(images[20], 150, 470);
77.   image(images[16], 150, 650);
78.   image(images[6], 150, 350);
79.   image(images[7], 150, 590);
80.   image(images[18], 150, 770);
81.   image(images[21], 150, 170);
82.   image(images[12], 150, 830);
83.   image(images[13], 150, 530);
84.   image(images[23], 150, 950);
85.    
86. }
87. void mousePressed () {
88.       if (mousePressed) {
89.       positions2 = positions1;
90.       }
91.      loop();
92.       }

Hi guys

I am working on a project in which I am trying to visualize a log of soccer teams moving up and down in the ranks as a year goes by.

I saved the images representing the teams into an array and called it in the draw function. Now I want to tween their movements using shapetween but I don't know where to initialize the x and y positions of the teams. If I try to initialize them globally I get this error message:

1. Cannot reference a field before it is defined

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. }

Hi there

I hope someone can help me with my problem. I'm trying to make a simple visualization to show how soccer teams either moved up or down in the FIFA rankings for 2012. To that I have created and loaded 17 images to my sketch which I want to move based on a button event. Below is my code:

I keep getting this error message: Badly formed character (expecting quote, got I). And below is the output in the console:

1. 
   
   processing.app.SketchException: Badly formed character constant (expecting quote, got l)
       at processing.mode.java.preproc.PdePreprocessor.checkForUnterminatedMultilineComment(PdePreprocessor.java:478)
       at processing.mode.java.preproc.PdePreprocessor.write(PdePreprocessor.java:515)
       at processing.mode.java.JavaBuild.preprocess(JavaBuild.java:270)
       at processing.mode.java.JavaBuild.preprocess(JavaBuild.java:185)
       at processing.mode.java.JavaBuild.build(JavaBuild.java:144)
       at processing.mode.java.JavaBuild.build(JavaBuild.java:123)
       at processing.mode.java.JavaMode.handleRun(JavaMode.java:114)
       at processing.mode.java.JavaEditor$19.run(JavaEditor.java:474)
       at java.lang.Thread.run(Thread.java:680)
   

I'm using Processing 2.0B7 on a Macbook Pro running on OS X.

Hey guys

I am sort of a newbie with Processing but looking to do some cool things with it for my newsroom. I'm trying to build a tweet stream animation based on hashtags for teams. I got the code from this blog: blog.blprnt.com/blog/blprnt/updated-quick-tutorial-processing-twitter

Below is my code, with the code keys blocked out, and I keep getting "unexpected token: (" error at the cb.setOAuthConsumerKey line (line 12).

Can someone help?

//Build an ArrayList to hold all of the words that we get from the imported tweets
ArrayList<String> words = new ArrayList();

void setup() {
    //Set the size of the stage and the backgroud to black.
    size(550,550);
    background(0);
    smooth();
 
    //Credentials
   ConfigurationBuilder cb = new ConfigurationBuilder();
   cb.setOAuthConsumerKey("xxxxxxxxxxxxx");
   cb.setOAuthConsumerSecret("xxxxxxxxxxxx");
   cb.setOAuthAccessToken("xxxxxxxxx-xxxxxxxxxxx");
   cb.setOAuthAccessTokenSecret("xxxxxxxxxxxxxxx");

  //Make the Twitter object and prepare the query
  Twitter twitter = new TwitterFactory(cb.build()).getInstance();
  Query query = new Query("#OrlandoPirates");
  query.setRpp(100);

  //Try making the query request.
  try {
    QueryResult result = twitter.search(query);
    ArrayList tweets = (ArrayList) result.getTweets();
 
    for (int i = 0; i < tweets.size(); i++) {
    Tweet t = (Tweet) tweets.get(i);
    String user = t.getFromUser();
    String msg = t.getText();
    Date d = t.getCreateAt();
    println("Tweet by " + user + " at " + d + ": " + msg);
 
    //Break the tweet into words
    String[] input = msg.split(" ");
    for (int j = 0; j < input.length; j++) {
    //Put each word into the words ArrayList
    words.add(input[j]);
    }
    };
  }
    catch (TwitterException te) {
    println("Couldn't connect: " + te);
  };
}

void draw() {
  //Draw a faint black rectangle over what is currently on the stage so it fades over t
  fill(0,1);
  rect(0,0,width,height);
 
  //Draw a word from the list of words that we've built
  int i = (frameCount % words.size());
  String word = words.get(i);
 
  //Put it somewhere random on the stage, with a random size and colour
  fill(255,random(50,150));
  textSize(random(10,30));
  text(word, random(width),random(height));
}