A

Anonymous

Answered

Adding simple mouse control to animation on html5 canvas

Forum|Forum|9 years ago
January 19, 2017
3 replies
1204 views

Hi,

Any advice or pointers would be greatly appreciated. I have a basic animation in a html5 canvas. I need to add basic mouse control, so I can use the mouse to scrub left and right on the finished animation, and maybe zoom in and out. This is a good example but doesn't have to be that complex:

3D Spin Rotate & Zoom 360 product viewer Javascript jQuery VR Objects 360° Reel

I don't have any coding experience, apologies in advance if this is really obvious, but I've been looking online for days for a solution and can't find one.

Thanks,

S

This topic has been closed for replies.

Correct answer kglad

use the code snippets (windows>code snippets) to see the basic createjs code needed. then once you have the basics encoded you can return here for more specific help.

A

Anonymous

Thanks for your reply kglad. I looked at the creatjs api section under code snippets, and I don't know what they mean or how to use them, I really am just an animator with no knowledge of coding whatsoever. I have a basic animation on one layer of the timeline on an html5 canvas in Animate, and I need to create from it an animation that a mouse can scrub it forward or backward, and also zoom if possible. Any more advice would be much appreciated, I'm really stuck here.

kglad

Community Expert

i suggest you google tutorials. that will take several hours of your time, maybe more, but you'll learn.

otherwise, you're asking for about an hour's worth of work (for me). some others may do that free of charge for you, but that's beyond my limit for free help.

if you want to hire me, send an email via http://www.kglad.com

or

wait and see if someone else offers to do that for you at no charge.

A

Anonymous

Hi kglad,

I understand completely, I was asking for pointers to suitable tutorials or advice, not looking for someone to do the work for me. Thanks again, S

rezun8

Inspiring

you also may want to look into utilizing Greensock library to accomplish this.

A

Anonymous

Thanks also rezun, I looked at the greensock website, and this would involve paying for and learning a whole new software application for this one task I need done. It does look like a good solution, but would prove too time consuming

kglad

Correct answer

Community Expert

use the code snippets (windows>code snippets) to see the basic createjs code needed. then once you have the basics encoded you can return here for more specific help.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded