2
0

Color.js 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280
  1. module( "Color" );
  2. test( "constructor", function(){
  3. var c = new THREE.Color();
  4. ok( c.r, "Red: " + c.r );
  5. ok( c.g, "Green: " + c.g );
  6. ok( c.b, "Blue: " + c.b );
  7. });
  8. test( "rgb constructor", function(){
  9. var c = new THREE.Color( 1, 1, 1 );
  10. ok( c.r == 1, "Passed" );
  11. ok( c.g == 1, "Passed" );
  12. ok( c.b == 1, "Passed" );
  13. });
  14. test( "copyHex", function(){
  15. var c = new THREE.Color();
  16. var c2 = new THREE.Color(0xF5FFFA);
  17. c.copy(c2);
  18. ok(c.getHex() == c2.getHex(), "Hex c: " + c.getHex() + " Hex c2: " + c2.getHex());
  19. });
  20. test( "copyColorString", function(){
  21. var c = new THREE.Color();
  22. var c2 = new THREE.Color('ivory');
  23. c.copy(c2);
  24. ok(c.getHex() == c2.getHex(), "Hex c: " + c.getHex() + " Hex c2: " + c2.getHex());
  25. });
  26. test( "setRGB", function(){
  27. var c = new THREE.Color();
  28. c.setRGB(1, 0.2, 0.1);
  29. ok( c.r == 1, "Red: " + c.r );
  30. ok( c.g == 0.2, "Green: " + c.g );
  31. ok( c.b == 0.1, "Blue: " + c.b );
  32. });
  33. test( "copyGammaToLinear", function(){
  34. var c = new THREE.Color();
  35. var c2 = new THREE.Color();
  36. c2.setRGB(0.3, 0.5, 0.9);
  37. c.copyGammaToLinear(c2);
  38. ok( c.r == 0.09, "Red c: " + c.r + " Red c2: " + c2.r);
  39. ok( c.g == 0.25, "Green c: " + c.g + " Green c2: " + c2.g);
  40. ok( c.b == 0.81, "Blue c: " + c.b + " Blue c2: " + c2.b);
  41. });
  42. test( "copyLinearToGamma", function(){
  43. var c = new THREE.Color();
  44. var c2 = new THREE.Color();
  45. c2.setRGB(0.09, 0.25, 0.81);
  46. c.copyLinearToGamma(c2);
  47. ok( c.r == 0.3, "Red c: " + c.r + " Red c2: " + c2.r);
  48. ok( c.g == 0.5, "Green c: " + c.g + " Green c2: " + c2.g);
  49. ok( c.b == 0.9, "Blue c: " + c.b + " Blue c2: " + c2.b);
  50. });
  51. test( "convertGammaToLinear", function(){
  52. var c = new THREE.Color();
  53. c.setRGB(0.3, 0.5, 0.9);
  54. c.convertGammaToLinear();
  55. ok( c.r == 0.09, "Red: " + c.r );
  56. ok( c.g == 0.25, "Green: " + c.g );
  57. ok( c.b == 0.81, "Blue: " + c.b );
  58. });
  59. test( "convertLinearToGamma", function(){
  60. var c = new THREE.Color();
  61. c.setRGB(4, 9, 16);
  62. c.convertLinearToGamma();
  63. ok( c.r == 2, "Red: " + c.r );
  64. ok( c.g == 3, "Green: " + c.g );
  65. ok( c.b == 4, "Blue: " + c.b );
  66. });
  67. test("setWithNum", function(){
  68. var c = new THREE.Color();
  69. c.set(0xFF0000);
  70. ok( c.r == 1, "Red: " + c.r );
  71. ok( c.g === 0, "Green: " + c.g );
  72. ok( c.b === 0, "Blue: " + c.b );
  73. });
  74. test( "setWithString", function(){
  75. var c = new THREE.Color();
  76. c.set('silver');
  77. ok(c.getHex() == 0xC0C0C0, "Hex c: " + c.getHex());
  78. });
  79. test( "clone", function(){
  80. var c = new THREE.Color('teal');
  81. var c2 = c.clone();
  82. ok(c2.getHex() == 0x008080, "Hex c2: " + c2.getHex());
  83. });
  84. test( "lerp", function(){
  85. var c = new THREE.Color();
  86. var c2 = new THREE.Color();
  87. c.setRGB(0, 0, 0);
  88. c.lerp(c2, 0.2);
  89. ok( c.r == 0.2, "Red: " + c.r );
  90. ok( c.g == 0.2, "Green: " + c.g );
  91. ok( c.b == 0.2, "Blue: " + c.b );
  92. });
  93. test( "setStyleRGBRed", function(){
  94. var c = new THREE.Color();
  95. c.setStyle('rgb(255,0,0)');
  96. ok( c.r == 1, "Red: " + c.r );
  97. ok( c.g === 0, "Green: " + c.g );
  98. ok( c.b === 0, "Blue: " + c.b );
  99. });
  100. test( "setStyleRGBARed", function(){
  101. var c = new THREE.Color();
  102. c.setStyle('rgba(255,0,0,0.5)');
  103. ok( c.r == 1, "Red: " + c.r );
  104. ok( c.g === 0, "Green: " + c.g );
  105. ok( c.b === 0, "Blue: " + c.b );
  106. });
  107. test( "setStyleRGBRedWithSpaces", function(){
  108. var c = new THREE.Color();
  109. c.setStyle('rgb( 255 , 0, 0 )');
  110. ok( c.r == 1, "Red: " + c.r );
  111. ok( c.g === 0, "Green: " + c.g );
  112. ok( c.b === 0, "Blue: " + c.b );
  113. });
  114. test( "setStyleRGBARedWithSpaces", function(){
  115. var c = new THREE.Color();
  116. c.setStyle('rgba( 255, 0, 0 , 1 )');
  117. ok( c.r == 1, "Red: " + c.r );
  118. ok( c.g === 0, "Green: " + c.g );
  119. ok( c.b === 0, "Blue: " + c.b );
  120. });
  121. test( "setStyleRGBPercent", function(){
  122. var c = new THREE.Color();
  123. c.setStyle('rgb(100%,50%,10%)');
  124. ok( c.r == 1, "Red: " + c.r );
  125. ok( c.g == 0.5, "Green: " + c.g );
  126. ok( c.b == 0.1, "Blue: " + c.b );
  127. });
  128. test( "setStyleRGBAPercent", function(){
  129. var c = new THREE.Color();
  130. c.setStyle('rgba(100%,50%,10%, 0.5)');
  131. ok( c.r == 1, "Red: " + c.r );
  132. ok( c.g == 0.5, "Green: " + c.g );
  133. ok( c.b == 0.1, "Blue: " + c.b );
  134. });
  135. test( "setStyleRGBPercentWithSpaces", function(){
  136. var c = new THREE.Color();
  137. c.setStyle('rgb( 100% ,50% , 10% )');
  138. ok( c.r == 1, "Red: " + c.r );
  139. ok( c.g == 0.5, "Green: " + c.g );
  140. ok( c.b == 0.1, "Blue: " + c.b );
  141. });
  142. test( "setStyleRGBAPercentWithSpaces", function(){
  143. var c = new THREE.Color();
  144. c.setStyle('rgba( 100% ,50% , 10%, 0.5 )');
  145. ok( c.r == 1, "Red: " + c.r );
  146. ok( c.g == 0.5, "Green: " + c.g );
  147. ok( c.b == 0.1, "Blue: " + c.b );
  148. });
  149. test( "setStyleHSLRed", function(){
  150. var c = new THREE.Color();
  151. c.setStyle('hsl(360,100%,50%)');
  152. ok( c.r == 1, "Red: " + c.r );
  153. ok( c.g === 0, "Green: " + c.g );
  154. ok( c.b === 0, "Blue: " + c.b );
  155. });
  156. test( "setStyleHSLARed", function(){
  157. var c = new THREE.Color();
  158. c.setStyle('hsla(360,100%,50%,0.5)');
  159. ok( c.r == 1, "Red: " + c.r );
  160. ok( c.g === 0, "Green: " + c.g );
  161. ok( c.b === 0, "Blue: " + c.b );
  162. });
  163. test( "setStyleHSLRedWithSpaces", function(){
  164. var c = new THREE.Color();
  165. c.setStyle('hsl(360, 100% , 50% )');
  166. ok( c.r == 1, "Red: " + c.r );
  167. ok( c.g === 0, "Green: " + c.g );
  168. ok( c.b === 0, "Blue: " + c.b );
  169. });
  170. test( "setStyleHSLARedWithSpaces", function(){
  171. var c = new THREE.Color();
  172. c.setStyle('hsla( 360, 100% , 50%, 0.5 )');
  173. ok( c.r == 1, "Red: " + c.r );
  174. ok( c.g === 0, "Green: " + c.g );
  175. ok( c.b === 0, "Blue: " + c.b );
  176. });
  177. test( "setStyleHexSkyBlue", function(){
  178. var c = new THREE.Color();
  179. c.setStyle('#87CEEB');
  180. ok(c.getHex() == 0x87CEEB, "Hex c: " + c.getHex());
  181. });
  182. test( "setStyleHexSkyBlueMixed", function(){
  183. var c = new THREE.Color();
  184. c.setStyle('#87cEeB');
  185. ok(c.getHex() == 0x87CEEB, "Hex c: " + c.getHex());
  186. });
  187. test( "setStyleHex2Olive", function(){
  188. var c = new THREE.Color();
  189. c.setStyle('#F00');
  190. ok(c.getHex() == 0xFF0000, "Hex c: " + c.getHex());
  191. });
  192. test( "setStyleHex2OliveMixed", function(){
  193. var c = new THREE.Color();
  194. c.setStyle('#f00');
  195. ok(c.getHex() == 0xFF0000, "Hex c: " + c.getHex());
  196. });
  197. test( "setStyleColorName", function(){
  198. var c = new THREE.Color();
  199. c.setStyle('powderblue');
  200. ok(c.getHex() == 0xB0E0E6, "Hex c: " + c.getHex());
  201. });
  202. test( "getHex", function(){
  203. var c = new THREE.Color('red');
  204. var res = c.getHex();
  205. ok( res == 0xFF0000, "Hex: " + res );
  206. });
  207. test( "setHex", function(){
  208. var c = new THREE.Color();
  209. c.setHex(0xFA8072);
  210. ok( c.getHex() == 0xFA8072, "Hex: " + c.getHex());
  211. });
  212. test( "getHexString", function(){
  213. var c = new THREE.Color('tomato');
  214. var res = c.getHexString();
  215. ok( res == 'ff6347', "Hex: " + res );
  216. });
  217. test( "getStyle", function(){
  218. var c = new THREE.Color('plum');
  219. var res = c.getStyle();
  220. ok( res == 'rgb(221,160,221)', "style: " + res );
  221. });
  222. test( "getHSL", function () {
  223. var c = new THREE.Color( 0x80ffff );
  224. var hsl = c.getHSL();
  225. ok( hsl.h == 0.5, "hue: " + hsl.h );
  226. ok( hsl.s == 1.0, "saturation: " + hsl.s );
  227. ok( (Math.round(parseFloat(hsl.l)*100)/100) == 0.75, "lightness: " + hsl.l );
  228. });
  229. test( "setHSL", function () {
  230. var c = new THREE.Color();
  231. c.setHSL(0.75, 1.0, 0.25);
  232. var hsl = c.getHSL();
  233. ok( hsl.h == 0.75, "hue: " + hsl.h );
  234. ok( hsl.s == 1.00, "saturation: " + hsl.s );
  235. ok( hsl.l == 0.25, "lightness: " + hsl.l );
  236. });