Three.js 从变量中设置 HSL 颜色

Question

我正在尝试使用变量来表示颜色，从而为 THREE.js 中的网格设置 hsl 颜色，以便我最终可以将可更改的调色板应用于面部。现在我只是想让它使用一种颜色。

直接设置颜色就能正常显示：

for ( var i = 0; i < geometry.faces.length; i ++ ) {
    var face = geometry.faces[ i ];
    face.color.setHSL(.74, .64, .59);}

但是当我尝试将颜色值放入变量时，它在控制台中给出了 NaN 结果。示例代码：

for ( var i = 0; i < geometry.faces.length; i ++ ) {
    var face = geometry.faces[ i ];
    color1 = [0.74, 0.64, 0.59];
    face.color.setHSL(color1);
    console.log(face.color);
}

如有任何建议，我将不胜感激！

Answer 1

Color 的 setHSL 函数接受 3 个参数，您在发布的第二个循环中向它发送了一个数组。
尝试：
face.color.setHSL(color1[0], color1[1], color1[2]);

Three.js 从变量中设置 HSL 颜色

Three.js setHSL color from a variable

hsl

three.js