闲着没事做的 3D 服务器监控面板 demo。用 React Three Fiber 渲染了一组八面体服务器节点,每个节点带实时 CPU/内存数据和状态环;节点之间有数据流连线。顺手接了 MediaPipe Hands 手势识别,可以用捏合、握拳、张开手掌来控制视角旋转和选中节点,底部那个大圆按钮就是摄像头入口。后端数据是模拟的,没接真实服务。技术栈是 Vite + React 18 + TypeScript + R3F + MediaPipe + Zustand,纯前端跑。做得比较粗糙,主要是想试一下 WebGL 场景和手势识别结合的效果。
需求方专属客服,免费梳理匹配