用 three.js 纯代码打造滚动驱动的行走机器人吉祥物

作者用 three.js 的圆角盒、胶囊和球体等基础几何体，纯代码构建了一个随页面滚动行走的机器人吉祥物，无需 GLB 模型文件或 Blender。步态由正弦函数驱动，滚动距离映射为步幅并设上限，向上滚动则倒走；停止滚动时会切换为当前区块对应的姿势。three.js 仅在首次滚动或点击时加载，低端手机降级为静态图，移动端 Lighthouse 分数未受影响。