diff --git a/README.md b/README.md index e614f4d7..2eee4f45 100644 --- a/README.md +++ b/README.md @@ -38,6 +38,10 @@ Piskel supports the following browsers : We don't plan/want/could be forced into supporting older IEs. For Opera and Safari, we've never tested them but the gap shouldn't be huge. +## Offline version (Windows and MacOS) + +Offline builds are available. More details in the [dedicated wiki page](https://github.com/juliandescottes/piskel/wiki/Desktop-applications). + ## Built with The Piskel editor is purely built in **JavaScript, HTML and CSS**. It uses Canvas extensively for displaying all them pretty sprites. diff --git a/src/js/controller/settings/PngExportController.js b/src/js/controller/settings/PngExportController.js index c2ab141c..c28ddaf1 100644 --- a/src/js/controller/settings/PngExportController.js +++ b/src/js/controller/settings/PngExportController.js @@ -30,7 +30,8 @@ for (var i = 0; i < this.piskelController.getFrameCount(); i++) { var frame = this.piskelController.getFrameAt(i); var canvas = this.getFrameAsCanvas_(frame); - var filename = "sprite_" + (i+1) + ".png"; + var basename = document.getElementById("zip-file-name").value || "sprite_"; + var filename = basename + (i+1) + ".png"; zip.file(filename, pskl.CanvasUtils.getBase64FromCanvas(canvas) + '\n', {base64: true}); } @@ -85,4 +86,4 @@ } return url; }; -})(); \ No newline at end of file +})(); diff --git a/src/templates/settings/export.html b/src/templates/settings/export.html index e674e70e..ca344873 100644 --- a/src/templates/settings/export.html +++ b/src/templates/settings/export.html @@ -7,11 +7,16 @@ PNG with all frames side by side. +
+ Export as ZIP +
- ZIP with one PNG file per frame. -
- + ZIP with one PNG file per frame. Name will use the prefix above and append the frame index, ex: sprite_1.png +
+ +
+
Export to Animated GIF @@ -37,4 +42,4 @@
-
\ No newline at end of file +