I try to make a program, but now I want that the word that random appear just one time appears.

Now there are a lot of words that appear. I tried to fix it with a boolean but it dont work. :S

2. int frames;
3. char State;
4. int timeToNextw;
5. int timeOffset1;
6. PFont fontA;
7. float hold;
8. boolean wordappear;
9. 
   
10. void setup() {
11.   State = 'A';
12.   size(600, 600);
13.   background(255);
14.   frameRate(60);
15.   hold=millis();
16. }
17. 
    
18. void draw () {
19.   if (State == 'A') {
20.     background(255);
21. 
    
22.     wordappear = true;   // here the boolean but it dont work 
23.       if (wordappear  == true) {
24.     word(); // one random word
25.     wordappear = false;       //word not more than once (doesnt work)
26.   }
27.    if(millis()-hold > 900) // to the next state
28.   {
29.       State = 'B';
30.       hold=millis();
31.   }
32. 
    
33.     if (State == 'B') {
34.       background(255);
35.          println("Hi ");
36.     }
37.   }
38. }
39.     void word () {
40.       float side = random(2) ; 
41.       if (side <= 1) {  
42.         side = 100; 
43.         println( "left");
44.       }
45.       else { 
46.         side = 500; 
47.         println( "right");
48.       }
49.       fontA = loadFont("Arial-BoldMT-16.vlw");
50.       textFont(fontA, 16);
51.       fill (0);
52.       String[] words = { 
53.         "sit", "question", "save", "bell", "taste", "seven", "one", "boot"
54.       };
55.       int index = int(random(words.length));  
56.       println(words[index]);  // print one of the six words
57.       text(words[index], side, 300);
58.     }

I have a problem:

I want to have a random word that appears a second on the right or left side of the screen.

But know it appears between 100 and 500.

and there appear more word than one. 

How can I fix this. 

This is a piece of my code:

2. void word () {
3.   float side;
4. int links = (100);
5. int rechts = (500);
6.   side = random (links, rechts); // left or right but now it is between 100 and 500 HOW can I fix this?
7.   fontA = loadFont("Arial-BoldMT-16.vlw");
8.     textFont(fontA, 16);
9.     fill (0);
10.   String[] words = { 
11.     "smaak", "tafels", "friet", "print", "licht", "geval", "paard", "laars", "plots", "kapel"
12.   }; // random words
13.   int index = int(random(words.length));  // same as int(random(10))
14.   println(words[index]);  // prints one of the six words // but now a few :(
15.   text(words[index], side, 300);
16. 
    
17. }

Now I have a few questions because there are a lot bugs in my program.

So is in the third screen (state D) the button wrong. how can I fix that?

By state W there must be a random word for 0,9 sec but it isn't. And how can it appear left or right and not from 200 until 400?

An other problem is that in the textfield a person must typ the word that they saw before but how can I program that whhen it word is good there is a screen "the word is good' and when its wrong 'the word is wrong try again'.

Can someone help me?

2. import controlP5.*;
3. 
   
4. 
   
5. PFont fontA;
6. int rectX, rectY;      // Position of square button
7. int circleX, circleY;  // Position of circle button
8. int rectSizeh = 40;     // Diameter of rect
9. int rectSizew = 100;  
10. color rectColor, baseColor;
11. color rectHighlight;
12. color currentColor;
13. boolean rectOver = false;
14. String tekst1, tekst2;
15. char State;
16. int timeOffset;
17. float timeToNextk;
18. float timeToNextw;
19. float timeToNexte;
20. import controlP5.*;
21. ControlP5 controlP5;
22. String textValue = "";
23. Textfield myTextfield;
24. Woorden[] woorden = new Woorden[300];
25. 
    
26. 
    
27. /*
28. STATES:
29.  E = Beginscherm    -- 
30.  B = Begin1         -- 
31.  D = Begin2         -- 
32.  K = Kruis          -- 
33.  W = Woord          -- 
34.  T = Antwoord       -- 
35.  G = Goed           --
36.  F = Fout           --
37.  N = einde          --
38.  */
39. 
    
40. void setup() {
41.   size(600, 600);
42.   background(255);
43.   timeToNextk = random (3000, 5000);
44.   timeToNextw = (3000);
45.   timeToNexte = (7000);
46.   State = 'E';
47. }
48. 
    
49. void draw() {
50.   if (State == 'E') {
51.     background(255); 
52.     runWoordHerkenning();
53.     for (int i = 0; i < 250; i = i +15 ) {
54.       woorden[i] = new Woorden(random(width), random(height));
55.     }
56.     for (int i = 0; i < 250; i = i+15 ) {
57.       woorden[i].display();
58.     }
59.       if (timeToNexte <= millis()-timeOffset) {
60.         State = 'B';
61.       }
62.     }
63.     if (State == 'B') {
64.       background(255);
65.       displayKruis(width/2, height/2, 0);
66.       runtekst ();
67.       drawknop ();  
68.       ;
69.     }
70. 
    
71.     if (State == 'D') {
72.       background(255);
73.       displayKruis(width/2, height/2, 0);
74.       runtekst2 ();
75.       drawknop ();   
76.       ;
77.     }
78.     if (State == 'K') {
79.       background(255);
80.       float m = millis();
81.       noStroke();
82.       displayKruis(width/2, height/2, (m % 300)); 
83.       if (timeToNextk <= millis()-timeOffset) {
84.         State = 'W';   
85.         ;
86.       }
87.     }
88.     if (State == 'W') {
89.       background(255);
90.       woord () ;
91.       if (timeToNextw <= millis()-timeOffset) {
92.         State = 'T';
93.       }
94.       if (State == 'T') {
95.         background(255);
96.         runtekstantwoord();
97.         controlP5 = new ControlP5(this);
98.         myTextfield = controlP5.addTextfield("Antwoord", 100, 200, 400, 20);
99.         myTextfield.setFocus(true);
100.         myTextfield.setColorBackground(color(190, 190, 240)); //Background text field
101.         myTextfield.setColorCaptionLabel(color(255)); // text nietzichtbaar
102.         myTextfield.setColorActive(color(0));  //stroke
103.         myTextfield.setColorValue(color(0));  //tekst in hokje
104.         // void controlEvent(ControlEvent theEvent) {
105.         // println(theEvent.controller().name()+": "+theEvent.controller().stringValue()); //printen antwoord (is nog wat fout mee)
106.         //}
107.       }
108.     }
109.   }
110. 
     
111.   void mousePressed() {
112.     switch(State) {
113.     case 'B':
114.       State = 'D';
115.       break;
116.     case 'D':
117.       State = 'K';
118.       /* setting the baseline for the timer
119.        this is being used in draw() 
120.        to switch to WAIT after a while */
121.       timeOffset = millis();
122.       break;
123.     }
124.   }
126. 
     
128. 
     
129. 
     
130. class Woorden {
131.   // variables
132.   float x, y;
133. 
     
134.   // constructor
135.   Woorden(float tempX, float tempY) {
136.     x = tempX;
137.     y = tempY;
138.   }
139. 
     
140.   // Move the text
141. 
     
142. 
     
143.   // Display 
144.   void display() {
145.     fontA = loadFont("Arial-BoldMT-12.vlw");
146.     textFont(fontA, 12);
147.     fill (0,0, random (50,255));
148.     String[] words = { 
149.       "computer", "test", "woorden", "psychologie", "herkenning", "onthouden", "typen"
150.     };
151.     int index = int(random(words.length));  // same as int(random(6))
152.     text(words[index], x, y);
153.   }
154. }
155. 
     
156. void runWoordHerkenning() {
157. fontA = loadFont("Arial-BoldMT-40.vlw");
158.   // de font en de grootte van het lettertype
159.   textFont(fontA, 40);
160. 
     
161.   fill (110,90,255);
162.   text("WoordherkenningsTest", 55, 300);
163. }
164. void drawknop()
165. {
166.   rectColor = color(190,190,240);
167.   rectHighlight = color(110,90,255);
168.   baseColor = color(255);
169.   currentColor = baseColor;  
170.   rectX = width/2-(rectSizew/2);
171.   rectY = 500;
172. 
     
173. 
     
174.   update(mouseX, mouseY);
175. 
     
176.   if (rectOver) {
177.     fill(rectHighlight);
178.   } 
179.   else {
180.     fill(rectColor);
181.   }
182.   stroke(0);
183.   rect(rectX, rectY, rectSizew, rectSizeh);
184.   fill(0);  // black
185.   text("Continue", rectX+10, rectY+25);
186. }
187. 
     
188. void update(int x, int y)
189. {
190. 
     
191.   if ( overRect(rectX, rectY, rectSizew, rectSizeh) ) {
192.     rectOver = true;
193.   } 
194.   else {
195.     rectOver = false;
196.   }
197. }
198. 
     
199. 
     
200. boolean overRect(int x, int y, int width, int height) 
201. {
202.   if (mouseX >= x && mouseX <= x+width && 
203.     mouseY >= y && mouseY <= y+height) {
204.     return true;
205.   } 
206.   else {
207.     return false;
208.   }
209. }
211. void displayKruis(float x, float y, float c) {
212.     int w = 20;
213.   int h = 100;
214.   rectMode(CENTER);
215.   fill (c);
216.   rect(x, y, w, h);
217.   rect(x, y, h, w);
218.   fill(110,90,255);
219.   ellipse(x, y, 10, 10);
220.   rectMode(CORNERS);
221. }
223. // GLOBAL
224. int x = 30;
225. 
     
226. // FUNCTIONS
227. void runtekst() {
228.   fontA = loadFont("Arial-BoldMT-16.vlw");
229.   // de font en de grootte van het lettertype
230.   textFont(fontA, 16);
231.   rectMode (CORNER);
232.   tekst1 = "In het volgende experiment, word een kruis getoond. Daarna volgt een woord dat verschijnt aan de linker of rechterkant van het kruis. Het woord verschijnt snel. Als je het woord kan lezen,dan kan je daarna het woord typen. Als het woord te snel verschijnt dan druk op ENTER en probeer opnieuw. Elke keer wanneer het woord verschijnt, verschijnt het wat langer in beeld." ;
233.   tekst2 = "Voor het onderzoek is het van belang dat je je ogen richt op het knipperende kruis.";
234.   fill (0);
235.   text(tekst1, x, 60, 500, 500);
236. }
237. void runtekst2() {
238. fontA = loadFont("Arial-BoldMT-16.vlw");
239.   // de font en de grootte van het lettertype
240.   textFont(fontA, 16);
241. 
     
242.   fill (0);
243.   text("Voor het onderzoek is het van belang dat je je ogen richt op het knipperende kruis.", x, 60, 540, 400);
244. }
245. void runtekstantwoord() {
246. fontA = loadFont("Arial-BoldMT-16.vlw");
247.   // de font en de grootte van het lettertype
248.   textFont(fontA, 16);
249. 
     
250.   fill (0);
251.   text("Hieronder kan je het woord invullen wat je net zag.", x, 140, 540, 400);
252. }
253. void runtekstgoed() {
254. fontA = loadFont("Arial-BoldMT-16.vlw");
255.   // de font en de grootte van het lettertype
256.   textFont(fontA, 16);
257. 
     
258.   fill (0, 225, 0);
259.   text("Het woord is GOED. Druk op ENTER om naar de volgende te gaan.", x, 60, 540, 400);
260. }
261. void runtekstfout() {
262. fontA = loadFont("Arial-BoldMT-16.vlw");
263.   // de font en de grootte van het lettertype
264.   textFont(fontA, 16);
265. 
     
266.   fill (225, 0, 0);
267.   text("Het woord is FOUT. Druk op ENTER om het opnieuw te proberen.", x, 60, 540, 400);
268. }
270. void woord () {
271.   float kant;
272.   float links = (100);
273.   float rechts = (500);
274.   kant = random (links, rechts);
275.   fontA = loadFont("Arial-BoldMT-16.vlw");
276.     textFont(fontA, 16);
277.     fill (0);
278.   String[] words = { 
279.     "smaak", "tafels", "friet", "print", "licht", "geval", "paard", "laars", "plots", "kapel"
280.   };
281.   int index = int(random(words.length));  // same as int(random(10))
282.   println(words[index]);  // prints one of the six words
283. 
     
284.   text(words[index], kant, 300);
285. }

I found this, but how can I change the color of my field. I can only change the background now. 

Here the code:

3. /**
4.  * ControlP5 Textflied.
5.  * by andreas schlegel, 2009
6.  */
7. 
   
8. import controlP5.*;
9. ControlP5 controlP5;
10. 
    
11. 
    
12. 
    
13. String textValue = "";
14. Textfield myTextfield;
15. 
    
16. void setup() {
17.   size(400, 400);
18.   frameRate(25);
19.   controlP5 = new ControlP5(this);
20. 
    
21. 
    
22.   myTextfield = controlP5.addTextfield("Antwoord", 100, 160, 200, 20);
23.   myTextfield.setFocus(true);
24. }
25. 
    
26. void draw() {
27.   background(0);
28. }
29. 
    
30. 
    
31. void controlEvent(ControlEvent theEvent) {
32.   println(theEvent.controller().name()+": "+theEvent.controller().stringValue());
33. }

3. // DECLARE
4. knopje mijnknopje;
5. 
   
6. void setup() {
7.     size(600, 600);
8. 
   
9. 
   
10.     // INITIATIE
11.     mijnknopje = new knopje();
12. 
    
13. }
14. void draw() {
15.     background(255);
16. 
    
17.     // FUNCTIONALLITY
18.     mijnknopjekruis.runknopje ; //don't work
19.     
20. }
class knopje {
21. 
    
22. // GLOBAL
23. float bx =250;
24. float by =450;
25. int knhoogte = 40;
26. int knbreedte = 100;
27. boolean over = false;
28. boolean locked = false;
29. float bdifx = 0.0; 
30. float bdify = 0.0; 
31. // CONSTRUCTORS
32. knopje (){}
33. // FUNCTIONS
34. void runknopje () {
35. drawknopje();
36. muisoverknopje ();
37. mousePressed();
38. 
    
39. }
40. 
    
41. void drawknopje (){ // button to go to the next page
42.   fill (153); //gray
43.   rect(bx, by, knbreedte, knhoogte);
44.   fill(0);  // black
45.   text("Continue",bx+15,by+28);
46. }
47. void muisoverknopje (){
48.   if (mouseX > bx-knbreedte && mouseX < bx+knbreedte && 
49.       mouseY > by-knhoogte && mouseY < by+knhoogte) {
50.     over = true;  
51.     if(!locked) { 
52.       stroke(0); //black
53.     } 
54.   } else {
55.     stroke(153); //gray
56.     over = false;
57.   }
58. }
59. // press the mouse button
60. void mousePressed() {
61.   if(over) { 
62.     locked = true; 
63. // it goes to the next page (I still have to program it)
64.   } else {
65.     locked = false; //nothing happens
66.   }
67.   bdifx = mouseX-bx; 
68.   bdify = mouseY-by; 
69. }
70. }

Can someone look at the code and tell me what I do wrong.

Here is the code: