javascript - 使用 ThreeJs 的 HSL 颜色

Question

让 HSL 颜色与 ThreeJs 一起使用时遇到一些问题。这是我的代码:

var exampleColor = new THREE.Color( 0xffffff );
exampleColor.setHSL( getHSLColour(exampleObject) );
var exampleMaterial = new THREE.MeshLambertMaterial ( {color: exampleColor} );

getHSLColour 的输出类似于:

0.06721230158730158, 0.9913555194805196, 0.658271103896104

这似乎符合 ThreeJs 想要的格式。但是当我将 exampleColor 打印到控制台时，它仍然显示为具有 NaN 值的 RGB 颜色:

T…E.Color {r: NaN, g: NaN, b: NaN}

我做错了什么？

Answer 1

setHSL 需要三个不同的参数，而不是数组:

var hsl = getHSLColour(exampleObject);
exampleColor.setHSL( hsl[0], hsl[1], hsl[2] );