threejs 中flashlightmaterial的color和emissive 每两秒在橙色和灰色之间切换

在Three.js库中，FlashlightMaterial是一种用于创建聚光灯效果的材质。`color`属性代表光源的颜色，而`emissive`属性则控制光源本身的颜色（即当它直接发射光时的颜色）。如果你想每两秒钟让颜色在橙色和灰色之间切换，你可以通过JavaScript定时器来实现这样的动画效果。

首先，你需要创建一个FlashlightMaterial实例，并设置初始的颜色，比如：

const flashlightMaterial = new THREE.FlashlightMaterial({
  color: 0xffa500, // 设置橙色 (HTML hex code)
  emissive: 0x808080, // 设置灰色 (HTML hex code)
});

然后，你可以设置一个定时器，例如`setInterval`函数，每隔两秒钟改变颜色：

letcurrentColorIndex = 0;
function switchColor() {
  const colors = [0xffa500, // 橙色
                 0x808080]; // 灰色

  flashlightMaterial.color.set(colors[currentColorIndex]);
  flashlightMaterial.emissive.set(colors[(currentColorIndex + 1) % colors.length]);

  // 切换到下一个颜色
 currentColorIndex = (currentColorIndex + 1) % colors.length;
}

// 开始切换颜色
switchColor();
setInterval(switchColor, 2000); // 每隔2000毫秒（2秒）调用一次

这将在每次调用`switchColor`函数时，将光源颜色从当前颜色切换到另一个预设的颜色。记得在适当的地方清除这个定时器，以防意外持续运行。