Performance improvement

This commit is contained in:
juliandescottes 2016-10-01 14:50:25 +02:00
parent e7d8bcdcc4
commit 37789c7a66
16 changed files with 34543 additions and 10 deletions

File diff suppressed because it is too large Load diff

Binary file not shown.

Before

Width:  |  Height:  |  Size: 761 B

After

Width:  |  Height:  |  Size: 766 B

BIN
img/cursors/dither.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 702 B

BIN
img/cursors/lighten.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 606 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 450 B

After

Width:  |  Height:  |  Size: 617 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 673 B

After

Width:  |  Height:  |  Size: 827 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 583 B

After

Width:  |  Height:  |  Size: 580 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

View file

@ -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>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -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>

170
q Normal file
View file

@ -0,0 +1,170 @@
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>