I have an image and want to use three.js to make it so that when i mouse over the image, it gives me the coordinates the mouse is over (ie: top left corner of the image is 0,0)
If possible, I would also like to take it a step further to be able to rotate that image, and be able to get the same coordinates when mousing over the image.
How do I accomplish this? Im having trouble with this.
Perhaps it would be better to solve this natively with canvas, but it involves Math. Canvas only display pixels so you need to hold track of the images. I found tremendous help reading the source code from this site Canvas-pictures . Therefore the props should go to Addy Osmani