Three.js использует переменную для установки цвета фона HSL - PullRequest
0 голосов
/ 07 мая 2018

Я пытаюсь установить для renderer.setClearColor () новый цвет HSL, используя переменную. Это работает, если я определяю переменную напрямую, но когда я пытаюсь изменить ее с помощью другой переменной, я получаю эту ошибку:

THREE.Color: Unknown color hsl(color1[0], 96%, 95%)

вот код, который я использую, чтобы попробовать и просто изменить оттенок:

backgroundColor = new THREE.Color("hsl(0, 96%, 95%)");

function getColors(){
color1 = [];
color1h = (data[1] / 359);
color1s = (0.90);
color1l = (0.65);
color1.push(color1h, color1s, color1l);
backgroundColor = new THREE.Color("hsl(color1[0], 96%, 95%)");
}
...
renderer.setClearColor(backgroundColor);

Любой совет будет оценен!

1 Ответ

0 голосов
/ 07 мая 2018

Вот один из способов установить и изменить цвет фона, используя параметры HSL:

var color = new THREE.Color(); // create once and reuse it

Затем, чтобы установить или изменить прозрачный цвет

color.setHSL( 0.5, 0.90, 0.95 );
renderer.setClearColor( color );

Также поддерживается другой шаблон:

scene.background = new THREE.Color().setHSL( 0.5, 0.90, 0.95 );

И чтобы изменить его:

scene.background.setHSL( 0.9, 0.90, 0.95 );

three.js r.92

...