From 52b8720d370a5d95444cb7abf9a2b459769a3b8d Mon Sep 17 00:00:00 2001 From: Pete Richards Date: Wed, 12 Aug 2015 16:17:20 -0700 Subject: [PATCH] ColorPalette dispenses colors. --- .../features/plot-reborn/src/ColorPalette.js | 136 ++++++++++++++++++ 1 file changed, 136 insertions(+) create mode 100644 platform/features/plot-reborn/src/ColorPalette.js diff --git a/platform/features/plot-reborn/src/ColorPalette.js b/platform/features/plot-reborn/src/ColorPalette.js new file mode 100644 index 0000000000..ddc3b23476 --- /dev/null +++ b/platform/features/plot-reborn/src/ColorPalette.js @@ -0,0 +1,136 @@ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ + +/*global define*/ +define( + function () { + 'use strict'; + + var COLOR_PALETTE = [ + [ 0x20, 0xB2, 0xAA ], + [ 0x9A, 0xCD, 0x32 ], + [ 0xFF, 0x8C, 0x00 ], + [ 0xD2, 0xB4, 0x8C ], + [ 0x40, 0xE0, 0xD0 ], + [ 0x41, 0x69, 0xFF ], + [ 0xFF, 0xD7, 0x00 ], + [ 0x6A, 0x5A, 0xCD ], + [ 0xEE, 0x82, 0xEE ], + [ 0xCC, 0x99, 0x66 ], + [ 0x99, 0xCC, 0xCC ], + [ 0x66, 0xCC, 0x33 ], + [ 0xFF, 0xCC, 0x00 ], + [ 0xFF, 0x66, 0x33 ], + [ 0xCC, 0x66, 0xFF ], + [ 0xFF, 0x00, 0x66 ], + [ 0xFF, 0xFF, 0x00 ], + [ 0x80, 0x00, 0x80 ], + [ 0x00, 0x86, 0x8B ], + [ 0x00, 0x8A, 0x00 ], + [ 0xFF, 0x00, 0x00 ], + [ 0x00, 0x00, 0xFF ], + [ 0xF5, 0xDE, 0xB3 ], + [ 0xBC, 0x8F, 0x8F ], + [ 0x46, 0x82, 0xB4 ], + [ 0xFF, 0xAF, 0xAF ], + [ 0x43, 0xCD, 0x80 ], + [ 0xCD, 0xC1, 0xC5 ], + [ 0xA0, 0x52, 0x2D ], + [ 0x64, 0x95, 0xED ] + ]; + + /** + * A representation of a color that allows conversions between different + * formats. + * + * @constructor + */ + function Color(integerArray) { + this.integerArray = integerArray; + } + + /** + * Return color as a three element array of RGB values, where each value + * is a integer in the range of 0-255. + * + * @return {number[]} the color, as integer RGB values + */ + Color.prototype.asIntegerArray = function () { + return this.integerArray.map(function (c) { + return c; + }); + }; + + /** + * Return color as a string using #-prefixed six-digit RGB hex notation + * (e.g. #FF0000). See http://www.w3.org/TR/css3-color/#rgb-color. + * + * @return {string} the color, as a style-friendly string + */ + + Color.prototype.asHexString = function () { + return '#' + this.integerArray.map(function (c) { + return (c < 16 ? '0' : '') + c.toString(16); + }).join(''); + }; + + /** + * Return color as a RGBA float array. + * + * This format is present specifically to support use with + * WebGL, which expects colors of that form. + * + * @return {number[]} the color, as floating-point RGBA values + */ + Color.prototype.asRGBAArray = function () { + return this.integerArray.map(function (c) { + return c / 255.0; + }).concat([1]); + }; + + /** + * A color palette which returns colors from a predefined palette. + * When all colors in the palette have been allocated, it starts reusing + * colors. + * + * @constructor + */ + function ColorPalette() { + this.nextColor = 0; + this.colors = COLOR_PALETTE.map(function (color) { + return new Color(color); + }); + } + + /** + * + * @return {Color} the next color in the palette. + */ + ColorPalette.prototype.getColor = function () { + var color = this.colors[this.nextColor % this.colors.length]; + this.nextColor++; + return color; + }; + + return ColorPalette; + } +);