piskel/q

diff --git a/img/cursors/circle.png b/img/cursors/circle.png
index a186a26..eba4637 100644
Binary files a/img/cursors/circle.png and b/img/cursors/circle.png differ
diff --git a/img/cursors/stroke.png b/img/cursors/stroke.png
index 0bfecd5..641f438 100644
Binary files a/img/cursors/stroke.png and b/img/cursors/stroke.png differ
diff --git a/img/icons.png b/img/icons.png
index 3b474d1..2fea01d 100644
Binary files a/img/icons.png and b/img/icons.png differ
diff --git a/img/icons/tools/tool-lasso-select.png b/img/icons/tools/tool-lasso-select.png
index cd8d04d..f388925 100644
Binary files a/img/icons/tools/tool-lasso-select.png and b/img/icons/tools/tool-lasso-select.png differ
diff --git a/img/icons/tools/tool-lasso-select@2x.png b/img/icons/tools/tool-lasso-select@2x.png
index 39e3359..17e7162 100644
Binary files a/img/icons/tools/tool-lasso-select@2x.png and b/img/icons/tools/tool-lasso-select@2x.png differ
diff --git a/img/icons/tools/tool-shape-select.png b/img/icons/tools/tool-shape-select.png
index 2c7ed31..55d6400 100644
Binary files a/img/icons/tools/tool-shape-select.png and b/img/icons/tools/tool-shape-select.png differ
diff --git a/img/icons/tools/tool-shape-select@2x.png b/img/icons/tools/tool-shape-select@2x.png
index 5430e5b..fed2da9 100644
Binary files a/img/icons/tools/tool-shape-select@2x.png and b/img/icons/tools/tool-shape-select@2x.png differ
diff --git a/img/icons@2x.png b/img/icons@2x.png
index 00275b7..74b86c6 100644
Binary files a/img/icons@2x.png and b/img/icons@2x.png differ
diff --git a/index.html b/index.html
index da606eb..18eb1fa 100644
--- a/index.html
+++ b/index.html
@@ -935,6 +935,15 @@
</div>
<button type="button" class="button button-primary c-download-button">Download C file</button>
</div>
+ <div class="export-panel-section">
+ <div style="padding-bottom: 5px">
+ <span style="color: gold;">Export selected frame as PNG File: </span>
+ <span class="export-info">
+ PNG export of the currently selected frame.
+ </span>
+ </div>
+ <button type="button" class="button button-primary selected-frame-download-button">Download</button>
+ </div>
</div>
</script>
 
@@ -942,15 +951,19 @@
(function () {
 
/**
- * See @Gruntfile.js => after build, -2016-07-24-05-08 is replaced by the build version
+ * See @Gruntfile.js => after build, -2016-10-01-02-48 is replaced by the build version
*/
- var version = '-2016-07-24-05-08';
+ var version = '-2016-10-01-02-48';
var versionHasNotBeenReplaced = version.indexOf('@@') === 0;
if (versionHasNotBeenReplaced) {
version = '';
}
 
- window.onPiskelReady = function () {
+ if (!window.piskelReadyCallbacks) {
+ window.piskelReadyCallbacks = [];
+ }
+
+ window._onPiskelReady = function () {
var loadingMask = document.getElementById('loading-mask');
loadingMask.style.opacity = 0;
window.setTimeout(function () {loadingMask.parentNode.removeChild(loadingMask);}, 600);
@@ -959,6 +972,11 @@
delete window.pskl_exports;
delete window.loadDebugScripts;
delete window.done;
+
+ // Run Piskel ready callbacks
+ for (var i = 0; i < window.piskelReadyCallbacks.length; i++) {
+ window.piskelReadyCallbacks[i]();
+ }
};
 
var prefixPath = function (path) {
@@ -991,7 +1009,7 @@
var scriptIndex = 0;
window.loadNextScript = function () {
if (scriptIndex == window.pskl_exports.scripts.length) {
- window.onPiskelReady();
+ window._onPiskelReady();
} else {
loadScript(window.pskl_exports.scripts[scriptIndex], 'loadNextScript()');
scriptIndex ++;
@@ -1015,7 +1033,7 @@
}
 
loadStyle('css/piskel-style-packaged' + version + '.css');
- loadScript(script, 'onPiskelReady()');
+ loadScript(script, '_onPiskelReady()');
}
})();
</script>
diff --git a/piskelapp-partials/main-partial.html b/piskelapp-partials/main-partial.html
index 9060764..de5d984 100644
--- a/piskelapp-partials/main-partial.html
+++ b/piskelapp-partials/main-partial.html
@@ -887,6 +887,15 @@
</div>
<button type="button" class="button button-primary c-download-button">Download C file</button>
</div>
+ <div class="export-panel-section">
+ <div style="padding-bottom: 5px">
+ <span style="color: gold;">Export selected frame as PNG File: </span>
+ <span class="export-info">
+ PNG export of the currently selected frame.
+ </span>
+ </div>
+ <button type="button" class="button button-primary selected-frame-download-button">Download</button>
+ </div>
</div>
</script>
 
@@ -894,15 +903,19 @@
(function () {
 
/**
- * See @Gruntfile.js => after build, -2016-07-24-05-08 is replaced by the build version
+ * See @Gruntfile.js => after build, -2016-10-01-02-48 is replaced by the build version
*/
-var version = '-2016-07-24-05-08';
+var version = '-2016-10-01-02-48';
var versionHasNotBeenReplaced = version.indexOf('@@') === 0;
if (versionHasNotBeenReplaced) {
version = '';
}
 
-window.onPiskelReady = function () {
+if (!window.piskelReadyCallbacks) {
+ window.piskelReadyCallbacks = [];
+}
+
+window._onPiskelReady = function () {
var loadingMask = document.getElementById('loading-mask');
loadingMask.style.opacity = 0;
window.setTimeout(function () {loadingMask.parentNode.removeChild(loadingMask);}, 600);
@@ -911,6 +924,11 @@ window.onPiskelReady = function () {
delete window.pskl_exports;
delete window.loadDebugScripts;
delete window.done;
+
+ // Run Piskel ready callbacks
+ for (var i = 0; i < window.piskelReadyCallbacks.length; i++) {
+ window.piskelReadyCallbacks[i]();
+ }
};
 
var prefixPath = function (path) {
@@ -943,7 +961,7 @@ if (window.location.href.indexOf('debug') != -1) {
var scriptIndex = 0;
window.loadNextScript = function () {
if (scriptIndex == window.pskl_exports.scripts.length) {
- window.onPiskelReady();
+ window._onPiskelReady();
} else {
loadScript(window.pskl_exports.scripts[scriptIndex], 'loadNextScript()');
scriptIndex ++;
@@ -967,7 +985,7 @@ if (window.location.href.indexOf('debug') != -1) {
}
 
loadStyle('css/piskel-style-packaged' + version + '.css');
- loadScript(script, 'onPiskelReady()');
+ loadScript(script, '_onPiskelReady()');
}
})();
</script>