1 person found this helpful
Moved from the Creative Cloud to the Edge Animate forum. They will be able to help you here.
I'd suggest that you create a symbol (which you can export and import into a different composition). Within your symbol, you can lay out your swatches and then set a click handler on the element in the elements panel. Within the click handler, you can set a common variable like "selected" so that you know what the user has selected.
sym.setVariable("selected", "pure white");
Then, you can return that variable when your user has finished his workflow.
Hopefully this points you in the right direction.
I've never used symbols in AI. Would you have to create a symbol for each color? And it would be a hidden swatch chart until clicked?
Is there any way possible to actually use a swatch file from AI? It stores the color and the name already. I just don't know how to make the Edge Animate use the AI swatch file. Just wondering if it is possible.
Symbols in Animate are pretty simple - you can go through the Lesson from the Welcome Screen on "Reuse" to get a feel for how to create a symbol. It can be whatever you want - it's basically a reusable UI element at that point.
Right now, we don't have close integration with Illustrator, though you can export as SVG or PNG (or JPG) for web.
While it seems easy to create a symbol I don't see how to turn one small swatch into a set of color swatches to choose from when clicked on. I've watched a tutorial on making a car with tires spin and the spinning balls ... but I'm not making the leap into how to apply like a ColorPicker. I would need something more to follow.
Have you got a color example you could point me to? Or is there a means of doing this through jquery coding?