View Full Version : Trying to move a image around a grid!

12-18-2010, 12:37 AM

I have a script which uses an array of numbers to represent their position in a div.

its 5 by 5 like so:

tileMap = [
[1, 1, 1, 1, 1],
[1, 1, 1, 1, 1],
[1, 1, 1, 1, 1],
[1, 1, 1, 1, 1],
[1, 1, 1, 1, 1],
images = new Array();
images[1] = "no block";
images[3] = "brick.PNG";

Image[1] means you can move on the tile, 3 means you cannot (aka a collision).

Now this is fine but i have issues regarding my movement of the image. I want to use WASD keyboard buttons which i can do using a CASE statement.

But how do you make the image move Regarding Left/Right/Up/Down (also so that it stops moving when you stop holding down one of the keyboard buttons.

I use this to detect the key button pressed:

function handleKeyMovement(keyValueDown)
case 97: //A Move Left
//move it left

case 100: //D Move Right
//move it right

case 119: //W Move Up
//move it up

case 115: //S Move Down
//move it down
break; }

p.s ideally i would like to move the said image by certain pixel amounts so it looks more smooth in movement.

Is it possible?

Hope you can help ! :)

Old Pedant
12-18-2010, 01:33 AM
Move WHAT image??? I assume *not* "brick.png" since it's the tile you can not move onto. Though how you know WHICH tile currently hold "brick.png" I surely can't see from that code.

As for smooth movement: Worry about that *AFTER* you get the other code working.

And how does your tileMap array relate to your <div>?? How big is the <div>? How big is each tile?

Ahhh...I have many many more questions. You have provided way too little to go on. Try again?