Participating Frequently

Answered

How do i save my game's ending as image?

6 replies
1569 views
Translate

Hi

I have a game I'm making in Animate CC (HTML5 canvas), and would like to have a button so the gamer can save their current progress as an image. How do I do that?

Thank you in advance

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

UDESCOCorrect answer

Participating Frequently

You can use the following code for Html Canvas documents. Say, you wish to capture the last frame of your animation; just paste the following code in the last frame:

this.stop();

var aTag = document.createElement('a');

aTag.setAttribute('href', canvas.toDataURL("image/png"));

aTag.innerHTML = "Download Screenshot";

aTag.download = "YourScreenshot.png";

document.body.appendChild(aTag);

UDESCOCorrect answer

Participating Frequently

You can use the following code for Html Canvas documents. Say, you wish to capture the last frame of your animation; just paste the following code in the last frame:

this.stop();

var aTag = document.createElement('a');

aTag.setAttribute('href', canvas.toDataURL("image/png"));

aTag.innerHTML = "Download Screenshot";

aTag.download = "YourScreenshot.png";

document.body.appendChild(aTag);

Translate

M

Matthijs-Clasener

Community Expert

It's an old thread, but I've got a question about it. First... this script works like a charm!

I've put the script on a button. Would it be possible to download it directly? Just one click on the button and download?

Or put it in the action script layer while entering the frame and then use my button to download the image? I don't like the "Download Screenshot" text that much.

Translate

C

ClayUUID

Legend

Save it to where?

Translate

inespaAuthor

Participating Frequently

Well, what are my options?

Can I save it to the device's default 'my images' folder or wherever screenshots usually get saved?

Translate

C

ClayUUID

Legend

inesaguiar wrote
Can I save it to the device's default 'my images' folder or wherever screenshots usually get saved?

Web pages can't force files into the client's local filesystem. That would be an insane security vulnerability. If you have server-side scripting support it would be possible to save screenshots on the server. For client-side saving, the code posted above will allow the user to choose to download a screenshot.

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.