Export animation as SVG sequence

[YeahScience]

Is there any way how to achieve that? Is it possible this feature would be added sometime in the future?

it would really be useful as exporting every frame manually would take ages.

Thanks.

[chenjil43641795]

I think we need this, too.

In addition, although the API does not write.

But according to the previous naming rules, I tried

Using this code, you can export SVG

fl.getDocumentDOM().exportSVG("file:///C|/Users/lanse/Desktop/1111/myFile.svg", true, true);

People who write JSFL can easily generate bulk export SVG

It is a pity that I am an animator, JSFL don't know much..

My idea is to get all the layer keyframes and then export svg,

Below is the JSFL that gets the keyframe

I hope someone can write the JSFL of the batch export SVG

var theDocument = flash.getDocumentDOM();
var theTimeline = theDocument.getTimeline();

var c = theTimeline.currentFrame;
var n = theTimeline.frameCount;
var f = 0;

// loop through the layers looking for the next keyframe
for (var l=1; l<theTimeline.layerCount; l++) {
f = theTimeline.layers.frames.startFrame + theTimeline.layers.frames.duration;
if (f>c && f<n) {
  n=f;
  m=l;
}
}

theTimeline.currentFrame = n;
theTimeline.currentLayer = m;
theTimeline.setSelectedFrames(n,n+1,true);

[YeahScience]

Thanks for the info. I'm using Animate only for graphics & animation so i don't really know how to use the AS. It would be awesome if Adobe would consider adding this as an official feature.

[chenjil43641795]

I found a way, I need to write a JSFL. I'll give you a JSFL file later.

[YeahScience]

Nice one thanks

[chenjil43641795]

C:\Users\you name\AppData\Local\Adobe\Animate CC 2018\zh_CN\Configuration\WindowSWF

you name  It's your computer username.

zh_CN    It's a language abbreviation.

These 2 places are not the same, you open your own directory to see

[YeahScience]

It's giving me an error after the exporting ( when i open the .svg fle in Chrome ) Any idea what could be the issue?

error on line 1 at column 1: Document is empty

error on line 1 at column 1: Encoding error

[chenjil43641795]

Need to download RAR, please follow these steps.

Do not open ANCC when copying

When the copy is complete, open the ANCC.

[YeahScience]

Aye, i did all of that. Both importing the files into the WindowsSWf folder & selecting SVG in the publish settings. Clicking the button works just fine i see all the frames being exported and they are all in the folder correctly. But they are demaged i can't open them. It's giving me the error i've posted above.

[chenjil43641795]

Do you mean to use the browser to open the SVG error?

[YeahScience]

This shows up when i open the SVG file in Google Chrome ( opening a manually exported SVG file works )

I can't import it into Unity or open it in other programs.

This is the content of the folder ( only the first svg file can be opened )
( 4 frames animation )

[chenjil43641795]

I don't have this problem, so it's hard to understand what's going on.

I can open or edit my,

[chenjil43641795]

or upload the problem FLA and SVG files to Google's hard drive.

Let me see what's going on.

[YeahScience]

Strange. I've also noticed that you only have the "output_xxx" files in the folder, not the one SVG file as in my screenshot above.
svgtest.fla - Google Drive

svg-frames.7z - Google Drive

[chenjil43641795]

I see it.

I'm sorry, AS3 's code I don't know how to write.

Now this only supports HTML5 canvas.

Select HTML5 Canvas When you create a new file.

Or you finish the as3 file, use the file--Convert to--HTML5 Canvas

Then use the feature that exports SVG

[YeahScience]

Aye now it's working. I will have to take a look what's the difference between AS3 and HTML5 project though later. But i think there should not be any problem using HTML5 instead.

Thanks.

[chenjil43641795]

You're welcome.

Because of my operation instructions

Not complete,

did not write

Used only in HTML5

It bothers you a lot of time.

Apologize again.

[YeahScience]

No worries mate, i appreciate your help

[chenjil43641795]

Look at your "Publish settings."

Allow "Publish SVG"

[chenjil43641795 · Accepted solution]

Complete

WindowSWF.rar - Google Drive

Copy files after decompression

Put it on the bottom of the table of contents.

C:\Users\you name\AppData\Local\Adobe\Animate CC 2018\zh_CN\Configuration\WindowSWF

And then open ANCC.

After replication, you can find "Feature Extensions" in "Windows"-"extension"

Select it, then click on the button to perform the action.

The displayed window can be dragged or docked to any location

P                Jump to top 1 keyframes

n                Jump to the next 1 keyframes

F7              Insert key frame

border       Draw a stage border for all frames

Reduce     Interval 1 frame deletion, reduced animation timeline(Because the timeline can be elongated but not reduced, so do this)

Vector       Converts a bitmap on each frame to a vector graph(Useful when importing animation sequence pictures)

SVG          Bulk Export SVG.(Go to "Publish Settings" and select "Publish SVG",And then use this command.)

Because my English is not good, so the English on the button doesn't know the right

You can open the FLA(Feature Extensions.FLA)Modify text on a button

has been uploaded to the Google network, please download

WindowSWF.rar - Google Drive

[JoãoCésar]

Hey, Chenjil, very cool extension! Very helpful!

Please keep it up!

BTW, I'm learning how to deploy extensions for Animate using HTML5 + Adobe CEP. It's really practical and powerful. You should consider it because it's possible to use any HTML5 technology. It's way easier to develop and to distribute, in my opinion.

[chenjil43641795]

Thank you for the information you provided.

Adobe CEP,I'll try.

I found many CEP tutorials.

It makes me very happy.

JSFL I only have the Help manual, and the specific tutorial is not found, so often encountered problems.

Now I'm trying to make a classified store of color swatches.

CEP is a great solution.