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