(Three.JS)如何循环lerp场景背景颜色？

// 创建场景对象
var scene = new THREE.Scene();

// 设置初始背景颜色
scene.background = new THREE.Color(0x000000);

// 创建渐变插值函数
var colorStart = new THREE.Color(0x000000);
var colorEnd = new THREE.Color(0xffffff);
var lerpAmount = 0; // 渐变插值的初始值

function lerpBackground() {
  // 使用渐变插值函数计算当前背景颜色
  var color = new THREE.Color().copy(colorStart).lerp(colorEnd, lerpAmount);

  // 将计算得到的背景颜色应用到场景中
  scene.background = color;

  // 更新渐变插值的值
  lerpAmount += 0.01; // 调整渐变速度

  // 当渐变插值超过1时，重置为0，实现循环
  if (lerpAmount > 1) {
    lerpAmount = 0;
  }
}

// 渲染循环
function render() {
  // 更新背景颜色
  lerpBackground();

  // 执行渲染操作
  renderer.render(scene, camera);

  // 请求下一帧
  requestAnimationFrame(render);
}

// 调用渲染循环函数
render();