Phaser设置FPS异常：为何限制60FPS会导致更新速率错误

核心参数逻辑差异 #

先明确Phaser中fps配置两个参数的本质区别：

• target：引擎的期望帧率，它会通过调整时间步长适配目标速率，但不会主动限制帧率上限；
• limit：强制锁帧上限，引擎依赖浏览器定时器的延迟机制，强行把帧率压到设定值以下，但这个机制存在浏览器层面的精度缺陷。

你的问题具体分析 #

1. 设置limit:60时耗时超预期：
   理论上60FPS每帧间隔约16.67ms，180帧应耗时3000ms，但浏览器的setTimeout/setInterval存在最小延迟限制（通常4ms左右，后台标签页延迟更高）。引擎为了锁帧，每帧都会额外添加延迟来凑够16.67ms，再加上引擎自身的计算开销，实际每帧间隔会比理论值长，180帧累积下来就变成了3700ms左右，导致更新速率低于预期。

2. 移除limit后耗时减半：
   此时引擎会使用浏览器的requestAnimationFrame驱动更新，这个API与显示器刷新率同步——如果你的显示器是120Hz，它就会每秒触发120次更新，180次更新刚好耗时1.5秒（1500ms），这就是耗时减半的原因。

优化建议 #

如果目标是稳定60FPS，只需要设置target:60即可，无需添加limit。limit的作用是强制降低帧率（比如给低性能设备减负），而非稳定目标帧率，强制锁帧反而会因浏览器定时器的精度问题拖慢实际帧率。

内容的提问来源于stack exchange，提问作者JobHunter69