主页‘随便逛逛’后面的动画应该在哪里设置？

[proteincontent]

请问，主页‘随便逛逛’后面的动画应该在哪里可以设置，可以关闭动画，用自己的4k动图吗？

我试着改了一下people.js中的代码，但是不清楚为什么下半部分是黑的

"use strict";
// 启用严格模式，有助于捕获常见的编码错误

var peopleConfig = {
  src: GLOBAL_CONFIG.peoplecanvas.img,
};
// 定义人物配置对象，包含图片源

let peoplecanvasEl = document.getElementById("peoplecanvas");
// 获取ID为"peoplecanvas"的canvas元素

let ctx = peoplecanvasEl ? peoplecanvasEl.getContext("2d") : undefined;
// 如果canvas元素存在，获取2D渲染上下文，否则为undefined

let img = new Image();
// 创建一个新的Image对象用于加载图片

function init() {
  if (!peoplecanvasEl) return;
  // 如果canvas元素不存在，直接返回

  img.onload = function() {
    console.log("Image loaded successfully");
    resize();
    render();
  };
  // 图片加载成功时的回调函数

  img.onerror = function() {
    console.error("Error loading image");
  };
  // 图片加载失败时的回调函数

  img.src = peopleConfig.src;
  // 设置图片源，开始加载图片

  window.addEventListener("resize", resize);
  // 添加窗口resize事件监听器
}

document.addEventListener("pjax:success", e => {
  // 监听pjax:success事件，用于处理页面部分刷新
  peoplecanvasEl = document.getElementById("peoplecanvas");
  if (peoplecanvasEl) {
    ctx = peoplecanvasEl.getContext("2d");
    window.removeEventListener("resize", resize);
    setTimeout(() => {
      if (!peoplecanvasEl) return;
      resize();
      render();
      window.addEventListener("resize", resize);
    }, 300);
  }
});

function resize() {
  if (peoplecanvasEl && peoplecanvasEl.clientWidth != 0) {
    // 如果canvas元素存在且宽度不为0
    peoplecanvasEl.width = peoplecanvasEl.clientWidth * devicePixelRatio;
    peoplecanvasEl.height = peoplecanvasEl.clientHeight * devicePixelRatio;
    // 设置canvas的实际尺寸，考虑设备像素比

    console.log("Canvas resized:", {
      width: peoplecanvasEl.width,
      height: peoplecanvasEl.height,
      clientWidth: peoplecanvasEl.clientWidth,
      clientHeight: peoplecanvasEl.clientHeight
    });
    // 输出调整后的canvas尺寸信息

    render();
    // 调用render函数重新渲染
  } else {
    console.log("Resize conditions not met:", {
      peoplecanvasEl: !!peoplecanvasEl,
      clientWidth: peoplecanvasEl ? peoplecanvasEl.clientWidth : 'N/A'
    });
    // 输出未满足调整条件的信息
  }
}

function render() {
  if (!peoplecanvasEl || !ctx || !img.complete) {
    // 如果canvas元素、上下文或图片未完全加载，则不渲染
    console.log("Render conditions not met:", {
      peoplecanvasEl: !!peoplecanvasEl,
      ctx: !!ctx,
      imgComplete: img.complete
    });
    return;
  }

  console.log("Rendering image", {
    canvasWidth: peoplecanvasEl.width,
    canvasHeight: peoplecanvasEl.height,
    imgWidth: img.width,
    imgHeight: img.height
  });
  // 输出渲染信息

  ctx.save();
  // 保存当前绘图状态
  ctx.scale(devicePixelRatio, devicePixelRatio);
  // 根据设备像素比缩放
  ctx.drawImage(img, 0, 0, peoplecanvasEl.clientWidth, peoplecanvasEl.clientHeight);
  // 在canvas上绘制图片，缩放到canvas的客户区大小
  ctx.restore();
  // 恢复之前保存的绘图状态
}

init();
// 调用初始化函数

[wtq225]

原来不止是我这样，这个随便逛逛不知道是什么动画，还以为是缺什么dll文件什么的。