三个动画首页（方案 9–11），独立重做

三个方案不依据原首页图，各自独立设计，互不参考；每个方案分到用户清单里的一组动画技术。截图只能看到某一帧，动画请打开完整首页查看。以下为浏览器整页截图，未裁剪、改色或转码。

首页方案 9

three.js · 着色器 · WebGPU · GSAP

打开完整首页（看动画）↗
桌面 · 1440 × 900 方案9的桌面 · 1440 × 900完整截图
手机 · 390 × 844 方案9的手机 · 390 × 844完整截图
深色 · 1440 × 900 方案9的深色 · 1440 × 900完整截图
减少动态效果 · 1440 × 900 方案9的减少动态效果 · 1440 × 900完整截图

首页方案 10

Canvas 2D · p5.js · D3.js · Motion

打开完整首页（看动画）↗
桌面 · 1440 × 900 方案10的桌面 · 1440 × 900完整截图
手机 · 390 × 844 方案10的手机 · 390 × 844完整截图
深色 · 1440 × 900 方案10的深色 · 1440 × 900完整截图
减少动态效果 · 1440 × 900 方案10的减少动态效果 · 1440 × 900完整截图

首页方案 11

PixiJS · Lottie · anime.js

打开完整首页（看动画）↗
桌面 · 1440 × 900 方案11的桌面 · 1440 × 900完整截图
手机 · 390 × 844 方案11的手机 · 390 × 844完整截图
深色 · 1440 × 900 方案11的深色 · 1440 × 900完整截图
减少动态效果 · 1440 × 900 方案11的减少动态效果 · 1440 × 900完整截图