Drastically improve Xmas UI performance

10 years ago · 7034df2a5e
parent 42384d86d3
commit 7034df2a5e
4 changed files with 7 additions and 5 deletions
--- a/css/hues-x.css
+++ b/css/hues-x.css
@ -39,8 +39,10 @@

 .hues-x-lighton, .hues-x-lightoff {
    position: absolute;
-    width: 68px;
-    height: 113px;
+    width: 56px;
+    height: 81px;
+    left: 5px;
+    top: 9px;
    background-repeat: no-repeat;
 }

--- a/img/lightoff.png
+++ b/img/lightoff.png
--- a/img/lighton.png
+++ b/img/lighton.png
--- a/js/HuesUI.js
+++ b/js/HuesUI.js
@ -882,9 +882,9 @@ XmasUI.prototype.lightFadeOut = function(light) {
 };

 XmasUI.prototype.lightRecolour = function(light) {
-    var hue = Math.random() * 360;
-    light.bulb.style.filter = "hue-rotate(" + hue + "deg)";
-    light.bulb.style.webkitFilter = "hue-rotate(" + hue + "deg)";
+    var hue = Math.floor(Math.random() * 7) * -56;
+    light.on.style.backgroundPosition = hue + "px, 0, center";
+    light.off.style.backgroundPosition = hue + "px, 0, center";
 };

 XmasUI.prototype.randomLight = function(light) {