1
0
forked from 0ad/0ad

Cleanup color.js

Move some shared color-code to color.js.
Remove shuffleArray() as it's unused since bbc325fb5a.
Add JSdoc comments and use let.

This was SVN commit r17466.
This commit is contained in:
elexis 2015-12-14 03:53:48 +00:00
parent 6e80288d30
commit 4dbc9b8b1d
4 changed files with 72 additions and 52 deletions

View File

@ -1,5 +1,53 @@
/**
* Concatenate integer color values to a string (for use in GUI objects)
*
* @param {Object} color
* @param {number} alpha
* @returns {string}
*/
function rgbToGuiColor(color, alpha)
{
let ret = "0 0 0";
if (color && ("r" in color) && ("g" in color) && ("b" in color))
ret = color.r + " " + color.g + " " + color.b;
if (alpha)
ret += " " + alpha;
return ret;
}
/**
* True if the colors are identical.
*
* @param {Object} color1
* @param {Object} color2
* @returns {boolean}
*/
function sameColor(color1, color2)
{
return color1.r === color2.r && color1.g === color2.g && color1.b === color2.b;
}
/**
* Computes the euclidian distance between the two colors.
* The smaller the return value, the close the colors. Zero if identical.
*
* @param {Object} color1
* @param {Object} color2
* @returns {number}
*/
function colorDistance(color1, color2)
{
return Math.sqrt(Math.pow(color2.r - color1.r, 2) + Math.pow(color2.g - color1.g, 2) + Math.pow(color2.b - color1.b, 2));
}
/**
* Ensure `value` is between 0 and 1.
*
* @param {number} value
* @returns {number}
*/
function clampColorValue(value)
{
@ -7,21 +55,27 @@ function clampColorValue(value)
}
/**
* See http://stackoverflow.com/questions/2353211/hsl-to-rgb-color-conversion
* Convert color value from RGB to HSL space.
*
* @see {@link http://stackoverflow.com/questions/2353211/hsl-to-rgb-color-conversion}
* @param {number} r - red
* @param {number} g - green
* @param {number} b - blue
* @returns {Array}
*/
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;
let max = Math.max(r, g, b), min = Math.min(r, g, b);
let h, s, l = (max + min) / 2;
if (max == min)
h = s = 0; // achromatic
else
{
var d = max - min;
let d = max - min;
s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
switch (max)
{
@ -35,6 +89,15 @@ function rgbToHsl(r, g, b)
return [h, s, l];
}
/**
* Convert color value from HSL to RGB space.
*
* @see {@link http://stackoverflow.com/questions/2353211/hsl-to-rgb-color-conversion}
* @param {number} h - hueness
* @param {number} s - saturation
* @param {number} l - lightness
* @returns {Array}
*/
function hslToRgb(h, s, l)
{
function hue2rgb(p, q, t)
@ -48,13 +111,12 @@ function hslToRgb(h, s, l)
}
[h, s, l] = [h, s, l].map(clampColorValue);
var r, g, b;
let r, g, b;
if (s == 0)
r = g = b = l; // achromatic
else {
var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
let q = l < 0.5 ? l * (1 + s) : l + s - l * s;
let p = 2 * l - q;
r = hue2rgb(p, q, h + 1/3);
g = hue2rgb(p, q, h);
b = hue2rgb(p, q, h - 1/3);

View File

@ -31,7 +31,6 @@ function getXMLFileList(pathname)
return result;
}
// Get list of JSON files in pathname
function getJSONFileList(pathname)
{
var files = Engine.BuildDirEntList(pathname, "*.json", false);
@ -99,33 +98,6 @@ function setMapPreviewImage(guiObject, filename)
Engine.GetGUIObjectByName(guiObject).sprite = "cropped:" + 400/512+ "," + 300/512 + ":session/icons/mappreview/" + filename;
}
// Convert integer color values to string (for use in GUI objects)
function rgbToGuiColor(color, alpha)
{
var ret;
if (color && ("r" in color) && ("g" in color) && ("b" in color))
ret = color.r + " " + color.g + " " + color.b;
else
ret = "0 0 0";
if (alpha)
ret += " " + alpha;
return ret;
}
function sameColor(color1, color2)
{
return color1.r === color2.r && color1.g === color2.g && color1.b === color2.b;
}
/**
* Computes the euclidian distance between the two colors.
* The smaller the return value, the close the colors. Zero if identical.
*/
function colorDistance(color1, color2)
{
return Math.sqrt(Math.pow(color2.r - color1.r, 2) + Math.pow(color2.g - color1.g, 2) + Math.pow(color2.b - color1.b, 2));
}
/**
* Convert time in milliseconds to [hh:]mm:ss string representation.
* @param time Time period in milliseconds (integer)
@ -151,22 +123,6 @@ function removeDupes(array)
}
}
// "Inside-out" implementation of Fisher-Yates shuffle
function shuffleArray(source)
{
if (!source.length)
return [];
var result = [source[0]];
for (var i = 1; i < source.length; ++i)
{
var j = Math.floor(Math.random() * i);
result[i] = result[j];
result[j] = source[i];
}
return result;
}
// Filter out conflicting characters and limit the length of a given name.
// @param name Name to be filtered.
// @param stripUnicode Whether or not to remove unicode characters.

View File

@ -3,6 +3,7 @@
<objects>
<!-- Used to display game info. -->
<script file="gui/common/color.js" />
<script file="gui/common/functions_civinfo.js" />
<script file="gui/common/functions_utility.js" />
<script file="gui/common/settings.js" />

View File

@ -2,6 +2,7 @@
<objects>
<script file="gui/common/color.js"/>
<script file="gui/common/colorFades.js"/>
<script file="gui/common/functions_civinfo.js"/>
<script file="gui/common/functions_global_object.js"/>