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?