Hey guys im new here
and well i worked with processing for i think 2 days so im a nooby :3
I found a little " snake-script " and changed some variables to see what happened
I wanted to upload this script to my wordpress blog but every single time I try to look at the created web-files I just see a black area with nothing into it ..

here is the script :

1.  color col=color(255, 255, 192);
2. color foodColor = color(255, 0, 0);
3. float speed = 1000;
4. int cx, cy;
5. int moveX = 0;
6. int moveY = 0;
7. int snakeX = 0;
8. int snakeY = 0;
9. int foodX = -1;
10. int foodY = -1;
11. boolean check = true;
12. int []snakesX;
13. int []snakesY;
14. int snakeSize = 1;
15. int windowSize = 500;
16. boolean gameOver = false;
17. PFont Font = createFont("Comic Sans MS", 20, true);
18. void setup() {
19.   size(int(windowSize), int(windowSize), P3D);
20.   background(0);
21.   speed = 1000;
22.   speed=speed/frameRate;
23.   snakesX = new int[100];
24.   snakesY = new int[100];
25.   cx = width/2;
26.   cy = height/2;
27.   snakeX = cx-5;
28.   snakeY = cy-5;
29.   foodX = -1;
30.   foodY = -1;
31.   gameOver = false;
32.   check = true;
33.   snakeSize =1;
34. }
35. void draw() {
36.   if (speed%10 == 0) {
37.     background(0);
38.     runGame();
39.   }
40.   speed++;
41. }
42. void reset() {
43.   snakeX = cx-5;
44.   snakeY = cy-5;
45.   gameOver = false;
46.   check = true;
47.   snakeSize =1;
48.   moveY = 0;
49.   moveX = 0;
50. }
51. void runGame() {
52.   if (gameOver== false) {
53.     drawfood();
54.     drawSnake();
55.     snakeMove();
56.     ateFood();
57.     checkHitSelf();
58.   }
59.   else {
60.     String modelString = "Verloren drücke R zum Neustart";
61.     textAlign (CENTER);
62.     textFont(Font);
63.     text(modelString, 200, 200, 30);
64.   }
65. }
66. void checkHitSelf() {
67.   for (int i = 1; i < snakeSize; i++) {
68.     if (snakeX == snakesX[i] && snakeY== snakesY[i]) {
69.       gameOver = true;
70.     }
71.   }
72. }
73. void ateFood() {
74.   if (foodX == snakeX && foodY == snakeY) {
75.     check = true;
76.     snakeSize++;
77.   }
78. }
79. void drawfood() {
80.   fill(foodColor);
81.   while (check) {
82.     int x = (int)random(1, windowSize/10);
83.     int y =  (int)random(1, windowSize/10);
84.     foodX = 5+x*10;
85.     foodY = 5+y*10;
86.     for (int i = 0; i < snakeSize; i++) {
87.       if (x == snakesX[i] && y == snakesY[i]) {
88.         check = true;
89.         i = snakeSize;
90.       }
91.       else {
92.         check = false;
93.       }
94.     }
95.   }
96.   rect(foodX-5, foodY-5, 10, 10);
97. }
98. void drawSnake() {
99.   fill(col);
100.   for (int i = 0; i < snakeSize; i++) {
101.     int X = snakesX[i];
102.     int Y = snakesY[i];
103.     rect(X-5, Y-5, 10, 10);
104.   }
105.   for (int i = snakeSize; i > 0; i--) {
106.     snakesX[i] = snakesX[i-1];
107.     snakesY[i] = snakesY[i-1];
108.   }
109. }
110. void snakeMove() {
111.   snakeX += moveX;
112.   snakeY += moveY;
113.   if (snakeX > windowSize-5 || snakeX < 5||snakeY > windowSize-5||snakeY < 5) {
114.     gameOver = true;
115.   }
116.   snakesX[0] = snakeX;
117.   snakesY[0] = snakeY;
118. }
119. void keyPressed() {
120.   if (keyCode == UP) {  
121.     if (snakesY[1] != snakesY[0]-10) {
122.       moveY = -10;
123.       moveX = 0;
124.     }
125.   }
126.   if (keyCode == DOWN) {  
127.     if (snakesY[1] != snakesY[0]+10) {
128.       moveY = 10;
129.       moveX = 0;
130.     }
131.   }
132.   if (keyCode == LEFT) {
133.     if (snakesX[1] != snakesX[0]-10) {
134.       moveX = -10;
135.       moveY = 0;
136.     }
137.   }
138.   if (keyCode == RIGHT) {
139.     if (snakesX[1] != snakesX[0]+10) {
140.       moveX = 10;
141.       moveY = 0;
142.     }
143.   }
144.   if (keyCode == 'R') {
145.     reset();
146.   }
147. }
148.  

I hope u can help me out guys

And im sorry for my bad english :3