I have a xml file containing some data and a processing sketch to read this data.

Want I want to do:

In my xml file I have several childs containing 4 attributes: Name, Surname, Age and City. 

First I want to display the Name, 1 second later the surname, 1 second later the age and another second later the city. This animation has to work for the first three childs in my xml file at once. After about 6 seconds it has to display the 4th, 5th and 6th entry. And so on and so on. So no matter how many childs are in my xml file I only want to display three at one time. 

Right now I am able to read through my whole xml file and get all of the children. But I only want the first three to appear with the animation of first showing the name, then the surname, age and the city. 

Second Problem: As I want this as an animation I need to write my script into the draw(). Sadly the text becomes quite ugly as it overwrites the text every time it loops through draw. 

Do have any suggestions how to figure this out? Do I need to use arrays or something to address the text outside the loop? I tried to work with pullMatrix () and pushMatrix() but this doesn't work. 

So below you'll find my code so far and the content of my xml file. I'm glad for any help!!!!!

XML FILE

1. <?xml version="1.0" encoding="ISO-8859-1"?>
2. <pulses>
3.    <Person>
4.     <werte name="John" surname="Smith" age="39" city="London"/>
5.   </Person>
6.    <Person>
7.     <werte name="Claire" surname="Walker" age="22" city="Paris"/>
8.   </Person>
9.    <Person>
10.     <werte name="Ron" surname="Bolton" age="34" city="Madrid"/>
11.   </Person>
12.    <Person>
13.     <werte name="Chris" surname="Summer" age="28" city="Rome"/>
14.   </Person>
15.    <Person>
16.     <werte name="Anne" surname="Gordon" age="26" city="Munich"/>
17.   </Person>
18.    <Person>
19.     <werte name="Mary" surname="Miller" age="30" city="Barcelona"/>
20.   </Person>
21. </pulses>

PROCESSING CODE

1. import proxml.*;
2. 
   
3. XMLInOut xmlIO;
4. proxml.XMLElement myList;
5. 
   
6. int w = 800; 
7. int h = 600; 
8. boolean readData = true; 
9. String name, surname, city, age;
10. PFont font; 
11. 
    
12. void setup() {
13.   size (w, h);
14.   smooth();
15.   font = createFont("Times", 60);
16.   textFont(font);
17.   xmlIO = new XMLInOut(this);
18.   try {
19.     xmlIO.loadElement("myData.xml");
20.   } 
21.   catch (Exception e) {
22.     xmlEvent(new proxml.XMLElement("myList"));
23.   }
24. }
25. 
    
26. void draw() {
27.   if (readData) readData();
28. }  
29. 
    
30. void xmlEvent(proxml.XMLElement element) {
31.   myList = element;
32. }
33. 
    
34. void readData () {
35.   proxml.XMLElement[] allData = myList.getChildren();
36. 
    
37.   for (int i = 0; i< allData.length; i++) {
38.     proxml.XMLElement data = allData[i];
39.     proxml.XMLElement param = data.getChild(0);
40.     if (!param.getName().equals("werte")) continue; // Ignore unknown child
41.     name = param.getAttribute ("name");
42.     surname = param.getAttribute("surname");
43.     age = param.getAttribute("age");
44.     city = param.getAttribute("city");
45. 
    
46.     textFont (font);
47.     textSize(20);    
48.     fill (255);
49.     text(name, 20+i*100, 100);
50.     if (millis()> 3000) {
51.       text(surname, 20+i*100, 125);
52.     }
53.     if (millis()>4000) {
54.       text(age, 20+i*100, 150);
55.     }
56.     if (millis()>5000) {
57.       text(city, 20+i*100, 175);
58.     }
59.   }
60. }