Legend

Question

Animate CC Drag n drop animation example in HTML5 Canvas

5 replies
7931 views
Translate

I have not seen much on drag n drop on this forum or otherwise. So I decided to post this example in case someone is interested.

I learned the howto from Martin Melendez on youTube.

(Drag And Drop (Adobe Animate HTML5) - YouTube )

I modified his example to include several items to drag, several items where to drop, a score, disabling of item drag when correct, and return to original position when wrong drop.

Hope this helps someone.

DRAGNDROP.zip - Box

This topic is closed to new replies. Start a new post to keep the conversation going.

J

JimGABC

Inspiring

I would love to see it, but I don't want to sign up for another dropbox.

Translate

kglad

Community Expert

@JimGABC

what problem are you having with drag and drop canvas?

Translate

R

Ron5C04

Participant

Hello Resdesign,

Thank you very much for sharing this. I also watched the video by Martin Melendez and it was great as well.

Just wondering why we need to have a dot inside the drag items and a hitBox inside the drop item.

I tried to get it to work without them but I could not work out the coordinates. Both of those items seem superflous to me if you get the right offset.

Do you have any thoughts on this?

Kind regards,

Ron

Translate

J

juanazo0D45

Participant

Hey. Thanks for sharing that. I have a question:

What would be the code to allow dragging one item to multiple places?

Translate

JoãoCésar17023019

Community Expert

This is awesome, resdesign! Really helpful!

I sometimes want to post some snippets/templates/samples but I never know if I should to. Now I'm confident.

And these tutorials from Martin Melendez are really amazing. Learnt a lot from him.

Please keep it up!

Translate

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.