Hi I need some MAJOR help here!!!
Here's the problem - I want to create a graphical grid of, oh - let's say 4 x 5 tiles - no prob there, right? Here comes the tricky part: I want there to be a small image that can be moved around on this grid by clicking on a tile.
For example, let's say that the tiles are numbered like on a chessboard: a1, a2, a3, a4 and so on like this:
1 2 3 4 5
-
a||||||
-
b||||||
-
c||||||
-
d||||||
-
Now let's say that the image file is on a4 and I click on a1 then I want the image file to to move (at a pace that can change depending on what tile it is on) over a3 and a2 to finaly end up at where i clicked at a1 (would be nice if the target location was marked by another image file as well)
That's the basics of my dilemma - but wait - there's more. I want this grid to initially be filled with black tiles that are removed one by one once the moving imagefile enters a new tile...confusing? take the example above:
1 2 3 4 5
-
a| x ||| o ||
-
b||||||
-
c||||||
-
d||||||
-
o = current location of the image file
x = target location (where I just clicked)
a4 starts of as the only tile that's not black on the grid, but as the image file moves into tile a3, reveiling what is under the black a3 and a4 are now the only tiles that aren't black and so on and so on. There are loads of other stuff on this project of mine that i know exactly how to do, but I need to get over this hump - please help!!!
