文章目录
一、为什么动画会"时快时慢"
不同设备帧率差异会导致同样逻辑在 30fps 和 144fps 下表现不一致。
二、核心时间基线
- 使用
clock.getDelta()获取帧间隔。 - 所有位移、旋转、插值都乘以
delta。 - 对异常大帧间隔做上限裁剪，防止掉帧抖动放大。
三、固定步进与渲染解耦
逻辑层可采用 fixed-step（如 60Hz）累计更新，渲染层继续按实时帧率绘制。
四、工程建议
输入采样、物理更新、动画状态机按统一时间轴推进，减少跨系统不同步。
五、结语
稳定的时间步进是 Three.js 交互与动画手感一致性的关键。