Pretty much starting over
Moved the actual file with the touch stuff in it to index.html
Moved hammer.js into libs
Started the process of splitting up the src js files
Going to start writing it with a bit more structure
Started adding in the necessary CSS
Added in a touchable image in the page for testing while developing
Started rewriting the javascript for the touchable images
Stuck trying to get Hammer to actually pick up some events
Added in viewport meta and body ondragstart return false
Got Hammer picking up the touches with the mouse now, probably shouldn't have prevented mouse events
Got images moving again
Added in button tap again
Added in scaling but the scale origin is very wrong
The scaling origin is the now the centre of the image
Trying to get the image to move when its scaled so that the center of scaling remains still
Its not going well
I may have achieved scaling about the centre with appropriate repositioning
But a lower bound on the scaled calculated using the natural width/height of the image
Its the bigger of:
The scale that would be 200px wide, to ensure theres enough room for all buttons
The scale that would make it 100px tall, to ensure theres enough room for the buttons without said buttons obscuring half the image
Made the button(s) ready to be positioned
Added in the maths for the matrix to do the angling
Added in angle of rotation
Origin of rotation is not the gesture centre (yet) but the top left corner
The image now rotates about the transform gesture origin
FIXME: Image jumps when starting to transform
Fixed the bug from the previous commit
The image now rotates correctly about the gesture centre without jumping when it starts
Removed console logging
Merge branch 'gh-pages'