|
|
|
@ -192,8 +192,9 @@ HuesUI.prototype.updateVolume = function(vol) {}; |
|
|
|
|
HuesUI.prototype.setSongText = function() { |
|
|
|
|
var song = this.core.currentSong; |
|
|
|
|
|
|
|
|
|
if(!song) |
|
|
|
|
if(!song) { |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
this.songLink.textContent = song.title.toUpperCase(); |
|
|
|
|
this.songLink.href = song.source; |
|
|
|
@ -202,8 +203,9 @@ HuesUI.prototype.setSongText = function() { |
|
|
|
|
HuesUI.prototype.setImageText = function() { |
|
|
|
|
var image = this.core.currentImage; |
|
|
|
|
|
|
|
|
|
if(!image) |
|
|
|
|
if(!image) { |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
var name = image.fullname ? image.fullname : image.name; |
|
|
|
|
|
|
|
|
@ -374,8 +376,9 @@ RetroUI.prototype.modeUpdated = function() { |
|
|
|
|
RetroUI.prototype.setImageText = function() { |
|
|
|
|
var image = this.core.currentImage; |
|
|
|
|
|
|
|
|
|
if(!image) |
|
|
|
|
if(!image) { |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
this.imageLink.textContent = "I=" + image.name.toUpperCase(); |
|
|
|
|
this.imageLink.href = image.source; |
|
|
|
@ -457,7 +460,7 @@ WeedUI.prototype.beat = function() { |
|
|
|
|
var rot = this.round10(15 - Math.random() * 30); |
|
|
|
|
var x = this.round10(- this.xVariance / 2 + Math.random() * this.xVariance); |
|
|
|
|
var y = this.round10(30 - this.yVariance / 2 + Math.random() * this.yVariance); |
|
|
|
|
var transform = "rotate(" + rot + "deg) translate(" + x + "px," + y + "px)"; |
|
|
|
|
var transform = "rotate(" + rot + "deg) translate(" + x + "px, " + y + "px)"; |
|
|
|
|
beatCenter.style.MozTransform = transform; |
|
|
|
|
beatCenter.style.webkitTransform = transform; |
|
|
|
|
beatCenter.style.transform = transform; |
|
|
|
@ -666,6 +669,7 @@ ModernUI.prototype.toggleHide = function() { |
|
|
|
|
case 1: |
|
|
|
|
this.beatBar.className = "hues-m-beatbar hidden"; |
|
|
|
|
this.beatCenter.className = "hues-m-beatcenter hidden"; |
|
|
|
|
/* falls through */ |
|
|
|
|
case 0: |
|
|
|
|
this.controls.className = "hues-m-controls hidden"; |
|
|
|
|
this.hideRestore.className = "hues-m-hiderestore hidden"; |
|
|
|
@ -737,8 +741,9 @@ ModernUI.prototype.resizeImage = function() { |
|
|
|
|
ModernUI.prototype.setSongText = function() { |
|
|
|
|
HuesUI.prototype.setSongText.call(this); |
|
|
|
|
|
|
|
|
|
if(!this.core.currentSong) |
|
|
|
|
if(!this.core.currentSong) { |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
this.resizeSong(); |
|
|
|
|
}; |
|
|
|
@ -746,8 +751,9 @@ ModernUI.prototype.setSongText = function() { |
|
|
|
|
ModernUI.prototype.setImageText = function() { |
|
|
|
|
HuesUI.prototype.setImageText.call(this); |
|
|
|
|
|
|
|
|
|
if(!this.core.currentImage) |
|
|
|
|
if(!this.core.currentImage) { |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
this.resizeImage(); |
|
|
|
|
}; |
|
|
|
@ -760,7 +766,12 @@ function XmasUI() { |
|
|
|
|
this.controls.removeChild(this.rightInfo); |
|
|
|
|
this.controls.removeChild(this.leftInfo); |
|
|
|
|
|
|
|
|
|
this.leftBox = this.rightBox = this.hueName = this.xBlur = this.yBlur = this.timer = null; |
|
|
|
|
this.leftBox = null; |
|
|
|
|
this.rightBox = null; |
|
|
|
|
this.hueName = null; |
|
|
|
|
this.xBlur = null; |
|
|
|
|
this.yBlur = null; |
|
|
|
|
this.timer = null; |
|
|
|
|
|
|
|
|
|
this.controls.className = "hues-x-controls"; |
|
|
|
|
this.beatBar.className = "hues-x-beatbar"; |
|
|
|
@ -772,38 +783,35 @@ function XmasUI() { |
|
|
|
|
|
|
|
|
|
var left = document.createElement("div"); |
|
|
|
|
left.className = "hues-x-wiresleft"; |
|
|
|
|
for(var i = 0; i < xleft.length; i++) { |
|
|
|
|
var l = xleft[i]; |
|
|
|
|
xleft.forEach(function(l, i, a) { |
|
|
|
|
var light = this.newLight(l, left); |
|
|
|
|
light.style.transform = "rotate(" + l.angle + "deg)"; |
|
|
|
|
light.style.left = l.x + "px"; |
|
|
|
|
light.style.top = l.y + "px"; |
|
|
|
|
this.lights.push(light); |
|
|
|
|
} |
|
|
|
|
}, this); |
|
|
|
|
|
|
|
|
|
var right = document.createElement("div"); |
|
|
|
|
right.className = "hues-x-wiresright"; |
|
|
|
|
for(var i = 0; i < xright.length; i++) { |
|
|
|
|
var l = xright[i]; |
|
|
|
|
xright.forEach(function(l, i, a) { |
|
|
|
|
var light = this.newLight(l, right); |
|
|
|
|
light.style.transform = "rotate(" + (-l.angle) + "deg)"; |
|
|
|
|
light.style.right = l.x + "px"; |
|
|
|
|
light.style.top = l.y + "px"; |
|
|
|
|
this.lights.push(light); |
|
|
|
|
} |
|
|
|
|
}, this); |
|
|
|
|
|
|
|
|
|
var bottomHelper = document.createElement("div"); |
|
|
|
|
bottomHelper.className = "hues-x-wiresbottomhelper"; |
|
|
|
|
var bottom = document.createElement("div"); |
|
|
|
|
bottom.className = "hues-x-wiresbottom"; |
|
|
|
|
for(var i = 0; i < xbottom.length; i++) { |
|
|
|
|
var l = xbottom[i]; |
|
|
|
|
xbottom.forEach(function(l, i, a) { |
|
|
|
|
var light = this.newLight(l, bottom); |
|
|
|
|
light.style.transform = "rotate(" + l.angle + "deg)"; |
|
|
|
|
light.style.left = l.x + "px"; |
|
|
|
|
light.style.bottom = l.y + "px"; |
|
|
|
|
this.lights.push(light); |
|
|
|
|
} |
|
|
|
|
}, this); |
|
|
|
|
|
|
|
|
|
wires.appendChild(left); |
|
|
|
|
wires.appendChild(right); |
|
|
|
@ -877,20 +885,19 @@ XmasUI.prototype.newLight = function(l, parent) { |
|
|
|
|
XmasUI.prototype.beat = function() { |
|
|
|
|
ModernUI.prototype.beat.call(this); |
|
|
|
|
if(this.currentBeat != ".") { |
|
|
|
|
for(var i = 0; i < this.lights.length; i++) { |
|
|
|
|
var l = this.lights[i]; |
|
|
|
|
this.lights.forEach(function(light, i, a) { |
|
|
|
|
switch(this.currentBeat) { |
|
|
|
|
case ":": |
|
|
|
|
this.lightOn(l); |
|
|
|
|
this.lightRecolour(l); |
|
|
|
|
case ": ":
|
|
|
|
|
this.lightOn(light); |
|
|
|
|
this.lightRecolour(light); |
|
|
|
|
break; |
|
|
|
|
case "+":
|
|
|
|
|
this.lightFadeOut(l); |
|
|
|
|
this.lightFadeOut(light); |
|
|
|
|
break; |
|
|
|
|
default: |
|
|
|
|
this.randomLight(this.lights[i]); |
|
|
|
|
this.randomLight(light); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, this); |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
@ -902,6 +909,7 @@ XmasUI.prototype.toggleHide = function() { |
|
|
|
|
case 1: |
|
|
|
|
this.beatBar.className = "hues-x-beatbar hidden"; |
|
|
|
|
this.beatCenter.className = "hues-m-beatcenter hidden"; |
|
|
|
|
/* falls through */ |
|
|
|
|
case 0: |
|
|
|
|
this.controls.className = "hues-x-controls hidden"; |
|
|
|
|
} |
|
|
|
@ -912,78 +920,79 @@ XmasUI.prototype.setColourText = function(colour) {}; |
|
|
|
|
XmasUI.prototype.blurUpdated = function(x, y) {}; |
|
|
|
|
XmasUI.prototype.updateTime = function(time) {}; |
|
|
|
|
|
|
|
|
|
// Positions and angles for the Xmas lights
|
|
|
|
|
var xleft = [ |
|
|
|
|
{"angle":122.529582194,"x":19.4,"y":-19.35}, |
|
|
|
|
{"angle":92.5309436511,"x":25.4,"y":38.7}, |
|
|
|
|
{"angle":107.530202659,"x":39.4,"y":107.75}, |
|
|
|
|
{"angle":77.5309700777,"x":20.75,"y":184.8}, |
|
|
|
|
{"angle":77.5309700777,"x":32.3,"y":249.8}, |
|
|
|
|
{"angle":107.530202659,"x":40.45,"y":327.9}, |
|
|
|
|
{"angle":88.3307935055,"x":35,"y":410.9}, |
|
|
|
|
{"angle":107.530202659,"x":54.35,"y":490.95}, |
|
|
|
|
{"angle":74.9981580491,"x":28.15,"y":573.8}, |
|
|
|
|
{"angle":89.9973772074,"x":23.45,"y":675.35}, |
|
|
|
|
{"angle":107.530202659,"x":21.65,"y":762.6}, |
|
|
|
|
{"angle":107.530202659,"x":15.8,"y":842.75}, |
|
|
|
|
{"angle":92.5309436511,"x":36.55,"y":905.7}, |
|
|
|
|
{"angle":88.3307935055,"x":31.1,"y":988.7}, |
|
|
|
|
{"angle":107.530202659,"x":50.45,"y":1068.75}, |
|
|
|
|
{"angle":74.9981580491,"x":45.75,"y":1158.5}, |
|
|
|
|
{"angle":88.3307935055,"x":35.85,"y":1238.55} |
|
|
|
|
{"angle": 122.529582194, "x": 19.4, "y": -19.35}, |
|
|
|
|
{"angle": 92.5309436511, "x": 25.4, "y": 38.7}, |
|
|
|
|
{"angle": 107.530202659, "x": 39.4, "y": 107.75}, |
|
|
|
|
{"angle": 77.5309700777, "x": 20.75, "y": 184.8}, |
|
|
|
|
{"angle": 77.5309700777, "x": 32.3, "y": 249.8}, |
|
|
|
|
{"angle": 107.530202659, "x": 40.45, "y": 327.9}, |
|
|
|
|
{"angle": 88.3307935055, "x": 35, "y": 410.9}, |
|
|
|
|
{"angle": 107.530202659, "x": 54.35, "y": 490.95}, |
|
|
|
|
{"angle": 74.9981580491, "x": 28.15, "y": 573.8}, |
|
|
|
|
{"angle": 89.9973772074, "x": 23.45, "y": 675.35}, |
|
|
|
|
{"angle": 107.530202659, "x": 21.65, "y": 762.6}, |
|
|
|
|
{"angle": 107.530202659, "x": 15.8, "y": 842.75}, |
|
|
|
|
{"angle": 92.5309436511, "x": 36.55, "y": 905.7}, |
|
|
|
|
{"angle": 88.3307935055, "x": 31.1, "y": 988.7}, |
|
|
|
|
{"angle": 107.530202659, "x": 50.45, "y": 1068.75}, |
|
|
|
|
{"angle": 74.9981580491, "x": 45.75, "y": 1158.5}, |
|
|
|
|
{"angle": 88.3307935055, "x": 35.85, "y": 1238.55} |
|
|
|
|
]; |
|
|
|
|
var xright = [ |
|
|
|
|
{"angle":120.001009518,"x":33.3,"y":-29.75}, |
|
|
|
|
{"angle":90.0026227926,"x":35.35,"y":53.65}, |
|
|
|
|
{"angle":102.469029922,"x":41.5,"y":136.5}, |
|
|
|
|
{"angle":91.6692064945,"x":22.15,"y":216.55}, |
|
|
|
|
{"angle":72.4697973408,"x":34.4,"y":278.25}, |
|
|
|
|
{"angle":102.469029922,"x":45.75,"y":361.85}, |
|
|
|
|
{"angle":87.4699314665,"x":26.65,"y":426.35}, |
|
|
|
|
{"angle":72.4697973408,"x":41.6,"y":502.15}, |
|
|
|
|
{"angle":102.469029922,"x":27.5,"y":566}, |
|
|
|
|
{"angle":72.4697973408,"x":7.65,"y":638.45}, |
|
|
|
|
{"angle":102.469029922,"x":11,"y":721.25}, |
|
|
|
|
{"angle":76.1887724128,"x":7.65,"y":792.7}, |
|
|
|
|
{"angle":87.4690563489,"x":36.15,"y":850.35}, |
|
|
|
|
{"angle":102.46813454,"x":16.6,"y":924.3}, |
|
|
|
|
{"angle":72.4697973408,"x":15.3,"y":990.8}, |
|
|
|
|
{"angle":76.1887724128,"x":11.95,"y":1062.25}, |
|
|
|
|
{"angle":87.4690563489,"x":40.45,"y":1119.9}, |
|
|
|
|
{"angle":102.46813454,"x":20.9,"y":1193.85} |
|
|
|
|
{"angle": 120.001009518, "x": 33.3, "y": -29.75}, |
|
|
|
|
{"angle": 90.0026227926, "x": 35.35, "y": 53.65}, |
|
|
|
|
{"angle": 102.469029922, "x": 41.5, "y": 136.5}, |
|
|
|
|
{"angle": 91.6692064945, "x": 22.15, "y": 216.55}, |
|
|
|
|
{"angle": 72.4697973408, "x": 34.4, "y": 278.25}, |
|
|
|
|
{"angle": 102.469029922, "x": 45.75, "y": 361.85}, |
|
|
|
|
{"angle": 87.4699314665, "x": 26.65, "y": 426.35}, |
|
|
|
|
{"angle": 72.4697973408, "x": 41.6, "y": 502.15}, |
|
|
|
|
{"angle": 102.469029922, "x": 27.5, "y": 566}, |
|
|
|
|
{"angle": 72.4697973408, "x": 7.65, "y": 638.45}, |
|
|
|
|
{"angle": 102.469029922, "x": 11, "y": 721.25}, |
|
|
|
|
{"angle": 76.1887724128, "x": 7.65, "y": 792.7}, |
|
|
|
|
{"angle": 87.4690563489, "x": 36.15, "y": 850.35}, |
|
|
|
|
{"angle": 102.46813454, "x": 16.6, "y": 924.3}, |
|
|
|
|
{"angle": 72.4697973408, "x": 15.3, "y": 990.8}, |
|
|
|
|
{"angle": 76.1887724128, "x": 11.95, "y": 1062.25}, |
|
|
|
|
{"angle": 87.4690563489, "x": 40.45, "y": 1119.9}, |
|
|
|
|
{"angle": 102.46813454, "x": 20.9, "y": 1193.85} |
|
|
|
|
]; |
|
|
|
|
var xbottom = [ |
|
|
|
|
{"angle":32.5804579323,"x":110.35,"y":-12.1}, |
|
|
|
|
{"angle":3.28979777069,"x":168.05,"y":-5.55}, |
|
|
|
|
{"angle":17.6989154099,"x":238.35,"y":7.7}, |
|
|
|
|
{"angle":-12.6587029361,"x":314.8,"y":-10.4}, |
|
|
|
|
{"angle":-12.6587029361,"x":379.4,"y":1.05}, |
|
|
|
|
{"angle":17.6989154099,"x":457.75,"y":9.4}, |
|
|
|
|
{"angle":2.59102780115,"x":540.6,"y":3.75}, |
|
|
|
|
{"angle":17.6989154099,"x":620.35,"y":22.7}, |
|
|
|
|
{"angle":-15.134241831,"x":703,"y":-2.9}, |
|
|
|
|
{"angle":2.30443717424,"x":804.75,"y":-7.85}, |
|
|
|
|
{"angle":17.6989154099,"x":892.45,"y":-9.55}, |
|
|
|
|
{"angle":17.6989154099,"x":971.65,"y":-15.5}, |
|
|
|
|
{"angle":3.28979777069,"x":1035.2,"y":4.35}, |
|
|
|
|
{"angle":2.59102780115,"x":1118,"y":0.2}, |
|
|
|
|
{"angle":17.6989154099,"x":1198.05,"y":18.95}, |
|
|
|
|
{"angle":-18.378894807,"x":1288.2,"y":14.2}, |
|
|
|
|
{"angle":-4.561224264,"x":1367.9,"y":4.6}, |
|
|
|
|
{"angle":32.5804579323,"x":1452.6,"y":-1.7}, |
|
|
|
|
{"angle":3.28979777069,"x":1511.45,"y":4.45}, |
|
|
|
|
{"angle":17.6989154099,"x":1580.6,"y":17.6}, |
|
|
|
|
{"angle":-12.6587029361,"x":1656.6,"y":-0.95}, |
|
|
|
|
{"angle":-12.6587029361,"x":1722.1,"y":11.1}, |
|
|
|
|
{"angle":17.6989154099,"x":1800.5,"y":18.8}, |
|
|
|
|
{"angle":2.59102780115,"x":1883.1,"y":13}, |
|
|
|
|
{"angle":17.6989154099,"x":1963,"y":32.6}, |
|
|
|
|
{"angle":-15.134241831,"x":2045.8,"y":7}, |
|
|
|
|
{"angle":2.30443717424,"x":2147.55,"y":1.55}, |
|
|
|
|
{"angle":17.6989154099,"x":2234.1,"y":0.4}, |
|
|
|
|
{"angle":17.6989154099,"x":2315,"y":-5.6}, |
|
|
|
|
{"angle":3.28979777069,"x":2377.8,"y":14.5}, |
|
|
|
|
{"angle":2.59102780115,"x":2460.65,"y":9.75}, |
|
|
|
|
{"angle":17.6989154099,"x":2540.2,"y":28.5}, |
|
|
|
|
{"angle":-18.378894807,"x":2627.55,"y":24.9}, |
|
|
|
|
{"angle":-4.561224264,"x":2710.4,"y":14.4} |
|
|
|
|
{"angle": 32.5804579323, "x": 110.35, "y": -12.1}, |
|
|
|
|
{"angle": 3.28979777069, "x": 168.05, "y": -5.55}, |
|
|
|
|
{"angle": 17.6989154099, "x": 238.35, "y": 7.7}, |
|
|
|
|
{"angle": -12.6587029361, "x": 314.8, "y": -10.4}, |
|
|
|
|
{"angle": -12.6587029361, "x": 379.4, "y": 1.05}, |
|
|
|
|
{"angle": 17.6989154099, "x": 457.75, "y": 9.4}, |
|
|
|
|
{"angle": 2.59102780115, "x": 540.6, "y": 3.75}, |
|
|
|
|
{"angle": 17.6989154099, "x": 620.35, "y": 22.7}, |
|
|
|
|
{"angle": -15.134241831, "x": 703, "y": -2.9}, |
|
|
|
|
{"angle": 2.30443717424, "x": 804.75, "y": -7.85}, |
|
|
|
|
{"angle": 17.6989154099, "x": 892.45, "y": -9.55}, |
|
|
|
|
{"angle": 17.6989154099, "x": 971.65, "y": -15.5}, |
|
|
|
|
{"angle": 3.28979777069, "x": 1035.2, "y": 4.35}, |
|
|
|
|
{"angle": 2.59102780115, "x": 1118, "y": 0.2}, |
|
|
|
|
{"angle": 17.6989154099, "x": 1198.05, "y": 18.95}, |
|
|
|
|
{"angle": -18.378894807, "x": 1288.2, "y": 14.2}, |
|
|
|
|
{"angle": -4.561224264, "x": 1367.9, "y": 4.6}, |
|
|
|
|
{"angle": 32.5804579323, "x": 1452.6, "y": -1.7}, |
|
|
|
|
{"angle": 3.28979777069, "x": 1511.45, "y": 4.45}, |
|
|
|
|
{"angle": 17.6989154099, "x": 1580.6, "y": 17.6}, |
|
|
|
|
{"angle": -12.6587029361, "x": 1656.6, "y": -0.95}, |
|
|
|
|
{"angle": -12.6587029361, "x": 1722.1, "y": 11.1}, |
|
|
|
|
{"angle": 17.6989154099, "x": 1800.5, "y": 18.8}, |
|
|
|
|
{"angle": 2.59102780115, "x": 1883.1, "y": 13}, |
|
|
|
|
{"angle": 17.6989154099, "x": 1963, "y": 32.6}, |
|
|
|
|
{"angle": -15.134241831, "x": 2045.8, "y": 7}, |
|
|
|
|
{"angle": 2.30443717424, "x": 2147.55, "y": 1.55}, |
|
|
|
|
{"angle": 17.6989154099, "x": 2234.1, "y": 0.4}, |
|
|
|
|
{"angle": 17.6989154099, "x": 2315, "y": -5.6}, |
|
|
|
|
{"angle": 3.28979777069, "x": 2377.8, "y": 14.5}, |
|
|
|
|
{"angle": 2.59102780115, "x": 2460.65, "y": 9.75}, |
|
|
|
|
{"angle": 17.6989154099, "x": 2540.2, "y": 28.5}, |
|
|
|
|
{"angle": -18.378894807, "x": 2627.55, "y": 24.9}, |
|
|
|
|
{"angle": -4.561224264, "x": 2710.4, "y": 14.4} |
|
|
|
|
]; |