How do I make Word Search game's horizontal, vertical and Diagonal highlighting lines.

my all logics are done for word search game except lines to highlight words. specially diagonal lines.

I have created grid 10x10. touch start for first box and while is touching box calculating distance and angle. angle snap to 45 degree. my lines are not perfectly working

I want to apply those lines similar to this game.

myfile

anyone??

Well you just need to search the keyword deeper. My example exist years ago to showcase that kind of game mechanic:

dropbox.com/scl/fi/07ytwvrz4rvbnwbclu8w9/search_word_jumble.capx

Sure you can lock direction in 45 degree iteration or compare distance. So if player pick diagonal route then the next valid word queue position must had that same diagonal distance reference, if less it will be ignored. And it goes the same with horizontal or vertical pick.

What solution did you end up with?

My first thought is you could mark all the squares horizontal, vertical from the start square and limit the end square to one of those.

Pick cell by expression
(Cell.x=start.x) | (cell.y=start.y) | (abs(cell.x-start.x)=abs(cell.y-start.y)
Pick cell closest to touch.x,touch.y

set ang to round(angle(start.x,start.y,touch.x,touch.y)/45)*45
Set step to abs(ang)%45=0?cell.width:cell.width*sqrt(2)
Set dist to round(((touch.x-start.x)*cos(ang)+(touch.y-start.y)*sin(ang))/step)*step

Set endx to start.x+dist*cos(ang)
Set ends to start.y+dist*sin(ang)

I made lines little complex. if you play web preview which gemini created first. try drag and hold and try drag at different direction. then you'll notice why code is lengthy. I think almost 70% code is Horizontal, Verticle, and Diagonal lines.

That sounds like a solid setup so far! I'm working on something similar and was wondering:

How are you currently snapping the angle to 45 degrees? Are you using angleSnap = round(angle / 45) * 45 or something else?

For diagonal lines, are you checking if both X and Y positions are changing equally to maintain a perfect diagonal?

Also, are you using a single line object stretched and rotated between start and end points, or a tile-based approach for each grid cell?

I’d love to know what your current method is and what’s going wrong — maybe we can figure out the cleanest way to make the line-drawing logic more precise.

How are you currently snapping the angle to 45 degrees? Are you using angleSnap = round(angle / 45) * 45 or something else?

yes I'm snapping the angle at 45 degree with tolerance.

For diagonal lines, are you checking if both X and Y positions are changing equally to maintain a perfect diagonal?

for diagonal you need to check if grids(x) and grid(y) are equall (1,1).

are you using a single line object stretched and rotated between start and end points, or a tile-based approach for each grid cell?

I'm using 9patch, so that I can use corners round. you can use tiledBackground too.