UnityMirror/spine-runtimes
1
0
Fork 0
mirror of https://github.com/EsotericSoftware/spine-runtimes.git synced 2026-02-06 23:34:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

[ts] Use CSS transformX instead of left for performance.

Browse Source
This commit is contained in:
NathanSweet 2016-09-04 13:51:09 +02:00
parent 40f192de43
commit cf08ed3293
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
spine-ts/webgl/demos/utils.js
View File

@ -67,10 +67,14 @@ var spineDemos = {
$(".slider").each(function () {
var div = $(this), handle = $("<div/>").appendTo(div);
var bg = div.hasClass("before") ? $("<span/>").appendTo(div) : null;
var hw = handle.width(), value = 0, object;
var hw = handle.width(), value = 0, object, lastX;
handle = handle[0];
function positionHandle (percent) {
var x = (div.width() - hw - 2) * percent;
handle[0].style.left = x + "px";
var x = Math.round((div.width() - hw - 2) * percent);
if (x != lastX) {
handle.style.transform = "translateX(" + x + "px)";
lastX = x;
}
if (bg) bg.css("width", x + hw / 2);
value = percent;
}
@ -93,8 +97,6 @@ var spineDemos = {
set: positionHandle,
get: function () { return value; }
});
div[0].handle = handle;
div[0].positionHandle = positionHandle;
});
}
})();