Making grids

General Discussion Other

marcocp91

in General Discussion • Other • 1 year ago

Good afternoon,

I'm trying to make a grid with two "coordinates": letters and numbers.

I would like to know how I can make the grid and to know what coordinate is selected when I put the mouse over one.

I know my english is very bad. I have made a simple drawing.

Hope anyone can help me.

Thank you very much.

Marco.

Replies(3)

tfguy44

Re: Making grids

1 year ago

I like a challenge. Here's the gist of it.You can add arrows/move the label about if you want.

PFont myFont;
color c1 = color(196);
color c2 = color(255,0,0);
void setup(){
size(617,614);
myFont = createFont( "Arial", 22 );
textFont( myFont );
textAlign( CENTER);
}
void draw(){
// Yellowish background.
background( 255, 187, 17 );
// Rectangular grid.
stroke(0);
int mX = -1;
int mY = -1;
// Determine mouse on grid.
if( mouseX >= 45 && mouseX < 605 ){
if( mouseY >= 5 && mouseY < 565 ) {
mX=(mouseX - 45)/40;
mY=(mouseY - 5)/40;
}
}
// draw grid.
pushMatrix();
translate( 45,5 );
for( int i = 0; i < 14; i++ ){
for( int j = 0; j < 14; j++ ){
// grid cell color - depends on mouse Position.
fill((mX==i&&mY==j)?c2:c1);
rect( i*40, j*40, 40, 40);
// label on grid cell.
if( mX==i && mY==j ){
fill(0);
char c = char( int('a') + j );
text( "" + c + (i+1), 20 + 40 * i, 30 + 40 * j );
}
}
}
popMatrix();
// Labels on sides
fill(0);
for( int i = 0; i < 14; i++ ){
char c = char(int('a') + i);
// Letters.
text( c, 25, 35 + 40 * i );
// Numbers.
int t = i+1;
text( "" + t, 65 + 40 * i, 595 );
}
}

marcocp91

Re: Making grids

1 year ago

A lot of thanks tfguy44, really don't know how to thank you.

That's fantastic!

Today I go to bed knowing more

marcocp91

Re: Making grids

1 year ago

Hi tfguy44, I have been testing the program and works excelent.

I see every square measures 40 pixels. How I can do to measure every square exacly "4,065"?

Thanks :)

p.d: Semi-solved, thanks.

Making grids

Replies(3)

Re: Making grids

Re: Making grids

Re: Making grids

Statistics

Tags

Actions

Related Posts