Animate HTML Canvas Custom Components

[sam ftslo]

Hello,

I'm trying to understand how to create custom components and I've found the following resources:
https://helpx.adobe.com/animate/using/custom-html5-component-development.html

https://helpx.adobe.com/animate/using/creating-custom-components--examples.html

Code snippets for custom components

Components in Animate

While there are a handful of nice examples, I'm having a little bit of difficulty wrapping my head around how to work with the 'anwidget.js' in writing the 'components.js' source file. Are there other resources available that can explain this process a bit more clearly for somebody that is new to working with custom component creation?  Thanks.

S

[Colin Holgate]

I don't know the answers to your questions, I haven't looked into it. But, could you say what sort of widget you would make? It's possible the team is already making more widgets, and if they happen to be doing something like what you want, that would save you time. And we all would get to use it too.

[ClayUUID · Accepted solution]

I'd be thrilled with a DIV component that accepted freeform HTML content. The big advantage of these components vs the homegrown overlay solutions we've had to use so far is that they're timeline-aware.

[Colin Holgate]

You know a lot more about this than I do, but I was reading up on something sort of related. Can you not set the innerHTML of any widget DIV, to get what you're suggesting?

[ClayUUID]

That would be a hack. The whole point of HTML components is to NOT have to rely on hacks.

[koljae74221351]

How would I write a component that modifies Canvas objects like for example adding a mouse over, do I need to somehow pass references into my component?

Thanks