How to Get CodePen code (ZIM) into Adobe Animate

It's also possible to grab the raw points of a shape in Animate but I also don't know how to correctly send this data to ZIM.

Hello, Dr. Abstract!

I made a simple sample of how to get a shape in Animate and covert it at runtime for ZIM.

It's not perfect yet because it seems to only work with straight lines. I kinda struggled trying to understand how to correctly send a SVG data to the Squiggle or SVGContainer class. Can you take a look at it?

Try it:

http://bit.ly/3mlgMgP

JS code:

var root = this;
var exporter, svgString, svgContainer;

function main()
{
	root.stop();
	renderSVG(root.pathContainer);
}

function renderSVG(target)
{
	exporter = new SVGExporter(target, false, false, false);
	exporter.run();
	exporter.svg.style.border = "none";
	
	svgString = serializeSVG(exporter.svg);
	
	svgContainer = new SVGContainer(svgString).addTo();
	svgContainer.x = target.children[0].x;
	svgContainer.y = target.children[0].y;
	
	zimify(root.circle).animate({ props:{ path: svgContainer.getChildAt(0) }, drag: true });
	
	exporter.svg = null;
	target.parent.removeChild(target);
	target._off = true;
}

function serializeSVG(svg)
{
	var serializer = new XMLSerializer();
	return serializer.serializeToString(svg);
};

main();

Source / FLA / files / download:
https://bit.ly/41J18fs

To export a CreateJS shape to SVG I'm using a modified version of this SVGExporter class from the official CreateJS repo on GitHub that I used some time ago for a project because I needed the SVG artwork to be exported in high resolution. But I suppose the original SGVExporter class will work as well.

Regards,

JC

@Dr Abstract 
Can you recommend a method for converting a path drawn in Animate to an array of points suitable for constructing a squiggle?

Very cool! Thanks for sharing this resource - really seems to extend the core capabilities of CreateJS.