Compare commits
1 Commits
master
...
luminosity
Author | SHA1 | Date | |
---|---|---|---|
|
7be487755a |
@ -58,7 +58,8 @@ torque_filters.prototype = {
|
||||
|
||||
var ctx = this._ctx;
|
||||
var colored = ctx.getImageData(0, 0, this._canvas.width, this._canvas.height);
|
||||
this._colorize(colored.data, this._grad);
|
||||
//this._colorize(colored.data, this._grad);
|
||||
this._brilliance(colored.data);
|
||||
ctx.putImageData(colored, 0, 0);
|
||||
|
||||
return this;
|
||||
@ -74,6 +75,68 @@ torque_filters.prototype = {
|
||||
pixels[i - 1] = gradient[j + 2];
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
_brilliance: function(pixels){
|
||||
function hslToRgb(h, s, l){
|
||||
var r, g, b;
|
||||
|
||||
if(s == 0){
|
||||
r = g = b = l; // achromatic
|
||||
}else{
|
||||
var hue2rgb = function hue2rgb(p, q, t){
|
||||
if(t < 0) t += 1;
|
||||
if(t > 1) t -= 1;
|
||||
if(t < 1/6) return p + (q - p) * 6 * t;
|
||||
if(t < 1/2) return q;
|
||||
if(t < 2/3) return p + (q - p) * (2/3 - t) * 6;
|
||||
return p;
|
||||
}
|
||||
|
||||
var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
|
||||
var p = 2 * l - q;
|
||||
r = hue2rgb(p, q, h + 1/3);
|
||||
g = hue2rgb(p, q, h);
|
||||
b = hue2rgb(p, q, h - 1/3);
|
||||
}
|
||||
|
||||
return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
|
||||
}
|
||||
|
||||
function rgbToHsl(r, g, b) {
|
||||
r /= 255, g /= 255, b /= 255;
|
||||
var max = Math.max(r, g, b), min = Math.min(r, g, b);
|
||||
var h, s, l = (max + min) / 2;
|
||||
|
||||
if(max == min){
|
||||
h = s = 0; // achromatic
|
||||
} else {
|
||||
var d = max - min;
|
||||
s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
|
||||
switch(max){
|
||||
case r: h = (g - b) / d ; break;
|
||||
case g: h = 2 + ( (b - r) / d); break;
|
||||
case b: h = 4 + ( (r - g) / d); break;
|
||||
}
|
||||
h*=60;
|
||||
if (h < 0) h +=360;
|
||||
}
|
||||
return([h, s, l]);
|
||||
}
|
||||
|
||||
|
||||
var refColor = rgbToHsl(189, 100, 194);
|
||||
|
||||
for (var i = 3; i < pixels.length; i += 4) {
|
||||
var opacity = pixels[i]/255;
|
||||
if (opacity > 0) {
|
||||
var colorWithBrilliance = hslToRgb(refColor[0]/360, refColor[1], opacity);
|
||||
// pixels[i] = 255;
|
||||
pixels[i - 3] = colorWithBrilliance[0];
|
||||
pixels[i - 2] = colorWithBrilliance[1];
|
||||
pixels[i - 1] = colorWithBrilliance[2];
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user