Color.js 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531
  1. /**
  2. * @author mrdoob / http://mrdoob.com/
  3. */
  4. THREE.Color = function ( value ) {
  5. if ( value !== undefined ) this.set( value );
  6. return this;
  7. };
  8. THREE.extend( THREE.Color.prototype, {
  9. r: 1, g: 1, b: 1,
  10. set: function ( value ) {
  11. switch ( typeof value ) {
  12. case "number":
  13. this.setHex( value );
  14. break;
  15. case "string":
  16. this.setStyle( value );
  17. break;
  18. }
  19. },
  20. setHex: function ( hex ) {
  21. hex = Math.floor( hex );
  22. this.r = ( hex >> 16 & 255 ) / 255;
  23. this.g = ( hex >> 8 & 255 ) / 255;
  24. this.b = ( hex & 255 ) / 255;
  25. return this;
  26. },
  27. setRGB: function ( r, g, b ) {
  28. this.r = r;
  29. this.g = g;
  30. this.b = b;
  31. return this;
  32. },
  33. setHSL: function ( h, s, l ) {
  34. // h,s,l ranges are in 0.0 - 1.0
  35. var f = function ( v1, v2, vh ) {
  36. var r;
  37. if ( vh < 0 ) {
  38. vh += 1;
  39. }
  40. if ( vh > 1 ) {
  41. vh -= 1;
  42. }
  43. if ( vh < 1.0/6 ) {
  44. r = v1 + ( v2 - v1 ) * 6 * vh;
  45. } else if ( vh < 1.0/2 ) {
  46. r = v2;
  47. } else if ( vh < 2.0/3 ) {
  48. r = v1 + ( v2 - v1 ) * 6 * ( 2.0/3 - vh );
  49. } else {
  50. r = v1;
  51. }
  52. return r;
  53. };
  54. if ( s === 0 ) {
  55. this.r = this.g = this.b = l;
  56. } else {
  57. var p, q;
  58. if ( l <= 0.5 ) {
  59. p = l * ( 1.0 + s );
  60. } else {
  61. p = l + s - ( l * s );
  62. }
  63. q = ( 2.0 * l ) - p;
  64. this.r = f( q, p, h + 1.0/3 );
  65. this.g = f( q, p, h );
  66. this.b = f( q, p, h - 1.0/3 );
  67. }
  68. return this;
  69. },
  70. setHSV: function ( h, s, v ) {
  71. // based on MochiKit implementation by Bob Ippolito
  72. // h,s,v ranges are < 0.0 - 1.0 >
  73. var i, f, p, q, t;
  74. if ( v === 0 ) {
  75. this.r = this.g = this.b = 0;
  76. } else {
  77. i = Math.floor( h * 6 );
  78. f = ( h * 6 ) - i;
  79. p = v * ( 1 - s );
  80. q = v * ( 1 - ( s * f ) );
  81. t = v * ( 1 - ( s * ( 1 - f ) ) );
  82. if ( i === 0 ) {
  83. this.r = v;
  84. this.g = t;
  85. this.b = p;
  86. } else if ( i === 1 ) {
  87. this.r = q;
  88. this.g = v;
  89. this.b = p;
  90. } else if ( i === 2 ) {
  91. this.r = p;
  92. this.g = v;
  93. this.b = t;
  94. } else if ( i === 3 ) {
  95. this.r = p;
  96. this.g = q;
  97. this.b = v;
  98. } else if ( i === 4 ) {
  99. this.r = t;
  100. this.g = p;
  101. this.b = v;
  102. } else if ( i === 5 ) {
  103. this.r = v;
  104. this.g = p;
  105. this.b = q;
  106. }
  107. }
  108. return this;
  109. },
  110. setStyle: function ( style ) {
  111. // rgb(255,0,0)
  112. if ( /^rgb\((\d+),(\d+),(\d+)\)$/i.test( style ) ) {
  113. var color = /^rgb\((\d+),(\d+),(\d+)\)$/i.exec( style );
  114. this.r = Math.min( 255, parseInt( color[ 1 ], 10 ) ) / 255;
  115. this.g = Math.min( 255, parseInt( color[ 2 ], 10 ) ) / 255;
  116. this.b = Math.min( 255, parseInt( color[ 3 ], 10 ) ) / 255;
  117. return this;
  118. }
  119. // rgb(100%,0%,0%)
  120. if ( /^rgb\((\d+)\%,(\d+)\%,(\d+)\%\)$/i.test( style ) ) {
  121. var color = /^rgb\((\d+)\%,(\d+)\%,(\d+)\%\)$/i.exec( style );
  122. this.r = Math.min( 100, parseInt( color[ 1 ], 10 ) ) / 100;
  123. this.g = Math.min( 100, parseInt( color[ 2 ], 10 ) ) / 100;
  124. this.b = Math.min( 100, parseInt( color[ 3 ], 10 ) ) / 100;
  125. return this;
  126. }
  127. // #ff0000
  128. if ( /^\#([0-9a-f]{6})$/i.test( style ) ) {
  129. var color = /^\#([0-9a-f]{6})$/i.exec( style );
  130. this.setHex( parseInt( color[ 1 ], 16 ) );
  131. return this;
  132. }
  133. // #f00
  134. if ( /^\#([0-9a-f])([0-9a-f])([0-9a-f])$/i.test( style ) ) {
  135. var color = /^\#([0-9a-f])([0-9a-f])([0-9a-f])$/i.exec( style );
  136. this.setHex( parseInt( color[ 1 ] + color[ 1 ] + color[ 2 ] + color[ 2 ] + color[ 3 ] + color[ 3 ], 16 ) );
  137. return this;
  138. }
  139. // red
  140. if ( /^(\w+)$/i.test( style ) ) {
  141. this.setHex( THREE.ColorKeywords[ style ] );
  142. return this;
  143. }
  144. },
  145. copy: function ( color ) {
  146. this.r = color.r;
  147. this.g = color.g;
  148. this.b = color.b;
  149. return this;
  150. },
  151. copyGammaToLinear: function ( color ) {
  152. this.r = color.r * color.r;
  153. this.g = color.g * color.g;
  154. this.b = color.b * color.b;
  155. return this;
  156. },
  157. copyLinearToGamma: function ( color ) {
  158. this.r = Math.sqrt( color.r );
  159. this.g = Math.sqrt( color.g );
  160. this.b = Math.sqrt( color.b );
  161. return this;
  162. },
  163. convertGammaToLinear: function () {
  164. var r = this.r, g = this.g, b = this.b;
  165. this.r = r * r;
  166. this.g = g * g;
  167. this.b = b * b;
  168. return this;
  169. },
  170. convertLinearToGamma: function () {
  171. this.r = Math.sqrt( this.r );
  172. this.g = Math.sqrt( this.g );
  173. this.b = Math.sqrt( this.b );
  174. return this;
  175. },
  176. getHex: function () {
  177. return ( this.r * 255 ) << 16 ^ ( this.g * 255 ) << 8 ^ ( this.b * 255 ) << 0;
  178. },
  179. getHexString: function () {
  180. return ( '000000' + this.getHex().toString( 16 ) ).slice( - 6 );
  181. },
  182. getStyle: function () {
  183. return 'rgb(' + ( ( this.r * 255 ) | 0 ) + ',' + ( ( this.g * 255 ) | 0 ) + ',' + ( ( this.b * 255 ) | 0 ) + ')';
  184. },
  185. getHSL: function (hsl) {
  186. // h,s,l ranges are in 0.0 - 1.0
  187. var r = this.r;
  188. var g = this.g;
  189. var b = this.b;
  190. var max = Math.max( Math.max( r, g ), b );
  191. var min = Math.min( Math.min( r, g ), b );
  192. var hue, saturation;
  193. var lightness = ( min + max ) / 2.0;
  194. if ( min === max ) {
  195. hue = 0;
  196. saturation = 0;
  197. } else {
  198. var delta = max - min;
  199. if ( lightness <= 0.5 ) {
  200. saturation = delta / ( max + min );
  201. } else {
  202. saturation = delta / ( 2 - max - min );
  203. }
  204. if ( r == max ) {
  205. hue = ( g - b ) / delta;
  206. } else if ( g == max ) {
  207. hue = 2 + ( ( b - r ) / delta );
  208. } else {
  209. hue = 4 + ( ( r - g ) / delta );
  210. }
  211. hue /= 6;
  212. if ( hue < 0 ) {
  213. hue += 1;
  214. }
  215. if ( hue > 1 ) {
  216. hue -= 1;
  217. }
  218. }
  219. if ( hsl === undefined ) {
  220. hsl = { h: 0, s: 0, l: 0 };
  221. }
  222. hsl.h = hue;
  223. hsl.s = saturation;
  224. hsl.l = lightness;
  225. return hsl;
  226. },
  227. getHSV: function ( hsv ) {
  228. // based on MochiKit implementation by Bob Ippolito
  229. // h,s,v ranges are < 0.0 - 1.0 >
  230. var r = this.r;
  231. var g = this.g;
  232. var b = this.b;
  233. var max = Math.max( Math.max( r, g ), b );
  234. var min = Math.min( Math.min( r, g ), b );
  235. var hue;
  236. var saturation;
  237. var value = max;
  238. if ( min === max ) {
  239. hue = 0;
  240. saturation = 0;
  241. } else {
  242. var delta = ( max - min );
  243. saturation = delta / max;
  244. if ( r === max ) {
  245. hue = ( g - b ) / delta;
  246. } else if ( g === max ) {
  247. hue = 2 + ( ( b - r ) / delta );
  248. } else {
  249. hue = 4 + ( ( r - g ) / delta );
  250. }
  251. hue /= 6;
  252. if ( hue < 0 ) {
  253. hue += 1;
  254. }
  255. if ( hue > 1 ) {
  256. hue -= 1;
  257. }
  258. }
  259. if ( hsv === undefined ) {
  260. hsv = { h: 0, s: 0, v: 0 };
  261. }
  262. hsv.h = hue;
  263. hsv.s = saturation;
  264. hsv.v = value;
  265. return hsv;
  266. },
  267. add: function ( color ) {
  268. this.r += color.r;
  269. this.g += color.g;
  270. this.b += color.b;
  271. return this;
  272. },
  273. addColors: function ( color1, color2 ) {
  274. this.r = color1.r + color2.r;
  275. this.g = color1.g + color2.g;
  276. this.b = color1.b + color2.b;
  277. return this;
  278. },
  279. addScalar: function ( s ) {
  280. this.r += s;
  281. this.g += s;
  282. this.b += s;
  283. return this;
  284. },
  285. multiply: function ( color ) {
  286. this.r *= color.r;
  287. this.g *= color.g;
  288. this.b *= color.b;
  289. return this;
  290. },
  291. multiplyScalar: function ( s ) {
  292. this.r *= s;
  293. this.g *= s;
  294. this.b *= s;
  295. return this;
  296. },
  297. lerp: function ( color, alpha ) {
  298. this.r += ( color.r - this.r ) * alpha;
  299. this.g += ( color.g - this.g ) * alpha;
  300. this.b += ( color.b - this.b ) * alpha;
  301. return this;
  302. },
  303. clone: function () {
  304. return new THREE.Color().setRGB( this.r, this.g, this.b );
  305. }
  306. } );
  307. THREE.ColorKeywords = { "aliceblue": 0xF0F8FF, "antiquewhite": 0xFAEBD7, "aqua": 0x00FFFF, "aquamarine": 0x7FFFD4, "azure": 0xF0FFFF,
  308. "beige": 0xF5F5DC, "bisque": 0xFFE4C4, "black": 0x000000, "blanchedalmond": 0xFFEBCD, "blue": 0x0000FF, "blueviolet": 0x8A2BE2,
  309. "brown": 0xA52A2A, "burlywood": 0xDEB887, "cadetblue": 0x5F9EA0, "chartreuse": 0x7FFF00, "chocolate": 0xD2691E, "coral": 0xFF7F50,
  310. "cornflowerblue": 0x6495ED, "cornsilk": 0xFFF8DC, "crimson": 0xDC143C, "cyan": 0x00FFFF, "darkblue": 0x00008B, "darkcyan": 0x008B8B,
  311. "darkgoldenrod": 0xB8860B, "darkgray": 0xA9A9A9, "darkgreen": 0x006400, "darkgrey": 0xA9A9A9, "darkkhaki": 0xBDB76B, "darkmagenta": 0x8B008B,
  312. "darkolivegreen": 0x556B2F, "darkorange": 0xFF8C00, "darkorchid": 0x9932CC, "darkred": 0x8B0000, "darksalmon": 0xE9967A, "darkseagreen": 0x8FBC8F,
  313. "darkslateblue": 0x483D8B, "darkslategray": 0x2F4F4F, "darkslategrey": 0x2F4F4F, "darkturquoise": 0x00CED1, "darkviolet": 0x9400D3,
  314. "deeppink": 0xFF1493, "deepskyblue": 0x00BFFF, "dimgray": 0x696969, "dimgrey": 0x696969, "dodgerblue": 0x1E90FF, "firebrick": 0xB22222,
  315. "floralwhite": 0xFFFAF0, "forestgreen": 0x228B22, "fuchsia": 0xFF00FF, "gainsboro": 0xDCDCDC, "ghostwhite": 0xF8F8FF, "gold": 0xFFD700,
  316. "goldenrod": 0xDAA520, "gray": 0x808080, "green": 0x008000, "greenyellow": 0xADFF2F, "grey": 0x808080, "honeydew": 0xF0FFF0, "hotpink": 0xFF69B4,
  317. "indianred": 0xCD5C5C, "indigo": 0x4B0082, "ivory": 0xFFFFF0, "khaki": 0xF0E68C, "lavender": 0xE6E6FA, "lavenderblush": 0xFFF0F5, "lawngreen": 0x7CFC00,
  318. "lemonchiffon": 0xFFFACD, "lightblue": 0xADD8E6, "lightcoral": 0xF08080, "lightcyan": 0xE0FFFF, "lightgoldenrodyellow": 0xFAFAD2, "lightgray": 0xD3D3D3,
  319. "lightgreen": 0x90EE90, "lightgrey": 0xD3D3D3, "lightpink": 0xFFB6C1, "lightsalmon": 0xFFA07A, "lightseagreen": 0x20B2AA, "lightskyblue": 0x87CEFA,
  320. "lightslategray": 0x778899, "lightslategrey": 0x778899, "lightsteelblue": 0xB0C4DE, "lightyellow": 0xFFFFE0, "lime": 0x00FF00, "limegreen": 0x32CD32,
  321. "linen": 0xFAF0E6, "magenta": 0xFF00FF, "maroon": 0x800000, "mediumaquamarine": 0x66CDAA, "mediumblue": 0x0000CD, "mediumorchid": 0xBA55D3,
  322. "mediumpurple": 0x9370DB, "mediumseagreen": 0x3CB371, "mediumslateblue": 0x7B68EE, "mediumspringgreen": 0x00FA9A, "mediumturquoise": 0x48D1CC,
  323. "mediumvioletred": 0xC71585, "midnightblue": 0x191970, "mintcream": 0xF5FFFA, "mistyrose": 0xFFE4E1, "moccasin": 0xFFE4B5, "navajowhite": 0xFFDEAD,
  324. "navy": 0x000080, "oldlace": 0xFDF5E6, "olive": 0x808000, "olivedrab": 0x6B8E23, "orange": 0xFFA500, "orangered": 0xFF4500, "orchid": 0xDA70D6,
  325. "palegoldenrod": 0xEEE8AA, "palegreen": 0x98FB98, "paleturquoise": 0xAFEEEE, "palevioletred": 0xDB7093, "papayawhip": 0xFFEFD5, "peachpuff": 0xFFDAB9,
  326. "peru": 0xCD853F, "pink": 0xFFC0CB, "plum": 0xDDA0DD, "powderblue": 0xB0E0E6, "purple": 0x800080, "red": 0xFF0000, "rosybrown": 0xBC8F8F,
  327. "royalblue": 0x4169E1, "saddlebrown": 0x8B4513, "salmon": 0xFA8072, "sandybrown": 0xF4A460, "seagreen": 0x2E8B57, "seashell": 0xFFF5EE,
  328. "sienna": 0xA0522D, "silver": 0xC0C0C0, "skyblue": 0x87CEEB, "slateblue": 0x6A5ACD, "slategray": 0x708090, "slategrey": 0x708090, "snow": 0xFFFAFA,
  329. "springgreen": 0x00FF7F, "steelblue": 0x4682B4, "tan": 0xD2B48C, "teal": 0x008080, "thistle": 0xD8BFD8, "tomato": 0xFF6347, "turquoise": 0x40E0D0,
  330. "violet": 0xEE82EE, "wheat": 0xF5DEB3, "white": 0xFFFFFF, "whitesmoke": 0xF5F5F5, "yellow": 0xFFFF00, "yellowgreen": 0x9ACD32 };