<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vibran-js Demo</title>
<link href='https://fonts.googleapis.com/css?family=Roboto:300,100,400,500,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style.css">
</head>
<body>
<section>
<h1>Vibrant.js</h1>
<img src="data:image/jpeg;base64,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" >
<ul class="colors"></ul>
</section>
<script src="vibrant.js"></script>
<script src="script.js"></script>
</body>
</html>
(function () {
'use strict';
var img = document.querySelector('img'),
list = document.querySelector('ul'),
section = document.querySelector('section'),
paletteReady = false;
img.addEventListener('load', function() {
if ( !paletteReady )
getPalette();
});
if (!paletteReady)
getPalette();
function getPalette() {
paletteReady = true;
var vibrant = new Vibrant(img),
swatches = vibrant.swatches(),
listFragment = new DocumentFragment();
for ( var swatch in swatches ) {
if (swatches.hasOwnProperty(swatch) && swatches[swatch]) {
console.log(swatch, swatches[swatch].getHex());
var li = document.createElement('li'),
p = document.createElement('p'),
small = document.createElement('small');
p.textContent = swatches[swatch].getHex();
p.style.color = swatches[swatch].getTitleTextColor();
small.textContent = swatch;
small.style.color = swatches[swatch].getBodyTextColor();
li.style.backgroundColor = swatches[swatch].getHex();
li.appendChild(p);
li.appendChild(small);
listFragment.appendChild(li);
}
}
list.appendChild(listFragment);
if (swatches['DarkVibrant']) {
section.style.backgroundColor = swatches['DarkVibrant'].getHex();
}
}
} ());
* {
box-sizing: border-box;
}
html, body {
height: 100%;
margin: 0;
padding: 0 10px;
}
body {
background-color: whitesmoke;
align-items: center;
display: flex;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
justify-content: center;
}
h1 {
color: white;
font-size: 4em;
font-weight: 100;
line-height: 1em;
margin: 0 0 1.5rem 0;
text-align: center;
}
img {
height: 58%;
object-fit: cover;
object-position: center;
width: 100%;
}
li {
flex: 1;
padding: 0.5em;
text-align: center;
}
p {
font-size: 1.3em;
font-weight: 700;
margin: 0;
}
section {
background-color: whitesmoke;
height: 400px;
max-width: 100%;
overflow: hidden;
padding: 20px;
width: 800px;
}
small {
font-weight: 500;
}
ul {
display: flex;
flex-direction: row;
list-style: none;
padding: 0;
}
(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
/*
* quantize.js Copyright 2008 Nick Rabinowitz
* Ported to node.js by Olivier Lesnicki
* Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
*/
// fill out a couple protovis dependencies
/*
* Block below copied from Protovis: http://mbostock.github.com/protovis/
* Copyright 2010 Stanford Visualization Group
* Licensed under the BSD License: http://www.opensource.org/licenses/bsd-license.php
*/
if (!pv) {
var pv = {
map: function(array, f) {
var o = {};
return f ? array.map(function(d, i) {
o.index = i;
return f.call(o, d);
}) : array.slice();
},
naturalOrder: function(a, b) {
return (a < b) ? -1 : ((a > b) ? 1 : 0);
},
sum: function(array, f) {
var o = {};
return array.reduce(f ? function(p, d, i) {
o.index = i;
return p + f.call(o, d);
} : function(p, d) {
return p + d;
}, 0);
},
max: function(array, f) {
return Math.max.apply(null, f ? pv.map(array, f) : array);
}
}
}
/**
* Basic Javascript port of the MMCQ (modified median cut quantization)
* algorithm from the Leptonica library (http://www.leptonica.com/).
* Returns a color map you can use to map original pixels to the reduced
* palette. Still a work in progress.
*
* @author Nick Rabinowitz
* @example
// array of pixels as [R,G,B] arrays
var myPixels = [[190,197,190], [202,204,200], [207,214,210], [211,214,211], [205,207,207]
// etc
];
var maxColors = 4;
var cmap = MMCQ.quantize(myPixels, maxColors);
var newPalette = cmap.palette();
var newPixels = myPixels.map(function(p) {
return cmap.map(p);
});
*/
var MMCQ = (function() {
// private constants
var sigbits = 5,
rshift = 8 - sigbits,
maxIterations = 1000,
fractByPopulations = 0.75;
// get reduced-space color index for a pixel
function getColorIndex(r, g, b) {
return (r << (2 * sigbits)) + (g << sigbits) + b;
}
// Simple priority queue
function PQueue(comparator) {
var contents = [],
sorted = false;
function sort() {
contents.sort(comparator);
sorted = true;
}
return {
push: function(o) {
contents.push(o);
sorted = false;
},
peek: function(index) {
if (!sorted) sort();
if (index === undefined) index = contents.length - 1;
return contents[index];
},
pop: function() {
if (!sorted) sort();
return contents.pop();
},
size: function() {
return contents.length;
},
map: function(f) {
return contents.map(f);
},
debug: function() {
if (!sorted) sort();
return contents;
}
};
}
// 3d color space box
function VBox(r1, r2, g1, g2, b1, b2, histo) {
var vbox = this;
vbox.r1 = r1;
vbox.r2 = r2;
vbox.g1 = g1;
vbox.g2 = g2;
vbox.b1 = b1;
vbox.b2 = b2;
vbox.histo = histo;
}
VBox.prototype = {
volume: function(force) {
var vbox = this;
if (!vbox._volume || force) {
vbox._volume = ((vbox.r2 - vbox.r1 + 1) * (vbox.g2 - vbox.g1 + 1) * (vbox.b2 - vbox.b1 + 1));
}
return vbox._volume;
},
count: function(force) {
var vbox = this,
histo = vbox.histo;
if (!vbox._count_set || force) {
var npix = 0,
i, j, k;
for (i = vbox.r1; i <= vbox.r2; i++) {
for (j = vbox.g1; j <= vbox.g2; j++) {
for (k = vbox.b1; k <= vbox.b2; k++) {
index = getColorIndex(i, j, k);
npix += (histo[index] || 0);
}
}
}
vbox._count = npix;
vbox._count_set = true;
}
return vbox._count;
},
copy: function() {
var vbox = this;
return new VBox(vbox.r1, vbox.r2, vbox.g1, vbox.g2, vbox.b1, vbox.b2, vbox.histo);
},
avg: function(force) {
var vbox = this,
histo = vbox.histo;
if (!vbox._avg || force) {
var ntot = 0,
mult = 1 << (8 - sigbits),
rsum = 0,
gsum = 0,
bsum = 0,
hval,
i, j, k, histoindex;
for (i = vbox.r1; i <= vbox.r2; i++) {
for (j = vbox.g1; j <= vbox.g2; j++) {
for (k = vbox.b1; k <= vbox.b2; k++) {
histoindex = getColorIndex(i, j, k);
hval = histo[histoindex] || 0;
ntot += hval;
rsum += (hval * (i + 0.5) * mult);
gsum += (hval * (j + 0.5) * mult);
bsum += (hval * (k + 0.5) * mult);
}
}
}
if (ntot) {
vbox._avg = [~~(rsum / ntot), ~~ (gsum / ntot), ~~ (bsum / ntot)];
} else {
//console.log('empty box');
vbox._avg = [~~(mult * (vbox.r1 + vbox.r2 + 1) / 2), ~~ (mult * (vbox.g1 + vbox.g2 + 1) / 2), ~~ (mult * (vbox.b1 + vbox.b2 + 1) / 2)];
}
}
return vbox._avg;
},
contains: function(pixel) {
var vbox = this,
rval = pixel[0] >> rshift;
gval = pixel[1] >> rshift;
bval = pixel[2] >> rshift;
return (rval >= vbox.r1 && rval <= vbox.r2 &&
gval >= vbox.g1 && gval <= vbox.g2 &&
bval >= vbox.b1 && bval <= vbox.b2);
}
};
// Color map
function CMap() {
this.vboxes = new PQueue(function(a, b) {
return pv.naturalOrder(
a.vbox.count() * a.vbox.volume(),
b.vbox.count() * b.vbox.volume()
)
});;
}
CMap.prototype = {
push: function(vbox) {
this.vboxes.push({
vbox: vbox,
color: vbox.avg()
});
},
palette: function() {
return this.vboxes.map(function(vb) {
return vb.color
});
},
size: function() {
return this.vboxes.size();
},
map: function(color) {
var vboxes = this.vboxes;
for (var i = 0; i < vboxes.size(); i++) {
if (vboxes.peek(i).vbox.contains(color)) {
return vboxes.peek(i).color;
}
}
return this.nearest(color);
},
nearest: function(color) {
var vboxes = this.vboxes,
d1, d2, pColor;
for (var i = 0; i < vboxes.size(); i++) {
d2 = Math.sqrt(
Math.pow(color[0] - vboxes.peek(i).color[0], 2) +
Math.pow(color[1] - vboxes.peek(i).color[1], 2) +
Math.pow(color[2] - vboxes.peek(i).color[2], 2)
);
if (d2 < d1 || d1 === undefined) {
d1 = d2;
pColor = vboxes.peek(i).color;
}
}
return pColor;
},
forcebw: function() {
// XXX: won't work yet
var vboxes = this.vboxes;
vboxes.sort(function(a, b) {
return pv.naturalOrder(pv.sum(a.color), pv.sum(b.color))
});
// force darkest color to black if everything < 5
var lowest = vboxes[0].color;
if (lowest[0] < 5 && lowest[1] < 5 && lowest[2] < 5)
vboxes[0].color = [0, 0, 0];
// force lightest color to white if everything > 251
var idx = vboxes.length - 1,
highest = vboxes[idx].color;
if (highest[0] > 251 && highest[1] > 251 && highest[2] > 251)
vboxes[idx].color = [255, 255, 255];
}
};
// histo (1-d array, giving the number of pixels in
// each quantized region of color space), or null on error
function getHisto(pixels) {
var histosize = 1 << (3 * sigbits),
histo = new Array(histosize),
index, rval, gval, bval;
pixels.forEach(function(pixel) {
rval = pixel[0] >> rshift;
gval = pixel[1] >> rshift;
bval = pixel[2] >> rshift;
index = getColorIndex(rval, gval, bval);
histo[index] = (histo[index] || 0) + 1;
});
return histo;
}
function vboxFromPixels(pixels, histo) {
var rmin = 1000000,
rmax = 0,
gmin = 1000000,
gmax = 0,
bmin = 1000000,
bmax = 0,
rval, gval, bval;
// find min/max
pixels.forEach(function(pixel) {
rval = pixel[0] >> rshift;
gval = pixel[1] >> rshift;
bval = pixel[2] >> rshift;
if (rval < rmin) rmin = rval;
else if (rval > rmax) rmax = rval;
if (gval < gmin) gmin = gval;
else if (gval > gmax) gmax = gval;
if (bval < bmin) bmin = bval;
else if (bval > bmax) bmax = bval;
});
return new VBox(rmin, rmax, gmin, gmax, bmin, bmax, histo);
}
function medianCutApply(histo, vbox) {
if (!vbox.count()) return;
var rw = vbox.r2 - vbox.r1 + 1,
gw = vbox.g2 - vbox.g1 + 1,
bw = vbox.b2 - vbox.b1 + 1,
maxw = pv.max([rw, gw, bw]);
// only one pixel, no split
if (vbox.count() == 1) {
return [vbox.copy()]
}
/* Find the partial sum arrays along the selected axis. */
var total = 0,
partialsum = [],
lookaheadsum = [],
i, j, k, sum, index;
if (maxw == rw) {
for (i = vbox.r1; i <= vbox.r2; i++) {
sum = 0;
for (j = vbox.g1; j <= vbox.g2; j++) {
for (k = vbox.b1; k <= vbox.b2; k++) {
index = getColorIndex(i, j, k);
sum += (histo[index] || 0);
}
}
total += sum;
partialsum[i] = total;
}
} else if (maxw == gw) {
for (i = vbox.g1; i <= vbox.g2; i++) {
sum = 0;
for (j = vbox.r1; j <= vbox.r2; j++) {
for (k = vbox.b1; k <= vbox.b2; k++) {
index = getColorIndex(j, i, k);
sum += (histo[index] || 0);
}
}
total += sum;
partialsum[i] = total;
}
} else { /* maxw == bw */
for (i = vbox.b1; i <= vbox.b2; i++) {
sum = 0;
for (j = vbox.r1; j <= vbox.r2; j++) {
for (k = vbox.g1; k <= vbox.g2; k++) {
index = getColorIndex(j, k, i);
sum += (histo[index] || 0);
}
}
total += sum;
partialsum[i] = total;
}
}
partialsum.forEach(function(d, i) {
lookaheadsum[i] = total - d
});
function doCut(color) {
var dim1 = color + '1',
dim2 = color + '2',
left, right, vbox1, vbox2, d2, count2 = 0;
for (i = vbox[dim1]; i <= vbox[dim2]; i++) {
if (partialsum[i] > total / 2) {
vbox1 = vbox.copy();
vbox2 = vbox.copy();
left = i - vbox[dim1];
right = vbox[dim2] - i;
if (left <= right)
d2 = Math.min(vbox[dim2] - 1, ~~ (i + right / 2));
else d2 = Math.max(vbox[dim1], ~~ (i - 1 - left / 2));
// avoid 0-count boxes
while (!partialsum[d2]) d2++;
count2 = lookaheadsum[d2];
while (!count2 && partialsum[d2 - 1]) count2 = lookaheadsum[--d2];
// set dimensions
vbox1[dim2] = d2;
vbox2[dim1] = vbox1[dim2] + 1;
// console.log('vbox counts:', vbox.count(), vbox1.count(), vbox2.count());
return [vbox1, vbox2];
}
}
}
// determine the cut planes
return maxw == rw ? doCut('r') :
maxw == gw ? doCut('g') :
doCut('b');
}
function quantize(pixels, maxcolors) {
// short-circuit
if (!pixels.length || maxcolors < 2 || maxcolors > 256) {
// console.log('wrong number of maxcolors');
return false;
}
// XXX: check color content and convert to grayscale if insufficient
var histo = getHisto(pixels),
histosize = 1 << (3 * sigbits);
// check that we aren't below maxcolors already
var nColors = 0;
histo.forEach(function() {
nColors++
});
if (nColors <= maxcolors) {
// XXX: generate the new colors from the histo and return
}
// get the beginning vbox from the colors
var vbox = vboxFromPixels(pixels, histo),
pq = new PQueue(function(a, b) {
return pv.naturalOrder(a.count(), b.count())
});
pq.push(vbox);
// inner function to do the iteration
function iter(lh, target) {
var ncolors = 1,
niters = 0,
vbox;
while (niters < maxIterations) {
vbox = lh.pop();
if (!vbox.count()) { /* just put it back */
lh.push(vbox);
niters++;
continue;
}
// do the cut
var vboxes = medianCutApply(histo, vbox),
vbox1 = vboxes[0],
vbox2 = vboxes[1];
if (!vbox1) {
// console.log("vbox1 not defined; shouldn't happen!");
return;
}
lh.push(vbox1);
if (vbox2) { /* vbox2 can be null */
lh.push(vbox2);
ncolors++;
}
if (ncolors >= target) return;
if (niters++ > maxIterations) {
// console.log("infinite loop; perhaps too few pixels!");
return;
}
}
}
// first set of colors, sorted by population
iter(pq, fractByPopulations * maxcolors);
// console.log(pq.size(), pq.debug().length, pq.debug().slice());
// Re-sort by the product of pixel occupancy times the size in color space.
var pq2 = new PQueue(function(a, b) {
return pv.naturalOrder(a.count() * a.volume(), b.count() * b.volume())
});
while (pq.size()) {
pq2.push(pq.pop());
}
// next set - generate the median cuts using the (npix * vol) sorting.
iter(pq2, maxcolors - pq2.size());
// calculate the actual colors
var cmap = new CMap();
while (pq2.size()) {
cmap.push(pq2.pop());
}
return cmap;
}
return {
quantize: quantize
}
})();
module.exports = MMCQ.quantize
},{}],2:[function(require,module,exports){
/*
Vibrant.js
by Jari Zwarts
Color algorithm class that finds variations on colors in an image.
Credits
--------
Lokesh Dhakar (http://www.lokeshdhakar.com) - Created ColorThief
Google - Palette support library in Android
*/
(function() {
var CanvasImage, Swatch, Vibrant,
bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
slice = [].slice;
window.Swatch = Swatch = (function() {
Swatch.prototype.hsl = void 0;
Swatch.prototype.rgb = void 0;
Swatch.prototype.population = 1;
Swatch.yiq = 0;
function Swatch(rgb, population) {
this.rgb = rgb;
this.population = population;
}
Swatch.prototype.getHsl = function() {
if (!this.hsl) {
return this.hsl = Vibrant.rgbToHsl(this.rgb[0], this.rgb[1], this.rgb[2]);
} else {
return this.hsl;
}
};
Swatch.prototype.getPopulation = function() {
return this.population;
};
Swatch.prototype.getRgb = function() {
return this.rgb;
};
Swatch.prototype.getHex = function() {
return "#" + ((1 << 24) + (this.rgb[0] << 16) + (this.rgb[1] << 8) + this.rgb[2]).toString(16).slice(1, 7);
};
Swatch.prototype.getTitleTextColor = function() {
this._ensureTextColors();
if (this.yiq < 200) {
return "#fff";
} else {
return "#000";
}
};
Swatch.prototype.getBodyTextColor = function() {
this._ensureTextColors();
if (this.yiq < 150) {
return "#fff";
} else {
return "#000";
}
};
Swatch.prototype._ensureTextColors = function() {
if (!this.yiq) {
return this.yiq = (this.rgb[0] * 299 + this.rgb[1] * 587 + this.rgb[2] * 114) / 1000;
}
};
return Swatch;
})();
window.Vibrant = Vibrant = (function() {
Vibrant.prototype.quantize = require('quantize');
Vibrant.prototype._swatches = [];
Vibrant.prototype.TARGET_DARK_LUMA = 0.26;
Vibrant.prototype.MAX_DARK_LUMA = 0.45;
Vibrant.prototype.MIN_LIGHT_LUMA = 0.55;
Vibrant.prototype.TARGET_LIGHT_LUMA = 0.74;
Vibrant.prototype.MIN_NORMAL_LUMA = 0.3;
Vibrant.prototype.TARGET_NORMAL_LUMA = 0.5;
Vibrant.prototype.MAX_NORMAL_LUMA = 0.7;
Vibrant.prototype.TARGET_MUTED_SATURATION = 0.3;
Vibrant.prototype.MAX_MUTED_SATURATION = 0.4;
Vibrant.prototype.TARGET_VIBRANT_SATURATION = 1;
Vibrant.prototype.MIN_VIBRANT_SATURATION = 0.35;
Vibrant.prototype.WEIGHT_SATURATION = 3;
Vibrant.prototype.WEIGHT_LUMA = 6;
Vibrant.prototype.WEIGHT_POPULATION = 1;
Vibrant.prototype.VibrantSwatch = void 0;
Vibrant.prototype.MutedSwatch = void 0;
Vibrant.prototype.DarkVibrantSwatch = void 0;
Vibrant.prototype.DarkMutedSwatch = void 0;
Vibrant.prototype.LightVibrantSwatch = void 0;
Vibrant.prototype.LightMutedSwatch = void 0;
Vibrant.prototype.HighestPopulation = 0;
function Vibrant(sourceImage, colorCount, quality) {
this.swatches = bind(this.swatches, this);
var a, allPixels, b, cmap, g, i, image, imageData, offset, pixelCount, pixels, r;
if (typeof colorCount === 'undefined') {
colorCount = 64;
}
if (typeof quality === 'undefined') {
quality = 5;
}
image = new CanvasImage(sourceImage);
try {
imageData = image.getImageData();
pixels = imageData.data;
pixelCount = image.getPixelCount();
allPixels = [];
i = 0;
while (i < pixelCount) {
offset = i * 4;
r = pixels[offset + 0];
g = pixels[offset + 1];
b = pixels[offset + 2];
a = pixels[offset + 3];
if (a >= 125) {
if (!(r > 250 && g > 250 && b > 250)) {
allPixels.push([r, g, b]);
}
}
i = i + quality;
}
cmap = this.quantize(allPixels, colorCount);
this._swatches = cmap.vboxes.map((function(_this) {
return function(vbox) {
return new Swatch(vbox.color, vbox.vbox.count());
};
})(this));
this.maxPopulation = this.findMaxPopulation;
this.generateVarationColors();
this.generateEmptySwatches();
} finally {
image.removeCanvas();
}
}
Vibrant.prototype.generateVarationColors = function() {
this.VibrantSwatch = this.findColorVariation(this.TARGET_NORMAL_LUMA, this.MIN_NORMAL_LUMA, this.MAX_NORMAL_LUMA, this.TARGET_VIBRANT_SATURATION, this.MIN_VIBRANT_SATURATION, 1);
this.LightVibrantSwatch = this.findColorVariation(this.TARGET_LIGHT_LUMA, this.MIN_LIGHT_LUMA, 1, this.TARGET_VIBRANT_SATURATION, this.MIN_VIBRANT_SATURATION, 1);
this.DarkVibrantSwatch = this.findColorVariation(this.TARGET_DARK_LUMA, 0, this.MAX_DARK_LUMA, this.TARGET_VIBRANT_SATURATION, this.MIN_VIBRANT_SATURATION, 1);
this.MutedSwatch = this.findColorVariation(this.TARGET_NORMAL_LUMA, this.MIN_NORMAL_LUMA, this.MAX_NORMAL_LUMA, this.TARGET_MUTED_SATURATION, 0, this.MAX_MUTED_SATURATION);
this.LightMutedSwatch = this.findColorVariation(this.TARGET_LIGHT_LUMA, this.MIN_LIGHT_LUMA, 1, this.TARGET_MUTED_SATURATION, 0, this.MAX_MUTED_SATURATION);
return this.DarkMutedSwatch = this.findColorVariation(this.TARGET_DARK_LUMA, 0, this.MAX_DARK_LUMA, this.TARGET_MUTED_SATURATION, 0, this.MAX_MUTED_SATURATION);
};
Vibrant.prototype.generateEmptySwatches = function() {
var hsl;
if (this.VibrantSwatch === void 0) {
if (this.DarkVibrantSwatch !== void 0) {
hsl = this.DarkVibrantSwatch.getHsl();
hsl[2] = this.TARGET_NORMAL_LUMA;
this.VibrantSwatch = new Swatch(Vibrant.hslToRgb(hsl[0], hsl[1], hsl[2]), 0);
}
}
if (this.DarkVibrantSwatch === void 0) {
if (this.VibrantSwatch !== void 0) {
hsl = this.VibrantSwatch.getHsl();
hsl[2] = this.TARGET_DARK_LUMA;
return this.DarkVibrantSwatch = new Swatch(Vibrant.hslToRgb(hsl[0], hsl[1], hsl[2]), 0);
}
}
};
Vibrant.prototype.findMaxPopulation = function() {
var j, len, population, ref, swatch;
population = 0;
ref = this._swatches;
for (j = 0, len = ref.length; j < len; j++) {
swatch = ref[j];
population = Math.max(population, swatch.getPopulation());
}
return population;
};
Vibrant.prototype.findColorVariation = function(targetLuma, minLuma, maxLuma, targetSaturation, minSaturation, maxSaturation) {
var j, len, luma, max, maxValue, ref, sat, swatch, value;
max = void 0;
maxValue = 0;
ref = this._swatches;
for (j = 0, len = ref.length; j < len; j++) {
swatch = ref[j];
sat = swatch.getHsl()[1];
luma = swatch.getHsl()[2];
if (sat >= minSaturation && sat <= maxSaturation && luma >= minLuma && luma <= maxLuma && !this.isAlreadySelected(swatch)) {
value = this.createComparisonValue(sat, targetSaturation, luma, targetLuma, swatch.getPopulation(), this.HighestPopulation);
if (max === void 0 || value > maxValue) {
max = swatch;
maxValue = value;
}
}
}
return max;
};
Vibrant.prototype.createComparisonValue = function(saturation, targetSaturation, luma, targetLuma, population, maxPopulation) {
return this.weightedMean(this.invertDiff(saturation, targetSaturation), this.WEIGHT_SATURATION, this.invertDiff(luma, targetLuma), this.WEIGHT_LUMA, population / maxPopulation, this.WEIGHT_POPULATION);
};
Vibrant.prototype.invertDiff = function(value, targetValue) {
return 1 - Math.abs(value - targetValue);
};
Vibrant.prototype.weightedMean = function() {
var i, sum, sumWeight, value, values, weight;
values = 1 <= arguments.length ? slice.call(arguments, 0) : [];
sum = 0;
sumWeight = 0;
i = 0;
while (i < values.length) {
value = values[i];
weight = values[i + 1];
sum += value * weight;
sumWeight += weight;
i += 2;
}
return sum / sumWeight;
};
Vibrant.prototype.swatches = function() {
return {
Vibrant: this.VibrantSwatch,
Muted: this.MutedSwatch,
DarkVibrant: this.DarkVibrantSwatch,
DarkMuted: this.DarkMutedSwatch,
LightVibrant: this.LightVibrantSwatch,
LightMuted: this.LightMuted
};
};
Vibrant.prototype.isAlreadySelected = function(swatch) {
return this.VibrantSwatch === swatch || this.DarkVibrantSwatch === swatch || this.LightVibrantSwatch === swatch || this.MutedSwatch === swatch || this.DarkMutedSwatch === swatch || this.LightMutedSwatch === swatch;
};
Vibrant.rgbToHsl = function(r, g, b) {
var d, h, l, max, min, s;
r /= 255;
g /= 255;
b /= 255;
max = Math.max(r, g, b);
min = Math.min(r, g, b);
h = void 0;
s = void 0;
l = (max + min) / 2;
if (max === min) {
h = s = 0;
} else {
d = max - min;
s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
switch (max) {
case r:
h = (g - b) / d + (g < b ? 6 : 0);
break;
case g:
h = (b - r) / d + 2;
break;
case b:
h = (r - g) / d + 4;
}
h /= 6;
}
return [h, s, l];
};
Vibrant.hslToRgb = function(h, s, l) {
var b, g, hue2rgb, p, q, r;
r = void 0;
g = void 0;
b = void 0;
hue2rgb = function(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;
};
if (s === 0) {
r = g = b = l;
} else {
q = l < 0.5 ? l * (1 + s) : l + s - (l * s);
p = 2 * l - q;
r = hue2rgb(p, q, h + 1 / 3);
g = hue2rgb(p, q, h);
b = hue2rgb(p, q, h - (1 / 3));
}
return [r * 255, g * 255, b * 255];
};
return Vibrant;
})();
/*
CanvasImage Class
Class that wraps the html image element and canvas.
It also simplifies some of the canvas context manipulation
with a set of helper functions.
Stolen from https://github.com/lokesh/color-thief
*/
window.CanvasImage = CanvasImage = (function() {
function CanvasImage(image) {
this.canvas = document.createElement('canvas');
this.context = this.canvas.getContext('2d');
document.body.appendChild(this.canvas);
this.width = this.canvas.width = image.width;
this.height = this.canvas.height = image.height;
this.context.drawImage(image, 0, 0, this.width, this.height);
}
CanvasImage.prototype.clear = function() {
return this.context.clearRect(0, 0, this.width, this.height);
};
CanvasImage.prototype.update = function(imageData) {
return this.context.putImageData(imageData, 0, 0);
};
CanvasImage.prototype.getPixelCount = function() {
return this.width * this.height;
};
CanvasImage.prototype.getImageData = function() {
return this.context.getImageData(0, 0, this.width, this.height);
};
CanvasImage.prototype.removeCanvas = function() {
return this.canvas.parentNode.removeChild(this.canvas);
};
return CanvasImage;
})();
}).call(this);
},{"quantize":1}]},{},[2]);