Jump to content
Sign in to follow this  
jaylow

Moveing a image over a 9x9 grid

Recommended Posts

Hi, i was wondering how to move a image over a 9x9 grid of other images

The 9x9 would be 81 images of a size, lets say 32px by 32px

The images that moves over them the same size 32x32.

 

The 9x9 would be the background and the image that needs to be moved should stay centered.

 

In what direction should i look, and are there any tutorials on the mather ?

i was thinking that if i move the background the image would always stay centered but i dont know i that is a good idea.

 

 

an exemple would be http://www.pardus.at or http://sylfex.redirectme.net

 

 

Share this post


Link to post
Share on other sites

I'm not familiar with those games and don't really want to set up an account to look at it, but if you're talking about drag and drop then do a search for Javascript dragging and dropping. In general, research Javascript motion tweening or Javascript animation.

Share this post


Link to post
Share on other sites

its not drag and drop its on click move to location.

i will have a look into Javascript animation it sounds promising.

 

i was thinking some php should be there, as well and maybe a database, so that other images could be stored on them

like a building and stay on that spot.

Share this post


Link to post
Share on other sites

PHP and databases are great, but if you're talking about animation in the browser then that is Javascript. PHP runs on the server, not in the browser.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...