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

在Three.js中，`FlashlightMaterial`是一种用于模拟灯光效果的特殊材质，它主要用于创建聚光灯或探照灯。`color`属性控制的是材料的基础颜色，而`emissive`属性则表示光源自身发出的光线颜色。

如果你想让这两个属性每两秒在橙色（#FFA500）和灰色（#808080）之间切换，你可以编写一个简单的定时器循环，并在其中更新这些材质的颜色。以下是大概的步骤：

1. 首先，你需要创建一个`FlashlightMaterial`实例并设置初始颜色：

let material = new THREE.FlashlightMaterial({
  color: 0xffa500, // 设置初始橙色
  emissive: 0x808080, // 设置初始灰色
});

2. 然后创建一个定时器函数，例如使用`setTimeout`或`requestAnimationFrame`:

let timeSwitched = 0;
function switchColors() {
  if (timeSwitched % 2000 === 0) { // 2000毫秒等于两秒
    material.color.setHex(timeSwitched % 2 === 0 ? 0xffa500 : 0x808080); // 如果时间奇数，则切换到橙色，偶数切换到灰色
    material.emissive.setHex(timeSwitched % 2 === 0 ? 0x808080 : 0xffa500);
  }
  timeSwitched++;
}

// 开始切换
switchColors();
setInterval(switchColors, 2000); // 每隔2秒执行一次

请注意，这个例子假设`timeSwitched`是以毫秒为单位的，所以每隔2000毫秒（即两秒），颜色会切换。实际应用中，你可能需要处理更复杂的动画效果，比如平滑过渡。