Hey, I've finally decided to take a crack at arrays and decided to create a simple color palette for a little paint program I'm making. I've seen tons of different examples of how someone would go about doing and I have a question. I'm trying to build my color palette with two arrays. One 2D array to make columns and rows and one 1D array to store the colors. I got it to show the rectangles in a 2 by 10 table but can't seem to be able to get the fill of each rectangle to be different. I actually succeeded (partially) but changed it to get it working completely, failed, and forgot how I partially succeeded... So now I ask for help after looking at array tutorials and tons of examples of arrays and using a combination of arrays to make colors and multiple shapes but can't seem to figure it out. I'd really appreciate it if someone could tell me if this is possible or if I'm doing something wrong. Here's the code I have so far and what I've been trying to use to make my palette work.

My Code

1. int cols=2;
2. int rows=10;
3. color f1 = color(0);
4. color f2 = color(255);
5. Cell[][] palette = new Cell[cols][rows];
6. color[] rectCol = new color[20];
7. void setup() {
8.   size(500,500);
9.   smooth();
10.   background(255);
11.  
12.   for (int i=0; i<cols; i++) {
13.     for (int j=0; j<rows; j++) {
14.       palette[i][j] = new Cell(i*20,j*20,20,20,i);
15.     }
16.   }
17.   rectCol[0] = color(0); //black
18.   rectCol[1] = color(255); //white
19.   rectCol[2] = color(46, 11, 11); //brown
20.   rectCol[3] = color(120, 10, 10); // dark red
21.   rectCol[4] = color(255, 0, 0); //red
22.   rectCol[5] = color(250, 71, 74); // light red
23.   rectCol[6] = color(245, 59, 255); //pinkish
24.   rectCol[7] = color(232, 0, 245); // pink
25.   rectCol[8] = color(129, 3, 137); //purple
26.   rectCol[9] = color(55, 55, 250); //light blue
27.   rectCol[10] = color(0, 0, 255); //blue
28.   rectCol[11] = color(0, 0, 150); //dark blue
29.   rectCol[12] = color(95, 247, 101); //light green
30.   rectCol[13] = color(0, 247, 10); //lime green
31.   rectCol[14] = color(0, 103, 4); //dark green
32.   rectCol[15] = color(58, 103, 0); //yellow green
33.   rectCol[16] = color(255, 255, 0); //yellow
34.   rectCol[17] = color(255, 100, 0); //orange
35.   rectCol[18] = color(155); // gray
36.   rectCol[19] = color(55); //grayer
37. }
38. void draw() {
39.   for (int i=0; i<cols; i++) {
40.     for (int j=0; j<rows; j++) {
41.       palette[i][j].display();
42.       checkMouseOver(palette[i][j]);
43.     }
44.   }
45. }
46. void mouseDragged() {
47.   if (mouseButton == LEFT) {
48.     noFill();
49.     stroke(f1);
50.     strokeWeight(20);
51.     strokeJoin(ROUND);
52.     line(mouseX,mouseY,pmouseX,pmouseY);
53.   }
54.   if (mouseButton == RIGHT) {
55.     noFill();
56.     stroke(f2);
57.     strokeWeight(20);
58.     strokeJoin(ROUND);
59.     line(mouseX,mouseY,pmouseX,pmouseY);
60.   }
61. }
62.  
63. void checkMouseOver(Cell c) {
64.   if (mousePressed) {
65.     if (mouseButton == LEFT && mouseX > c.x && mouseX < c.x+c.w && mouseY > c.y && mouseY < c.y+c.h) {
66.       f1 = (get(mouseX,mouseY));
67.     }else if (mouseButton == RIGHT && mouseX > c.x && mouseX < c.x+c.w && mouseY > c.y && mouseY < c.y+c.h) {
68.       f2 = (get(mouseX,mouseY));
69.     }
70.   }
71. }
72. class Cell {
73.   float x,y,w,h;
74.   int c;
75.  
76.   Cell (float tempX, float tempY, float tempW, float tempH, int tempC) {
77.     x = tempX;
78.     y = tempY;
79.     w = tempW;
80.     h = tempH;
81.     c = tempC;
82.   }
83.   void display() {
84.     stroke(0);
85.     strokeWeight(3);
86.     fill(rectCol[c]);
87.     rect(x,y,w,h);
88.   }
89. }

Code I've Been Trying To Infuse With My Code

1. Ball[] balls = new Ball[numBalls];
2. color[] palette=new color[3];
3. void setup(){
4.  size(screen.width, screen.height);
5.  noStroke();
6.  smooth();
7.  
8. palette[0]=color(0,255,255,200);
9. palette[1]=color(255,0,255,200);
10. palette[2]=color(255,255,0,200);
11.  for (int i = 0; i < numBalls; i++) {
12.    balls[i] = new Ball(random(width), random(height), random(20, 40),int(random(3)), i, balls);
13.  }
14. }
15. void draw() {
16.  background(0);
17.  for (int i = 0; i < numBalls; i++) {
18.    balls[i].collide();
19.    balls[i].move();
20.    balls[i].display(); 
21.  
22.  }
23.  ellipse(mouseX,mouseY,30,30);
24. }
25. class Ball {
26.  float x, y;
27.  float diameter;
28.  float vx = 0;
29.  float vy = 0;
30.  int index;
31.  int id;
32.  Ball[] others;
33.  
34.  Ball(float xin, float yin, float din, int indexin, int idin, Ball[] oin)  {
35.    x = xin;
36.    y = yin;
37.    diameter = din;
38.    index = indexin;
39.    id = idin;
40.    others = oin;
41.  }
42.  void display() {
43.    fill(palette[index]);
44.    ellipse(x, y, diameter, diameter);
45.  }
46. }

The code that I tried to use to help me along is actually a stripped down version that had to do with "bubbles" following the mouse and I just cut it down until only what I needed was left. If you try to run it, it won't work because of all the stuff I deleted.

Oh and a little off topic, I have another post about controlP5 and have found nothing related to what I'm asking in that post and have had no replies... I started the topic in february... so I'd really appreciate the help. Here's the link: ControlP5 Post

Thanks for all the help,

TheGamersHaven