Three.js устанавливает цвет HSL из переменной

Question

Я пытаюсь установить цвет hsl для сетки в файле THREE.js, используя переменную для представления цвета, чтобы в конечном итоге я мог применить изменяемую цветовую палитру к граням. Сейчас я просто пытаюсь заставить его работать с одним цветом.

Я могу заставить его отображаться правильно, когда я непосредственно устанавливаю цвет:

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

Функция setHSL для Color принимает 3 аргумента, вы отправляете ей массив во втором опубликованном цикле.
попробуйте:
face.color.setHSL(color1[0], color1[1], color1[2]);