Color.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447
  1. QUnit.module( "Color" );
  2. QUnit.test( "constructor" , function( assert ){
  3. var c = new THREE.Color();
  4. assert.ok( c.r, "Red: " + c.r );
  5. assert.ok( c.g, "Green: " + c.g );
  6. assert.ok( c.b, "Blue: " + c.b );
  7. });
  8. QUnit.test( "rgb constructor", function( assert ){
  9. var c = new THREE.Color( 1, 1, 1 );
  10. assert.ok( c.r == 1, "Passed" );
  11. assert.ok( c.g == 1, "Passed" );
  12. assert.ok( c.b == 1, "Passed" );
  13. });
  14. QUnit.test( "copyHex" , function( assert ){
  15. var c = new THREE.Color();
  16. var c2 = new THREE.Color(0xF5FFFA);
  17. c.copy(c2);
  18. assert.ok(c.getHex() == c2.getHex(), "Hex c: " + c.getHex() + " Hex c2: " + c2.getHex());
  19. });
  20. QUnit.test( "copyColorString" , function( assert ){
  21. var c = new THREE.Color();
  22. var c2 = new THREE.Color('ivory');
  23. c.copy(c2);
  24. assert.ok(c.getHex() == c2.getHex(), "Hex c: " + c.getHex() + " Hex c2: " + c2.getHex());
  25. });
  26. QUnit.test( "setRGB" , function( assert ){
  27. var c = new THREE.Color();
  28. c.setRGB(1, 0.2, 0.1);
  29. assert.ok( c.r == 1, "Red: " + c.r );
  30. assert.ok( c.g == 0.2, "Green: " + c.g );
  31. assert.ok( c.b == 0.1, "Blue: " + c.b );
  32. });
  33. QUnit.test( "copyGammaToLinear" , function( assert ){
  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. assert.ok( c.r == 0.09, "Red c: " + c.r + " Red c2: " + c2.r);
  39. assert.ok( c.g == 0.25, "Green c: " + c.g + " Green c2: " + c2.g);
  40. assert.ok( c.b == 0.81, "Blue c: " + c.b + " Blue c2: " + c2.b);
  41. });
  42. QUnit.test( "copyLinearToGamma" , function( assert ){
  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. assert.ok( c.r == 0.3, "Red c: " + c.r + " Red c2: " + c2.r);
  48. assert.ok( c.g == 0.5, "Green c: " + c.g + " Green c2: " + c2.g);
  49. assert.ok( c.b == 0.9, "Blue c: " + c.b + " Blue c2: " + c2.b);
  50. });
  51. QUnit.test( "convertGammaToLinear" , function( assert ){
  52. var c = new THREE.Color();
  53. c.setRGB(0.3, 0.5, 0.9);
  54. c.convertGammaToLinear();
  55. assert.ok( c.r == 0.09, "Red: " + c.r );
  56. assert.ok( c.g == 0.25, "Green: " + c.g );
  57. assert.ok( c.b == 0.81, "Blue: " + c.b );
  58. });
  59. QUnit.test( "convertLinearToGamma" , function( assert ){
  60. var c = new THREE.Color();
  61. c.setRGB(4, 9, 16);
  62. c.convertLinearToGamma();
  63. assert.ok( c.r == 2, "Red: " + c.r );
  64. assert.ok( c.g == 3, "Green: " + c.g );
  65. assert.ok( c.b == 4, "Blue: " + c.b );
  66. });
  67. QUnit.test("setWithNum", function( assert ){
  68. var c = new THREE.Color();
  69. c.set(0xFF0000);
  70. assert.ok( c.r == 1, "Red: " + c.r );
  71. assert.ok( c.g === 0, "Green: " + c.g );
  72. assert.ok( c.b === 0, "Blue: " + c.b );
  73. });
  74. QUnit.test( "setWithString" , function( assert ){
  75. var c = new THREE.Color();
  76. c.set('silver');
  77. assert.ok(c.getHex() == 0xC0C0C0, "Hex c: " + c.getHex());
  78. });
  79. QUnit.test( "clone" , function( assert ){
  80. var c = new THREE.Color('teal');
  81. var c2 = c.clone();
  82. assert.ok(c2.getHex() == 0x008080, "Hex c2: " + c2.getHex());
  83. });
  84. QUnit.test( "lerp" , function( assert ){
  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. assert.ok( c.r == 0.2, "Red: " + c.r );
  90. assert.ok( c.g == 0.2, "Green: " + c.g );
  91. assert.ok( c.b == 0.2, "Blue: " + c.b );
  92. });
  93. QUnit.test( "setStyleRGBRed" , function( assert ){
  94. var c = new THREE.Color();
  95. c.setStyle('rgb(255,0,0)');
  96. assert.ok( c.r == 1, "Red: " + c.r );
  97. assert.ok( c.g === 0, "Green: " + c.g );
  98. assert.ok( c.b === 0, "Blue: " + c.b );
  99. });
  100. QUnit.test( "setStyleRGBARed" , function( assert ){
  101. var c = new THREE.Color();
  102. c.setStyle('rgba(255,0,0,0.5)');
  103. assert.ok( c.r == 1, "Red: " + c.r );
  104. assert.ok( c.g === 0, "Green: " + c.g );
  105. assert.ok( c.b === 0, "Blue: " + c.b );
  106. });
  107. QUnit.test( "setStyleRGBRedWithSpaces" , function( assert ){
  108. var c = new THREE.Color();
  109. c.setStyle('rgb( 255 , 0, 0 )');
  110. assert.ok( c.r == 1, "Red: " + c.r );
  111. assert.ok( c.g === 0, "Green: " + c.g );
  112. assert.ok( c.b === 0, "Blue: " + c.b );
  113. });
  114. QUnit.test( "setStyleRGBARedWithSpaces" , function( assert ){
  115. var c = new THREE.Color();
  116. c.setStyle('rgba( 255, 0, 0 , 1 )');
  117. assert.ok( c.r == 1, "Red: " + c.r );
  118. assert.ok( c.g === 0, "Green: " + c.g );
  119. assert.ok( c.b === 0, "Blue: " + c.b );
  120. });
  121. QUnit.test( "setStyleRGBPercent" , function( assert ){
  122. var c = new THREE.Color();
  123. c.setStyle('rgb(100%,50%,10%)');
  124. assert.ok( c.r == 1, "Red: " + c.r );
  125. assert.ok( c.g == 0.5, "Green: " + c.g );
  126. assert.ok( c.b == 0.1, "Blue: " + c.b );
  127. });
  128. QUnit.test( "setStyleRGBAPercent" , function( assert ){
  129. var c = new THREE.Color();
  130. c.setStyle('rgba(100%,50%,10%, 0.5)');
  131. assert.ok( c.r == 1, "Red: " + c.r );
  132. assert.ok( c.g == 0.5, "Green: " + c.g );
  133. assert.ok( c.b == 0.1, "Blue: " + c.b );
  134. });
  135. QUnit.test( "setStyleRGBPercentWithSpaces" , function( assert ){
  136. var c = new THREE.Color();
  137. c.setStyle('rgb( 100% ,50% , 10% )');
  138. assert.ok( c.r == 1, "Red: " + c.r );
  139. assert.ok( c.g == 0.5, "Green: " + c.g );
  140. assert.ok( c.b == 0.1, "Blue: " + c.b );
  141. });
  142. QUnit.test( "setStyleRGBAPercentWithSpaces" , function( assert ){
  143. var c = new THREE.Color();
  144. c.setStyle('rgba( 100% ,50% , 10%, 0.5 )');
  145. assert.ok( c.r == 1, "Red: " + c.r );
  146. assert.ok( c.g == 0.5, "Green: " + c.g );
  147. assert.ok( c.b == 0.1, "Blue: " + c.b );
  148. });
  149. QUnit.test( "setStyleHSLRed" , function( assert ){
  150. var c = new THREE.Color();
  151. c.setStyle('hsl(360,100%,50%)');
  152. assert.ok( c.r == 1, "Red: " + c.r );
  153. assert.ok( c.g === 0, "Green: " + c.g );
  154. assert.ok( c.b === 0, "Blue: " + c.b );
  155. });
  156. QUnit.test( "setStyleHSLARed" , function( assert ){
  157. var c = new THREE.Color();
  158. c.setStyle('hsla(360,100%,50%,0.5)');
  159. assert.ok( c.r == 1, "Red: " + c.r );
  160. assert.ok( c.g === 0, "Green: " + c.g );
  161. assert.ok( c.b === 0, "Blue: " + c.b );
  162. });
  163. QUnit.test( "setStyleHSLRedWithSpaces" , function( assert ){
  164. var c = new THREE.Color();
  165. c.setStyle('hsl(360, 100% , 50% )');
  166. assert.ok( c.r == 1, "Red: " + c.r );
  167. assert.ok( c.g === 0, "Green: " + c.g );
  168. assert.ok( c.b === 0, "Blue: " + c.b );
  169. });
  170. QUnit.test( "setStyleHSLARedWithSpaces" , function( assert ){
  171. var c = new THREE.Color();
  172. c.setStyle('hsla( 360, 100% , 50%, 0.5 )');
  173. assert.ok( c.r == 1, "Red: " + c.r );
  174. assert.ok( c.g === 0, "Green: " + c.g );
  175. assert.ok( c.b === 0, "Blue: " + c.b );
  176. });
  177. QUnit.test( "setStyleHexSkyBlue" , function( assert ){
  178. var c = new THREE.Color();
  179. c.setStyle('#87CEEB');
  180. assert.ok(c.getHex() == 0x87CEEB, "Hex c: " + c.getHex());
  181. });
  182. QUnit.test( "setStyleHexSkyBlueMixed" , function( assert ){
  183. var c = new THREE.Color();
  184. c.setStyle('#87cEeB');
  185. assert.ok(c.getHex() == 0x87CEEB, "Hex c: " + c.getHex());
  186. });
  187. QUnit.test( "setStyleHex2Olive" , function( assert ){
  188. var c = new THREE.Color();
  189. c.setStyle('#F00');
  190. assert.ok(c.getHex() == 0xFF0000, "Hex c: " + c.getHex());
  191. });
  192. QUnit.test( "setStyleHex2OliveMixed" , function( assert ){
  193. var c = new THREE.Color();
  194. c.setStyle('#f00');
  195. assert.ok(c.getHex() == 0xFF0000, "Hex c: " + c.getHex());
  196. });
  197. QUnit.test( "setStyleColorName" , function( assert ){
  198. var c = new THREE.Color();
  199. c.setStyle('powderblue');
  200. assert.ok(c.getHex() == 0xB0E0E6, "Hex c: " + c.getHex());
  201. });
  202. QUnit.test( "getHex" , function( assert ){
  203. var c = new THREE.Color('red');
  204. var res = c.getHex();
  205. assert.ok( res == 0xFF0000, "Hex: " + res );
  206. });
  207. QUnit.test( "setHex" , function( assert ){
  208. var c = new THREE.Color();
  209. c.setHex(0xFA8072);
  210. assert.ok( c.getHex() == 0xFA8072, "Hex: " + c.getHex());
  211. });
  212. QUnit.test( "getHexString" , function( assert ){
  213. var c = new THREE.Color('tomato');
  214. var res = c.getHexString();
  215. assert.ok( res == 'ff6347', "Hex: " + res );
  216. });
  217. QUnit.test( "getStyle" , function( assert ){
  218. var c = new THREE.Color('plum');
  219. var res = c.getStyle();
  220. assert.ok( res == 'rgb(221,160,221)', "style: " + res );
  221. });
  222. QUnit.test( "getHSL", function ( assert ) {
  223. var c = new THREE.Color( 0x80ffff );
  224. var hsl = c.getHSL();
  225. assert.ok( hsl.h == 0.5, "hue: " + hsl.h );
  226. assert.ok( hsl.s == 1.0, "saturation: " + hsl.s );
  227. assert.ok( (Math.round(parseFloat(hsl.l)*100)/100) == 0.75, "lightness: " + hsl.l );
  228. });
  229. QUnit.test( "setHSL", function ( assert ) {
  230. var c = new THREE.Color();
  231. c.setHSL(0.75, 1.0, 0.25);
  232. var hsl = c.getHSL();
  233. assert.ok( hsl.h == 0.75, "hue: " + hsl.h );
  234. assert.ok( hsl.s == 1.00, "saturation: " + hsl.s );
  235. assert.ok( hsl.l == 0.25, "lightness: " + hsl.l );
  236. });
  237. QUnit.test( "set", function ( assert ) {
  238. var a = new THREE.Color();
  239. var b = new THREE.Color( 0.5, 0, 0 );
  240. var c = new THREE.Color( 0xFF0000 );
  241. var d = new THREE.Color( 0, 1.0, 0 );
  242. a.set( b );
  243. assert.ok( a.equals( b ), "Set with THREE.Color instance" );
  244. a.set( 0xFF0000 );
  245. assert.ok( a.equals( c ), "Set with number" );
  246. a.set( "rgb(0,255,0)" );
  247. assert.ok( a.equals( d ), "Set with style" );
  248. } );
  249. QUnit.test( "offsetHSL", function ( assert ) {
  250. var a = new THREE.Color( "hsl(120,50%,50%)" );
  251. var b = new THREE.Color( 0.36, 0.84, 0.648 );
  252. a.offsetHSL( 0.1, 0.1, 0.1 );
  253. assert.ok( Math.abs( a.r - b.r ) <= eps, "Check r" );
  254. assert.ok( Math.abs( a.g - b.g ) <= eps, "Check g" );
  255. assert.ok( Math.abs( a.b - b.b ) <= eps, "Check b" );
  256. } );
  257. QUnit.test( "add", function ( assert ) {
  258. var a = new THREE.Color( 0x0000FF );
  259. var b = new THREE.Color( 0xFF0000 );
  260. var c = new THREE.Color( 0xFF00FF );
  261. a.add( b );
  262. assert.ok( a.equals( c ), "Check new value" );
  263. } );
  264. QUnit.test( "addScalar", function ( assert ) {
  265. var a = new THREE.Color( 0.1, 0.0, 0.0 );
  266. var b = new THREE.Color( 0.6, 0.5, 0.5 );
  267. a.addScalar( 0.5 );
  268. assert.ok( a.equals( b ), "Check new value" );
  269. } );
  270. QUnit.test( "sub", function ( assert ) {
  271. var a = new THREE.Color( 0x0000CC );
  272. var b = new THREE.Color( 0xFF0000 );
  273. var c = new THREE.Color( 0x0000AA );
  274. a.sub( b );
  275. assert.strictEqual( a.getHex(), 0xCC, "Difference too large" );
  276. a.sub( c );
  277. assert.strictEqual( a.getHex(), 0x22, "Difference fine" );
  278. } );
  279. QUnit.test( "multiply", function ( assert ) {
  280. var a = new THREE.Color( 1, 0, 0.5 );
  281. var b = new THREE.Color( 0.5, 1, 0.5 );
  282. var c = new THREE.Color( 0.5, 0, 0.25 );
  283. a.multiply( b );
  284. assert.ok( a.equals( c ), "Check new value" );
  285. } );
  286. QUnit.test( "multiplyScalar", function ( assert ) {
  287. var a = new THREE.Color( 0.25, 0, 0.5 );
  288. var b = new THREE.Color( 0.5, 0, 1 );
  289. a.multiplyScalar( 2 );
  290. assert.ok( a.equals( b ), "Check new value" );
  291. } );
  292. QUnit.test( "equals", function ( assert ) {
  293. var a = new THREE.Color( 0.5, 0.0, 1.0 );
  294. var b = new THREE.Color( 0.5, 1.0, 0.0 );
  295. assert.strictEqual( a.r, b.r, "Components: r is equal" );
  296. assert.notStrictEqual( a.g, b.g, "Components: g is not equal" );
  297. assert.notStrictEqual( a.b, b.b, "Components: b is not equal" );
  298. assert.notOk( a.equals( b ), "equals(): a not equal b" );
  299. assert.notOk( b.equals( a ), "equals(): b not equal a" );
  300. a.copy( b );
  301. assert.strictEqual( a.r, b.r, "Components after copy(): r is equal" );
  302. assert.strictEqual( a.g, b.g, "Components after copy(): g is equal" );
  303. assert.strictEqual( a.b, b.b, "Components after copy(): b is equal" );
  304. assert.ok( a.equals( b ), "equals() after copy(): a equals b" );
  305. assert.ok( b.equals( a ), "equals() after copy(): b equals a" );
  306. } );
  307. QUnit.test( "fromArray", function ( assert ) {
  308. var a = new THREE.Color();
  309. var array = [ 0.5, 0.6, 0.7, 0, 1, 0 ];
  310. a.fromArray( array );
  311. assert.strictEqual( a.r, 0.5, "No offset: check r" );
  312. assert.strictEqual( a.g, 0.6, "No offset: check g" );
  313. assert.strictEqual( a.b, 0.7, "No offset: check b" );
  314. a.fromArray( array, 3 );
  315. assert.strictEqual( a.r, 0, "With offset: check r" );
  316. assert.strictEqual( a.g, 1, "With offset: check g" );
  317. assert.strictEqual( a.b, 0, "With offset: check b" );
  318. } );
  319. QUnit.test( "toArray", function ( assert ) {
  320. var r = 0.5, g = 1.0, b = 0.0;
  321. var a = new THREE.Color( r, g, b );
  322. var array = a.toArray();
  323. assert.strictEqual( array[ 0 ], r, "No array, no offset: check r" );
  324. assert.strictEqual( array[ 1 ], g, "No array, no offset: check g" );
  325. assert.strictEqual( array[ 2 ], b, "No array, no offset: check b" );
  326. array = [];
  327. a.toArray( array );
  328. assert.strictEqual( array[ 0 ], r, "With array, no offset: check r" );
  329. assert.strictEqual( array[ 1 ], g, "With array, no offset: check g" );
  330. assert.strictEqual( array[ 2 ], b, "With array, no offset: check b" );
  331. array = [];
  332. a.toArray( array, 1 );
  333. assert.strictEqual( array[ 0 ], undefined, "With array and offset: check [0]" );
  334. assert.strictEqual( array[ 1 ], r, "With array and offset: check r" );
  335. assert.strictEqual( array[ 2 ], g, "With array and offset: check g" );
  336. assert.strictEqual( array[ 3 ], b, "With array and offset: check b" );
  337. } );
  338. QUnit.test( "toJSON", function ( assert ) {
  339. var a = new THREE.Color( 0.0, 0.0, 0.0 );
  340. var b = new THREE.Color( 0.0, 0.5, 0.0 );
  341. var c = new THREE.Color( 1.0, 0.0, 0.0 );
  342. var d = new THREE.Color( 1.0, 1.0, 1.0 );
  343. assert.strictEqual( a.toJSON(), 0x000000, "Check black" );
  344. assert.strictEqual( b.toJSON(), 0x007F00, "Check half-blue" );
  345. assert.strictEqual( c.toJSON(), 0xFF0000, "Check red" );
  346. assert.strictEqual( d.toJSON(), 0xFFFFFF, "Check white" );
  347. } );