Trying to make a simple for loop drawing blocks within a rectangle

Programming Questions

taykral

Trying to make a simple for loop drawing blocks within a rectangle

in Programming Questions • 1 year ago

I thought this would be easy, and it should be. But here is my problem. In the for loop, the blocks are drawing spaces in between and running off the screen. The size of each square is equal to the distance of the 1st rect / 10 ( or at least I'm pretty sure). Each time the loop iterates, there is a space I believe to be 175 pixels between the new rect. When I manipulate the 'x' component of the rect() the squares will eventuall overlap but will be too big for the rect() i'm drawing in. Can someone please help?

void gameBoard() {



float x = width*.175;

float y = height*.175;



rectMode(CENTER);

//rect1 outlines game board

rect(width/2,height/2,width*.75,height*.75);



//i = amount of game spaces - 10





for(int i = 1; i < 11; i++) {

//rect2

//reason for w & h / 10 is equal to width of rect2 / 10

rect(x*(i) ,y,width/10,height/10);





}



}

Replies(3)

taykral

Re: Trying to make a simple for loop drawing blocks within a rectangle

1 year ago

I've made progress and now have a functioning board based on the function, but the board pieces do not equal 10. Can someone.

here is the updated code

void gameBoard() {

float x = width*.10;

float y = height*.10;

//draws rect from center

//rect1 outlines game board

rect(width*.10,height*.10,width*.80,height*.80);

//i = amount of game spaces - 10

for (int i = 1; i < 9; i++) {

for (int j = 1; j < 9; j++) {

//rect2

//reason for w & h / 10 is equal to width of rect2 / 10

//size of inside square should be 800,800

rect(x*i,y,x,y);

rect(x,y*j,x,y);

}

for ( int i = 1; i < 9; i++) {

for( int j = 1; j< 9; j++) {

rect(x*i,y*8,x,y);

rect(x*8,y*i,x,y);

}

PhiLho

Re: Trying to make a simple for loop drawing blocks within a rectangle

1 year ago

I ran your code with:
void setup() { size(400, 400); gameBoard(); }
and it looks good. I am not sure of what is the problem.

" the board pieces do not equal 10"
10 what? Number of pieces? Number of pixels? Something else?

not_55

Re: Trying to make a simple for loop drawing blocks within a rectangle

1 year ago

Do you mean 10 squares along each edge?

If so this will do it (leaving an equal border around the board means the width/height needs to be divisible by 12 - hence the size(480, 480) )

void setup() {
size(480, 480);
gameBoard();
}

void gameBoard() {

float cell_size = width/12;

for (int i=1; i<11;i++) {
    //top
    rect(i*cell_size, cell_size, cell_size, cell_size);
    //left
    rect(cell_size, i*cell_size, cell_size, cell_size);
    //bottom
    rect(i*cell_size, height - 2*cell_size, cell_size, cell_size);
    //right
    rect(width - 2*cell_size, i*cell_size, cell_size, cell_size);
}
}

void draw() {
}

Top Reply