Ugh...  I'm not even sure if what I wrote above makes sense...

I am currently trying to use this code that I programmed procedurally (which creates a randomly colored rectangle when the mouse is clicked or pressed down and ends when a keyboard button is pressed), into code that uses classes.

I am having some trouble though.  I am tinkering away and am almost there I think, which is a special thing because I am actually proud of how much I have done here.  Anyway...

Here's the code for the procedural:

1. //CODE STARTS HERE.
2. void setup(){
3.   size (800,800);
4.   smooth();
5.   background(0);
6. }
7. void draw() {
8.   if (mousePressed==true) { 
9.     //if mouse is pressed in
10.     fill(random (0,255),random (0,255),random (0,255));
11.     //multiple changing colours rectangle/square
12.     rect(mouseX, mouseY, 300, 300);
13.     //draw a rectangle/square at mouseX and mouseY position
14.   }
15.   if (keyPressed == true) {
16.     //if key is pressed
17.     background(0);
18.     //background redrawn and the rectangle/square is drawn over with black
19.    
20.     noLoop();
21.     //draw loop stops.
22.   }
23. }
24. //CODE ENDS HERE.

AND...


Here's the code for the class version:

1. //CODE STARTS HERE.
2. Rectangle rectangle1;
3. void setup() {
4.   size (900,700);
5.   smooth();
6.   background(0);
7.   rectangle1 = new Rectangle();
8. }
9. void draw(){
10.   background(0);
11.  
12.   rectangle1.update();
13.   rectangle1.drawme();
14. }
15. //void mouseClicked() {
16. //}
17. class Rectangle{
18.   float xpos, ypos, coloration;
19.   Rectangle () {
20.     xpos = mouseX;
21.     ypos = mouseY;
22.     coloration = (random (0,255), random (0,255), random (0,255));
23.    
24.   }
25.   void update() {
26.   }
27.   void drawMe (){
28.     if (mousePressed==true) { 
29.     //if mouse is pressed in
30.     fill(coloration);
31.     //multiple changing colours rectangle/square
32.     rect(xpos, ypos, 300, 300);
33.     //draw a rectangle/square at mouseX and mouseY position
34.   }
35.   if (keyPressed == true) {
36.     //if key is pressed
37.     background(0);
38.     //background redrawn and the rectangle/square is drawn over with black
39.    
40.     noLoop();
41.    
42.   }
43. }
44. //CODE ENDS HERE.

Please be kind and know that I am extremely new to this. 
2 questions:
1st:  ANY POINTERS?

2nd:  Hot or cold?

I know hardly anything about processing and have no background in computer programming on a purely logic level so forgive me if my questions seem elementary.

I am trying to understand the syntax and grammar of functions.  I don't know where I am going wrong here though.
It is supposed to draw three balls that change color and move when the mouse is clicked...  But I also wouldl like them to stop when the keyboard is pressed.

So far I can't even get the first part to show.  I get an error message that reads 'expecting LPAREN'

Any help?


CODE:

int speed =0;

void setup(){
  size(800,600);
  background(0);
  smooth();
  //int r = (int)random (0,600);
}
void draw()
{
  if mousePressed() {
    background(0);
    ball_2(0,(int)random (0,100));
    ball_2(0,(int)random (0,50));
    ball_2(0,(int)random (0,25));
    speed = 1;

  }

}
else keyPressed (){
  speed = 0;
}

void ball_2(int xpos, int ypos){
  ellipse(xpos,ypos,100,100);
  fill ((int)random (100,200),(int)random (100,200),(int)random (100,200));
}