Raster with red gaps on MouseOver

Programming Questions

josch666

Raster with red gaps on MouseOver

in Programming Questions • 2 years ago

Hallo,

I created a Raster which gaps turn into red if I move my mouse over it.

Everything works but I think the script is a bit to long =).

Does anyone know how to cut it?

Just for the structure I put the terms in extra tabs. So after every paragraph use a new tab or substituate the row(); with every paragraph. I don't know to insert a better overview for a kind of this script.

Please don't hit me for this :D

MFG Josch

int i=0;
int x0=0; int x1=40; int x2=80; int x3=120; int x4=160; int x5= 200; int x6=240; int x7=280; int x8=320; int x9=360; int x10=400;
int y0=0; int y1=40; int y2=80; int y3=120; int y4=160; int y5= 200; int y6=240; int y7=280; int y8=320; int y9=360; int y10=400;
void setup()
{
size(400,400);
}
void draw()
{
background(255);
for(i=0;i<width;i=i+40)
{
line(i,0,i,width);
line(0,i,height,i);
}
row1();
row2();
row3();
row4();
row5();
row6();
row7();
row8();
row9();
row10();
}

void row1()
{
if(((mouseX | mouseY) < 40))
{
fill(255,0,0);
rect(x0,y0,40,40);
}
if(mouseX < x2 && mouseX > x1 && mouseY < y1)
{
fill(255,0,0);
rect(x1,y0,40,40);
}
if(mouseX < x3 && mouseX > x2 && mouseY < y1)
{
fill(255,0,0);
rect(x2,y0,40,40);
}
if(mouseX < x4 && mouseX > x3 && mouseY < y1)
{
fill(255,0,0);
rect(x3,y0,40,40);
}
if(mouseX < x5 && mouseX > x4 && mouseY < y1)
{
fill(255,0,0);
rect(x4,y0,40,40);
}
if(mouseX < x6 && mouseX > x5 && mouseY < y1)
{
fill(255,0,0);
rect(x5,y0,40,40);
}
if(mouseX < x7 && mouseX > x6 && mouseY < y1)
{
fill(255,0,0);
rect(x6,y0,40,40);
}
if(mouseX < x8 && mouseX > x7 && mouseY < y1)
{
fill(255,0,0);
rect(x7,y0,40,40);
}
if(mouseX < x9 && mouseX > x8 && mouseY < y1)
{
fill(255,0,0);
rect(x8,y0,40,40);
}
if(mouseX < x10 && mouseX > x9 && mouseY < y1)
{
fill(255,0,0);
rect(x9,y0,40,40);
}
}

void row2()
{
if(mouseX < x1 && mouseY < y2 && mouseY > y1)
{
fill(255,0,0);
rect(x0,y1,40,40);
}
if(mouseX < x2 && mouseX > x1 && mouseY < y2 && mouseY > y1)
{
fill(255,0,0);
rect(x1,y1,40,40);
}
if(mouseX < x3 && mouseX > x2 && mouseY < y2 && mouseY > y1)
{
fill(255,0,0);
rect(x2,y1,40,40);
}
if(mouseX < x4 && mouseX > x3 && mouseY < y2 && mouseY > y1)
{
fill(255,0,0);
rect(x3,y1,40,40);
}
if(mouseX < x5 && mouseX > x4 && mouseY < y2 && mouseY > y1)
{
fill(255,0,0);
rect(x4,y1,40,40);
}
if(mouseX < x6 && mouseX > x5 && mouseY < y2 && mouseY > y1)
{
fill(255,0,0);
rect(x5,y1,40,40);
}
if(mouseX < x7 && mouseX > x6 && mouseY < y2 && mouseY > y1)
{
fill(255,0,0);
rect(x6,y1,40,40);
}
if(mouseX < x8 && mouseX > x7 && mouseY < y2 && mouseY > y1)
{
fill(255,0,0);
rect(x7,y1,40,40);
}
if(mouseX < x9 && mouseX > x8 && mouseY < y2 && mouseY > y1)
{
fill(255,0,0);
rect(x8,y1,40,40);
}
if(mouseX < x10 && mouseX > x9 && mouseY < y2 && mouseY > y1)
{
fill(255,0,0);
rect(x9,y1,40,40);
}
}

void row3()
{
if(mouseX < x1 && mouseY < y3 && mouseY > y2)
{
fill(255,0,0);
rect(x0,y2,40,40);
}
if(mouseX < x2 && mouseX > x1 && mouseY < y3 && mouseY > y2)
{
fill(255,0,0);
rect(x1,y2,40,40);
}
if(mouseX < x3 && mouseX > x2 && mouseY < y3 && mouseY > y2)
{
fill(255,0,0);
rect(x2,y2,40,40);
}
if(mouseX < x4 && mouseX > x3 && mouseY < y3 && mouseY > y2)
{
fill(255,0,0);
rect(x3,y2,40,40);
}
if(mouseX < x5 && mouseX > x4 && mouseY < y3 && mouseY > y2)
{
fill(255,0,0);
rect(x4,y2,40,40);
}
if(mouseX < x6 && mouseX > x5 && mouseY < y3 && mouseY > y2)
{
fill(255,0,0);
rect(x5,y2,40,40);
}
if(mouseX < x7 && mouseX > x6 && mouseY < y3 && mouseY > y2)
{
fill(255,0,0);
rect(x6,y2,40,40);
}
if(mouseX < x8 && mouseX > x7 && mouseY < y3 && mouseY > y2)
{
fill(255,0,0);
rect(x7,y2,40,40);
}
if(mouseX < x9 && mouseX > x8 && mouseY < y3 && mouseY > y2)
{
fill(255,0,0);
rect(x8,y2,40,40);
}
if(mouseX < x10 && mouseX > x9 && mouseY < y3 && mouseY > y2)
{
fill(255,0,0);
rect(x9,y2,40,40);
}
}

void row4()
{
if(mouseX < x1 && mouseY < y4 && mouseY > y3)
{
fill(255,0,0);
rect(x0,y3,40,40);
}
if(mouseX < x2 && mouseX > x1 && mouseY < y4 && mouseY > y3)
{
fill(255,0,0);
rect(x1,y3,40,40);
}
if(mouseX < x3 && mouseX > x2 && mouseY < y4 && mouseY > y3)
{
fill(255,0,0);
rect(x2,y3,40,40);
}
if(mouseX < x4 && mouseX > x3 && mouseY < y4 && mouseY > y3)
{
fill(255,0,0);
rect(x3,y3,40,40);
}
if(mouseX < x5 && mouseX > x4 && mouseY < y4 && mouseY > y3)
{
fill(255,0,0);
rect(x4,y3,40,40);
}
if(mouseX < x6 && mouseX > x5 && mouseY < y4 && mouseY > y3)
{
fill(255,0,0);
rect(x5,y3,40,40);
}
if(mouseX < x7 && mouseX > x6 && mouseY < y4 && mouseY > y3)
{
fill(255,0,0);
rect(x6,y3,40,40);
}
if(mouseX < x8 && mouseX > x7 && mouseY < y4 && mouseY > y3)
{
fill(255,0,0);
rect(x7,y3,40,40);
}
if(mouseX < x9 && mouseX > x8 && mouseY < y4 && mouseY > y3)
{
fill(255,0,0);
rect(x8,y3,40,40);
}
if(mouseX < x10 && mouseX > x9 && mouseY < y4 && mouseY > y3)
{
fill(255,0,0);
rect(x9,y3,40,40);
}
}

void row5()
{
if(mouseX < x1 && mouseY < y5 && mouseY > y4)
{
fill(255,0,0);
rect(x0,y4,40,40);
}
if(mouseX < x2 && mouseX > x1 && mouseY < y5 && mouseY > y4)
{
fill(255,0,0);
rect(x1,y4,40,40);
}
if(mouseX < x3 && mouseX > x2 && mouseY < y5 && mouseY > y4)
{
fill(255,0,0);
rect(x2,y4,40,40);
}
if(mouseX < x4 && mouseX > x3 && mouseY < y5 && mouseY > y4)
{
fill(255,0,0);
rect(x3,y4,40,40);
}
if(mouseX < x5 && mouseX > x4 && mouseY < y5 && mouseY > y4)
{
fill(255,0,0);
rect(x4,y4,40,40);
}
if(mouseX < x6 && mouseX > x5 && mouseY < y5 && mouseY > y4)
{
fill(255,0,0);
rect(x5,y4,40,40);
}
if(mouseX < x7 && mouseX > x6 && mouseY < y5 && mouseY > y4)
{
fill(255,0,0);
rect(x6,y4,40,40);
}
if(mouseX < x8 && mouseX > x7 && mouseY < y5 && mouseY > y4)
{
fill(255,0,0);
rect(x7,y4,40,40);
}
if(mouseX < x9 && mouseX > x8 && mouseY < y5 && mouseY > y4)
{
fill(255,0,0);
rect(x8,y4,40,40);
}
if(mouseX < x10 && mouseX > x9 && mouseY < y5 && mouseY > y4)
{
fill(255,0,0);
rect(x9,y4,40,40);
}
}

void row6()
{
if(mouseX < x1 && mouseY < y6 && mouseY > y5)
{
fill(255,0,0);
rect(x0,y5,40,40);
}
if(mouseX < x2 && mouseX > x1 && mouseY < y6 && mouseY > y5)
{
fill(255,0,0);
rect(x1,y5,40,40);
}
if(mouseX < x3 && mouseX > x2 && mouseY < y6 && mouseY > y5)
{
fill(255,0,0);
rect(x2,y5,40,40);
}
if(mouseX < x4 && mouseX > x3 && mouseY < y6 && mouseY > y5)
{
fill(255,0,0);
rect(x3,y5,40,40);
}
if(mouseX < x5 && mouseX > x4 && mouseY < y6 && mouseY > y5)
{
fill(255,0,0);
rect(x4,y5,40,40);
}
if(mouseX < x6 && mouseX > x5 && mouseY < y6 && mouseY > y5)
{
fill(255,0,0);
rect(x5,y5,40,40);
}
if(mouseX < x7 && mouseX > x6 && mouseY < y6 && mouseY > y5)
{
fill(255,0,0);
rect(x6,y5,40,40);
}
if(mouseX < x8 && mouseX > x7 && mouseY < y6 && mouseY > y5)
{
fill(255,0,0);
rect(x7,y5,40,40);
}
if(mouseX < x9 && mouseX > x8 && mouseY < y6 && mouseY > y5)
{
fill(255,0,0);
rect(x8,y5,40,40);
}
if(mouseX < x10 && mouseX > x9 && mouseY < y6 && mouseY > y5)
{
fill(255,0,0);
rect(x9,y5,40,40);
}
}

void row7()
{
if(mouseX < x1 && mouseY < y7 && mouseY > y6)
{
fill(255,0,0);
rect(x0,y6,40,40);
}
if(mouseX < x2 && mouseX > x1 && mouseY < y7 && mouseY > y6)
{
fill(255,0,0);
rect(x1,y6,40,40);
}
if(mouseX < x3 && mouseX > x2 && mouseY < y7 && mouseY > y6)
{
fill(255,0,0);
rect(x2,y6,40,40);
}
if(mouseX < x4 && mouseX > x3 && mouseY < y7 && mouseY > y6)
{
fill(255,0,0);
rect(x3,y6,40,40);
}
if(mouseX < x5 && mouseX > x4 && mouseY < y7 && mouseY > y6)
{
fill(255,0,0);
rect(x4,y6,40,40);
}
if(mouseX < x6 && mouseX > x5 && mouseY < y7 && mouseY > y6)
{
fill(255,0,0);
rect(x5,y6,40,40);
}
if(mouseX < x7 && mouseX > x6 && mouseY < y7 && mouseY > y6)
{
fill(255,0,0);
rect(x6,y6,40,40);
}
if(mouseX < x8 && mouseX > x7 && mouseY < y7 && mouseY > y6)
{
fill(255,0,0);
rect(x7,y6,40,40);
}
if(mouseX < x9 && mouseX > x8 && mouseY < y7 && mouseY > y6)
{
fill(255,0,0);
rect(x8,y6,40,40);
}
if(mouseX < x10 && mouseX > x9 && mouseY < y7 && mouseY > y6)
{
fill(255,0,0);
rect(x9,y6,40,40);
}
}

void row8()
{
if(mouseX < x1 && mouseY < y8 && mouseY > y7)
{
fill(255,0,0);
rect(x0,y7,40,40);
}
if(mouseX < x2 && mouseX > x1 && mouseY < y8 && mouseY > y7)
{
fill(255,0,0);
rect(x1,y7,40,40);
}
if(mouseX < x3 && mouseX > x2 && mouseY < y8 && mouseY > y7)
{
fill(255,0,0);
rect(x2,y7,40,40);
}
if(mouseX < x4 && mouseX > x3 && mouseY < y8 && mouseY > y7)
{
fill(255,0,0);
rect(x3,y7,40,40);
}
if(mouseX < x5 && mouseX > x4 && mouseY < y8 && mouseY > y7)
{
fill(255,0,0);
rect(x4,y7,40,40);
}
if(mouseX < x6 && mouseX > x5 && mouseY < y8 && mouseY > y7)
{
fill(255,0,0);
rect(x5,y7,40,40);
}
if(mouseX < x7 && mouseX > x6 && mouseY < y8 && mouseY > y7)
{
fill(255,0,0);
rect(x6,y7,40,40);
}
if(mouseX < x8 && mouseX > x7 && mouseY < y8 && mouseY > y7)
{
fill(255,0,0);
rect(x7,y7,40,40);
}
if(mouseX < x9 && mouseX > x8 && mouseY < y8 && mouseY > y7)
{
fill(255,0,0);
rect(x8,y7,40,40);
}
if(mouseX < x10 && mouseX > x9 && mouseY < y8 && mouseY > y7)
{
fill(255,0,0);
rect(x9,y7,40,40);
}
}

void row9()
{
if(mouseX < x1 && mouseY < y9 && mouseY > y8)
{
fill(255,0,0);
rect(x0,y8,40,40);
}
if(mouseX < x2 && mouseX > x1 && mouseY < y9 && mouseY > y8)
{
fill(255,0,0);
rect(x1,y8,40,40);
}
if(mouseX < x3 && mouseX > x2 && mouseY < y9 && mouseY > y8)
{
fill(255,0,0);
rect(x2,y8,40,40);
}
if(mouseX < x4 && mouseX > x3 && mouseY < y9 && mouseY > y8)
{
fill(255,0,0);
rect(x3,y8,40,40);
}
if(mouseX < x5 && mouseX > x4 && mouseY < y9 && mouseY > y8)
{
fill(255,0,0);
rect(x4,y8,40,40);
}
if(mouseX < x6 && mouseX > x5 && mouseY < y9 && mouseY > y8)
{
fill(255,0,0);
rect(x5,y8,40,40);
}
if(mouseX < x7 && mouseX > x6 && mouseY < y9 && mouseY > y8)
{
fill(255,0,0);
rect(x6,y8,40,40);
}
if(mouseX < x8 && mouseX > x7 && mouseY < y9 && mouseY > y8)
{
fill(255,0,0);
rect(x7,y8,40,40);
}
if(mouseX < x9 && mouseX > x8 && mouseY < y9 && mouseY > y8)
{
fill(255,0,0);
rect(x8,y8,40,40);
}
if(mouseX < x10 && mouseX > x9 && mouseY < y9 && mouseY > y8)
{
fill(255,0,0);
rect(x9,y8,40,40);
}
}

void row10()
{
if(mouseX < x1 && mouseY < y10 && mouseY > y9)
{
fill(255,0,0);
rect(x0,y9,40,40);
}
if(mouseX < x2 && mouseX > x1 && mouseY < y10 && mouseY > y9)
{
fill(255,0,0);
rect(x1,y9,40,40);
}
if(mouseX < x3 && mouseX > x2 && mouseY < y10 && mouseY > y9)
{
fill(255,0,0);
rect(x2,y9,40,40);
}
if(mouseX < x4 && mouseX > x3 && mouseY < y10 && mouseY > y9)
{
fill(255,0,0);
rect(x3,y9,40,40);
}
if(mouseX < x5 && mouseX > x4 && mouseY < y10 && mouseY > y9)
{
fill(255,0,0);
rect(x4,y9,40,40);
}
if(mouseX < x6 && mouseX > x5 && mouseY < y10 && mouseY > y9)
{
fill(255,0,0);
rect(x5,y9,40,40);
}
if(mouseX < x7 && mouseX > x6 && mouseY < y10 && mouseY > y9)
{
fill(255,0,0);
rect(x6,y9,40,40);
}
if(mouseX < x8 && mouseX > x7 && mouseY < y10 && mouseY > y9)
{
fill(255,0,0);
rect(x7,y9,40,40);
}
if(mouseX < x9 && mouseX > x8 && mouseY < y10 && mouseY > y9)
{
fill(255,0,0);
rect(x8,y9,40,40);
}
if(mouseX < x10 && mouseX > x9 && mouseY < y10 && mouseY > y9)
{
fill(255,0,0);
rect(x9,y9,40,40);
}
}

Replies(2)

PhiLho

Re: Raster with red gaps on MouseOver

2 years ago

The answer is simple: learn to use arrays and loops!

peat_ar

Re: Raster with red gaps on MouseOver

2 years ago

To be a little bit more concrete: use 2dimensional arrays (an array in another array, used like coordinates, looks something like this then: nameOfArray[x][y] where x and y are integers)

if you make a regular pattern you can get the active field by deviding your mouse coords by the size of the pattern (eg if the pattern is 10x10 per field and the fields arranged into arrays take: nameOfArray[mouseX/10][mouseY/10]."addsomeredcolorthere" <-- pseudo code ;) )

---------------------------------------

Capable of English, German, French, Russian and Latin, but simple languages like AS3 or Processing are absolutely killing me!

Top Reply