ThreeJSアニメーションライトカラー

Question

私は時間の経過とともに色を変えたいという方向性のある光を作りました。私はthe documentationを読んでいますが、まだそれを稼働させていません。 のinitの前に、私は変数を宣言：私のinitで

var rmapped = 0; 
var color; 
var frontLight; 

私が持っている：

color = "rgb(" + r + "," + g + "," + b + ")"; 
var frontLight = new THREE.DirectionalLight(color, 1); 
frontLight.position.set(0, 0, 3000); 
frontLight.castShadow = true; 
frontLight.shadowDarkness = 1; 
frontLight.shadowMapSoft = true; 
scene.add(frontLight); 

そして、私の更新で（）私が持っている：

rmapped = rmapped +.1; 
color.add(rmapped,1,1) 

私が使用して同じように幸せですHSL、またはaddScalar（）を使用します。私は、フレームごとに色を変えることができるものが必要です。 ありがとう！

Answer 1

frontLight.colorで明るい色を変更できます。

https://jsfiddle.net/8qaf13nv/

// h — hue value between 0.0 and 1.0 
// s — saturation value between 0.0 and 1.0 
// l — lightness value between 0.0 and 1.0 
var h = rmapped * 0.01 % 1; 
var s = 0.5; 
var l = 0.5; 
frontLight.color.setHSL (h, s, l); 

rmapped ++;