Coordinate Array?..

Programming Questions

Octomo

in Programming Questions • 2 years ago

I've been using processing for about 2 weeks so i'm quite new to it. I've created a "for" loop that fills the background with 20x20 squares. Now i want to add white squares on top of it all to write words with the pixels.. I've got a list of all the Xs and Ys I want my 20X20 squares to be placed..

..that's what I've been doing but I'm pretty sure there's a more affective way..

int x=20;
int y=20;
void draw(){
fill(random(230,255));
rect(3*x,2*y,20,20);
rect(4*x,2*y,20,20);
rect(8*x,2*y,20,20);
rect(9*x,2*y,20,20);
rect(12*x,2*y,20,20);
rect(13*x,2*y,20,20);
rect(14*x,2*y,20,20);
rect(17*x,2*y,20,20);
rect(18*x,2*y,20,20);
rect(21*x,2*y,20,20);
rect(25*x,2*y,20,20);

I am wondering if there is a way to use a list of coordinates (x,y,x,y,x,y....) (3,2,4,2,8,2,9,2) to generate all the squares i want..

Replies(2)

amnon.owed

Re: Coordinate Array?..

2 years ago

One way would be to use an array to hold all the coordinates. Then use a for loop to draw rects on these locations.

Code example:

int x=20;
int y=20;
int[] coordinates = { 0,0, 1,1, 3,1, 3,2, 4,2, 8,2, 25,2, 8,15 }; // remember it starts at 0,0 ;-)
void setup() {
size(600,600);
}
void draw() {
background(255);
noFill();
stroke(0);
for (int i=0; i<width/x; i++) {
for (int j=0; j<height/y; j++) {
rect(i*x,j*y,x,y);
}
}
for (int i=0; i<coordinates.length; i+=2) {
fill(0);
rect(coordinates[i]*x,coordinates[i+1]*y,x,y);
}
}

Octomo

Re: Coordinate Array?..

2 years ago

thank you, that's pretty much what I had in mind and I think I might actually begin to understand arrays :)