diff --git a/css/hues-h.css b/css/hues-h.css index 712cdde..04855f5 100644 --- a/css/hues-h.css +++ b/css/hues-h.css @@ -174,6 +174,7 @@ .hues-h-topleft, .hues-h-topright, .hues-h-bottomright { position: absolute; background-repeat: no-repeat; + z-index: -9; } .hues-h-topleft, .hues-h-topright { diff --git a/index-min.html b/index-min.html index a0787f2..d169c9b 100644 --- a/index-min.html +++ b/index-min.html @@ -93,7 +93,7 @@
  • [R] Resource packs
  • [O] Options
  • [I] Information
  • -
  • [1-4] Change UI
  • +
  • [1-5] Change UI
  • diff --git a/index.html b/index.html index 1b11e5e..86ce65c 100644 --- a/index.html +++ b/index.html @@ -104,7 +104,7 @@
  • [R] Resource packs
  • [O] Options
  • [I] Information
  • -
  • [1-4] Change UI
  • +
  • [1-5] Change UI
  • diff --git a/js/HuesCanvas.js b/js/HuesCanvas.js index 819b0e4..2c3fb04 100644 --- a/js/HuesCanvas.js +++ b/js/HuesCanvas.js @@ -135,12 +135,24 @@ HuesCanvas.prototype.redraw = function() { this.canvas.globalAlpha = this.blurAlpha; } if(this.xBlur) { - for(var i=-1; i<=1; i+= this.blurDelta) { - this.canvas.drawImage(bitmap, Math.floor(this.blurDistance * i) + offset, 0); + if(this.blurIterations < 0) { + this.canvas.globalAlpha = 1; + this.canvas.drawImage(bitmap, Math.floor(offset - this.blurDistance/2), 0, + bitmap.width + this.blurDistance, bitmap.height); + } else { + for(var i=-1; i<=1; i+= this.blurDelta) { + this.canvas.drawImage(bitmap, Math.floor(this.blurDistance * i) + offset, 0); + } } } else if(this.yBlur) { - for(var i=-1; i<=1; i+= this.blurDelta) { - this.canvas.drawImage(bitmap, offset, Math.floor(this.blurDistance * i)); + if(this.blurIterations < 0) { + this.canvas.globalAlpha = 1; + this.canvas.drawImage(bitmap, offset, Math.floor(-this.blurDistance/2), + bitmap.width, bitmap.height + this.blurDistance); + } else { + for(var i=-1; i<=1; i+= this.blurDelta) { + this.canvas.drawImage(bitmap, offset, Math.floor(this.blurDistance * i)); + } } } else { this.canvas.globalAlpha = 1;