nrjs Posted August 22, 2014 Share Posted August 22, 2014 There is a canvas ABCD .AB measures 400 ,BC measures 400 cm.The tiles are 80 cm long separated by a distance of 16 cm apart.When mouse comes on the tile the color of the tile should change red.When mouse moves out of the tile it should get unfilled with color and the new tile on which the mouse is in should be colored to red.This process should continue as the mouse moves over each tiles. Can you suggest an algorithm on how to implement this. Quote Link to comment Share on other sites More sharing options...
kelvindavies11 Posted September 3, 2014 Share Posted September 3, 2014 you can always use the mousemove event to pick up the x,y co-ordinates and then on the draw events see if the mouse pointer is over the current square. If so, draw a different colour. Mouse point example: http://www.html5canvastutorials.com/advanced/html5-canvas-mouse-coordinates/ If you want a little more info, please feel free to ask. Kelvin Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.