Zoom and pan map movie using gestures in html5 canvas

[rogersub]

I need help with the code for zooming and panning an Animate CC movie html5 canvas using the touch gestures.

I have a movie containing a map. I need an example of code to be able to pinch / spread for zooming and drag to pan the map.

If possible I would also need the functions for mouse-wheel zooming and click to drag the map for alternative desktop interfaces.

Many thanks!

[albertd9194959 · Accepted solution]

Hi Rogersub,

I usually use: Hammer.JS - Hammer.js

A quick tutorial here: HTML5 and Multitouch – Hammer.js | Creative droplets

If you don't want to use addon scripts, you have to look at the standard browser touch events.

Example here from firefox:Touch events - Web APIs | MDN

A quick tutorial here: https://www.html5rocks.com/en/mobile/touch/

Regards,

[rogersub]

Hi albertd9194959,

Thanks very much for your reply.

Do you have any examples on how to use hammer.js in Animate CC?

(the tutorial doesn't seem to work)

Thanks again.

[Mystic_curiosity5C6D]

Hey Roger have you figured out the gestures?