--- a/annot-server/static/js/randomColor.js Mon Jan 12 14:08:09 2015 +0100
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,361 +0,0 @@
-;(function(root, factory) {
-
- // Support AMD
- if (typeof define === 'function' && define.amd) {
- define([], factory);
-
- // Support CommonJS
- } else if (typeof exports === 'object') {
- var randomColor = factory();
-
- // Support NodeJS & Component, which allow module.exports to be a function
- if (typeof module === 'object' && module && module.exports) {
- exports = module.exports = randomColor;
- }
-
- // Support CommonJS 1.1.1 spec
- exports.randomColor = randomColor;
-
- // Support vanilla script loading
- } else {
- root.randomColor = factory();
- };
-
-}(this, function() {
-
- // Shared color dictionary
- var colorDictionary = {};
-
- // Populate the color dictionary
- loadColorBounds();
-
- var randomColor = function(options) {
- options = options || {};
-
- var H,S,B;
-
- // Check if we need to generate multiple colors
- if (options.count) {
-
- var totalColors = options.count,
- colors = [];
-
- options.count = false;
-
- while (totalColors > colors.length) {
- colors.push(randomColor(options));
- }
-
- return colors;
- }
-
- // First we pick a hue (H)
- H = pickHue(options);
-
- // Then use H to determine saturation (S)
- S = pickSaturation(H, options);
-
- // Then use S and H to determine brightness (B).
- B = pickBrightness(H, S, options);
-
- // Then we return the HSB color in the desired format
- return setFormat([H,S,B], options);
- };
-
- function pickHue (options) {
-
- var hueRange = getHueRange(options.hue),
- hue = randomWithin(hueRange);
-
- // Instead of storing red as two seperate ranges,
- // we group them, using negative numbers
- if (hue < 0) {hue = 360 + hue}
-
- return hue;
-
- }
-
- function pickSaturation (hue, options) {
-
- if (options.luminosity === 'random') {
- return randomWithin([0,100]);
- }
-
- if (options.hue === 'monochrome') {
- return 0;
- }
-
- var saturationRange = getSaturationRange(hue);
-
- var sMin = saturationRange[0],
- sMax = saturationRange[1];
-
- switch (options.luminosity) {
-
- case 'bright':
- sMin = 55;
- break;
-
- case 'dark':
- sMin = sMax - 10;
- break;
-
- case 'light':
- sMax = 55;
- break;
- }
-
- return randomWithin([sMin, sMax]);
-
- }
-
- function pickBrightness (H, S, options) {
-
- var brightness,
- bMin = getMinimumBrightness(H, S),
- bMax = 100;
-
- switch (options.luminosity) {
-
- case 'dark':
- bMax = bMin + 20;
- break;
-
- case 'light':
- bMin = (bMax + bMin)/2;
- break;
-
- case 'random':
- bMin = 0;
- bMax = 100;
- break;
- }
-
- return randomWithin([bMin, bMax]);
-
- }
-
- function setFormat (hsv, options) {
-
- switch (options.format) {
-
- case 'hsvArray':
- return hsv;
-
- case 'hsv':
- return colorString('hsv', hsv);
-
- case 'rgbArray':
- return HSVtoRGB(hsv);
-
- case 'rgb':
- return colorString('rgb', HSVtoRGB(hsv));
-
- default:
- return HSVtoHex(hsv);
- }
-
- }
-
- function getMinimumBrightness(H, S) {
-
- var lowerBounds = getColorInfo(H).lowerBounds;
-
- for (var i = 0; i < lowerBounds.length - 1; i++) {
-
- var s1 = lowerBounds[i][0],
- v1 = lowerBounds[i][1];
-
- var s2 = lowerBounds[i+1][0],
- v2 = lowerBounds[i+1][1];
-
- if (S >= s1 && S <= s2) {
-
- var m = (v2 - v1)/(s2 - s1),
- b = v1 - m*s1;
-
- return m*S + b;
- }
-
- }
-
- return 0;
- }
-
- function getHueRange (colorInput) {
-
- if (typeof parseInt(colorInput) === 'number') {
-
- var number = parseInt(colorInput);
-
- if (number < 360 && number > 0) {
- return [number, number];
- }
-
- }
-
- if (typeof colorInput === 'string') {
-
- if (colorDictionary[colorInput]) {
- var color = colorDictionary[colorInput];
- if (color.hueRange) {return color.hueRange}
- }
- }
-
- return [0,360];
-
- }
-
- function getSaturationRange (hue) {
- return getColorInfo(hue).saturationRange;
- }
-
- function getColorInfo (hue) {
-
- // Maps red colors to make picking hue easier
- if (hue >= 334 && hue <= 360) {
- hue-= 360;
- }
-
- for (var colorName in colorDictionary) {
- var color = colorDictionary[colorName];
- if (color.hueRange &&
- hue >= color.hueRange[0] &&
- hue <= color.hueRange[1]) {
- return colorDictionary[colorName];
- }
- } return 'Color not found';
- }
-
- function randomWithin (range) {
- return Math.floor(range[0] + Math.random()*(range[1] + 1 - range[0]));
- }
-
- function shiftHue (h, degrees) {
- return (h + degrees)%360;
- }
-
- function HSVtoHex (hsv){
-
- var rgb = HSVtoRGB(hsv);
-
- function componentToHex(c) {
- var hex = c.toString(16);
- return hex.length == 1 ? "0" + hex : hex;
- }
-
- var hex = "#" + componentToHex(rgb[0]) + componentToHex(rgb[1]) + componentToHex(rgb[2]);
-
- return hex;
-
- }
-
- function defineColor (name, hueRange, lowerBounds) {
-
- var sMin = lowerBounds[0][0],
- sMax = lowerBounds[lowerBounds.length - 1][0],
-
- bMin = lowerBounds[lowerBounds.length - 1][1],
- bMax = lowerBounds[0][1];
-
- colorDictionary[name] = {
- hueRange: hueRange,
- lowerBounds: lowerBounds,
- saturationRange: [sMin, sMax],
- brightnessRange: [bMin, bMax]
- };
-
- }
-
- function loadColorBounds () {
-
- defineColor(
- 'monochrome',
- null,
- [[0,0],[100,0]]
- );
-
- defineColor(
- 'red',
- [-26,18],
- [[20,100],[30,92],[40,89],[50,85],[60,78],[70,70],[80,60],[90,55],[100,50]]
- );
-
- defineColor(
- 'orange',
- [19,46],
- [[20,100],[30,93],[40,88],[50,86],[60,85],[70,70],[100,70]]
- );
-
- defineColor(
- 'yellow',
- [47,62],
- [[25,100],[40,94],[50,89],[60,86],[70,84],[80,82],[90,80],[100,75]]
- );
-
- defineColor(
- 'green',
- [63,158],
- [[30,100],[40,90],[50,85],[60,81],[70,74],[80,64],[90,50],[100,40]]
- );
-
- defineColor(
- 'blue',
- [159, 257],
- [[20,100],[30,86],[40,80],[50,74],[60,60],[70,52],[80,44],[90,39],[100,35]]
- );
-
- defineColor(
- 'purple',
- [258, 282],
- [[20,100],[30,87],[40,79],[50,70],[60,65],[70,59],[80,52],[90,45],[100,42]]
- );
-
- defineColor(
- 'pink',
- [283, 334],
- [[20,100],[30,90],[40,86],[60,84],[80,80],[90,75],[100,73]]
- );
-
- }
-
- function HSVtoRGB (hsv) {
-
- // this doesn't work for the values of 0 and 360
- // here's the hacky fix
- var h = hsv[0];
- if (h === 0) {h = 1}
- if (h === 360) {h = 359}
-
- // Rebase the h,s,v values
- h = h/360;
- var s = hsv[1]/100,
- v = hsv[2]/100;
-
- var h_i = Math.floor(h*6),
- f = h * 6 - h_i,
- p = v * (1 - s),
- q = v * (1 - f*s),
- t = v * (1 - (1 - f)*s),
- r = 256,
- g = 256,
- b = 256;
-
- switch(h_i) {
- case 0: r = v, g = t, b = p; break;
- case 1: r = q, g = v, b = p; break;
- case 2: r = p, g = v, b = t; break;
- case 3: r = p, g = q, b = v; break;
- case 4: r = t, g = p, b = v; break;
- case 5: r = v, g = p, b = q; break;
- }
- var result = [Math.floor(r*255), Math.floor(g*255), Math.floor(b*255)];
- return result;
- }
-
- function colorString (prefix, values) {
- return prefix + '(' + values.join(', ') + ')';
- }
-
- return randomColor;
-}));
\ No newline at end of file