Color.js 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
  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( "setStyleRGBRedWithSpaces", function(){
  101. var c = new THREE.Color();
  102. c.setStyle('rgb(255, 0, 0)');
  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( "setStyleRGBPercent", function(){
  108. var c = new THREE.Color();
  109. c.setStyle('rgb(100%,50%,10%)');
  110. ok( c.r == 1, "Red: " + c.r );
  111. ok( c.g == 0.5, "Green: " + c.g );
  112. ok( c.b == 0.1, "Blue: " + c.b );
  113. });
  114. test( "setStyleRGBPercentWithSpaces", function(){
  115. var c = new THREE.Color();
  116. c.setStyle('rgb(100%,50%,10%)');
  117. ok( c.r == 1, "Red: " + c.r );
  118. ok( c.g == 0.5, "Green: " + c.g );
  119. ok( c.b == 0.1, "Blue: " + c.b );
  120. });
  121. test( "setStyleHexSkyBlue", function(){
  122. var c = new THREE.Color();
  123. c.setStyle('#87CEEB');
  124. ok(c.getHex() == 0x87CEEB, "Hex c: " + c.getHex());
  125. });
  126. test( "setStyleHex2Olive", function(){
  127. var c = new THREE.Color();
  128. c.setStyle('#F00');
  129. ok(c.getHex() == 0xFF0000, "Hex c: " + c.getHex());
  130. });
  131. test( "setStyleColorName", function(){
  132. var c = new THREE.Color();
  133. c.setStyle('powderblue');
  134. ok(c.getHex() == 0xB0E0E6, "Hex c: " + c.getHex());
  135. });
  136. test( "getHex", function(){
  137. var c = new THREE.Color('red');
  138. var res = c.getHex();
  139. ok( res == 0xFF0000, "Hex: " + res );
  140. });
  141. test( "setHex", function(){
  142. var c = new THREE.Color();
  143. c.setHex(0xFA8072);
  144. ok( c.getHex() == 0xFA8072, "Hex: " + c.getHex());
  145. });
  146. test( "getHexString", function(){
  147. var c = new THREE.Color('tomato');
  148. var res = c.getHexString();
  149. ok( res == 'ff6347', "Hex: " + res );
  150. });
  151. test( "getStyle", function(){
  152. var c = new THREE.Color('plum');
  153. var res = c.getStyle();
  154. ok( res == 'rgb(221,160,221)', "style: " + res );
  155. });
  156. test( "getHSL", function () {
  157. var c = new THREE.Color( 0x80ffff );
  158. var hsl = c.getHSL();
  159. ok( hsl.h == 0.5, "hue: " + hsl.h );
  160. ok( hsl.s == 1.0, "saturation: " + hsl.s );
  161. ok( (Math.round(parseFloat(hsl.l)*100)/100) == 0.75, "lightness: " + hsl.l );
  162. });
  163. test( "setHSL", function () {
  164. var c = new THREE.Color();
  165. c.setHSL(0.75, 1.0, 0.25);
  166. var hsl = c.getHSL();
  167. ok( hsl.h == 0.75, "hue: " + hsl.h );
  168. ok( hsl.s == 1.00, "saturation: " + hsl.s );
  169. ok( hsl.l == 0.25, "lightness: " + hsl.l );
  170. });