Three.js从变量设置HSL颜色

时间:2018-05-02 23:40:21

标签: three.js hsl

我正在尝试使用变量来设置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);
}

我很感激任何建议!

1 个答案:

答案 0 :(得分:0)

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