如何减少PONG游戏服务端游戏循环中的Delta Time峰值？

我基于客户端/服务器模型开发了一款PONG游戏，服务端负责计算并同步游戏状态，再发送到客户端渲染。现在遇到的问题是游戏循环里deltaTime > 0.02（即20ms）的判定触发得太频繁，想优化这个情况。

当前游戏循环代码：

beginGameLoop(roomID: string) {
    let lastTime = performance.now();
    let counter = 0;

    if (counter++ == 0) console.log('Game loop started');
    const intervalId = setInterval(() => {
        const currentTime = performance.now();
        const deltaTime = (currentTime - lastTime) / 1000; // 转换为秒
        lastTime = currentTime;

        if (deltaTime > 0.02) {
            //! 这个触发得太频繁了，我很头疼
            // 阈值设为20ms
            console.log(`检测到高DeltaTime: ${deltaTime}`);
        }

        this.gameService.updateGameState(roomID, deltaTime);
        // 如果游戏结束，清除定时器
        // if (this.gameService.isGameOver(roomID)) {
        //  clearInterval(intervalId);
        // }
        this.sendGameState(roomID, this.gameService.getGameState(roomID));
    }, 1000 / 60); // 期望以约60FPS运行循环
    this.gameService.setIntervalID(roomID, intervalId);
}

服务端运行数分钟后，控制台频繁输出类似「检测到高DeltaTime: 0.02xxx」甚至更高的日志（日志显示大量连续的高DeltaTime记录）。

1. 替换setInterval为递归式循环 #

setInterval的硬伤是不考虑上一轮任务的执行耗时，一旦某轮逻辑卡住，后续定时器会堆积触发，直接拉高DeltaTime。换成基于setImmediate（Node.js环境）的递归调用，让事件循环自然调度：

beginGameLoop(roomID: string) {
    let lastTime = performance.now();
    let frameId: NodeJS.Timeout;

    const gameLoop = () => {
        const currentTime = performance.now();
        const deltaTime = (currentTime - lastTime) / 1000;
        lastTime = currentTime;

        // 限制最大DeltaTime，避免单次卡顿导致游戏状态突变
        const clampedDelta = Math.min(deltaTime, 0.05);

        if (deltaTime > 0.02) {
            console.log(`检测到高DeltaTime: ${deltaTime}，已限制为${clampedDelta}`);
        }

        this.gameService.updateGameState(roomID, clampedDelta);
        this.sendGameState(roomID, this.gameService.getGameState(roomID));

        if (!this.gameService.isGameOver(roomID)) {
            frameId = setImmediate(gameLoop);
        }
    };

    gameLoop();
    this.gameService.setIntervalID(roomID, frameId);
}

2. 分离状态更新与网络同步频率 #

没必要每帧都同步状态给客户端——60FPS的同步会徒增服务端带宽和CPU压力，反而拖慢循环。可以固定同步频率（比如20FPS，即每50ms一次），状态更新仍保持高频率：

beginGameLoop(roomID: string) {
    let lastTime = performance.now();
    let lastSyncTime = performance.now();
    const syncInterval = 1000 / 20; // 20FPS同步
    let frameId: NodeJS.Timeout;

    const gameLoop = () => {
        const currentTime = performance.now();
        const deltaTime = (currentTime - lastTime) / 1000;
        lastTime = currentTime;

        const clampedDelta = Math.min(deltaTime, 0.05);
        this.gameService.updateGameState(roomID, clampedDelta);

        // 仅到同步时间才发送状态
        if (currentTime - lastSyncTime >= syncInterval) {
            this.sendGameState(roomID, this.gameService.getGameState(roomID));
            lastSyncTime = currentTime;
        }

        if (!this.gameService.isGameOver(roomID)) {
            frameId = setImmediate(gameLoop);
        }
    };

    gameLoop();
    this.gameService.setIntervalID(roomID, frameId);
}

3. 优化循环内核心逻辑的性能 #

高DeltaTime很多时候是因为循环内的逻辑太耗时：

• 检查updateGameState里的碰撞检测、物理模拟，去掉冗余计算（PONG逻辑简单，重点看是否有不必要的遍历或重复判断）
• sendGameState改用二进制协议（比如Protobuf）代替JSON，减少序列化/反序列化的时间开销
• 批量处理消息，避免每次同步都发送小数据包

4. 增加DeltaTime平滑处理 #

用移动平均法平滑deltaTime，避免单次高DeltaTime影响游戏状态：

beginGameLoop(roomID: string) {
    let lastTime = performance.now();
    let deltaHistory: number[] = [];
    const maxHistoryLength = 5; // 取最近5帧的平均值
    let frameId: NodeJS.Timeout;

    const gameLoop = () => {
        const currentTime = performance.now();
        const deltaTime = (currentTime - lastTime) / 1000;
        lastTime = currentTime;

        // 更新历史记录并取平均值
        deltaHistory.push(deltaTime);
        if (deltaHistory.length > maxHistoryLength) deltaHistory.shift();
        const smoothedDelta = deltaHistory.reduce((a, b) => a + b, 0) / deltaHistory.length;

        const clampedDelta = Math.min(smoothedDelta, 0.02);

        if (deltaTime > 0.02) {
            console.log(`检测到高DeltaTime: ${deltaTime}，已平滑为${smoothedDelta}`);
        }

        this.gameService.updateGameState(roomID, clampedDelta);
        this.sendGameState(roomID, this.gameService.getGameState(roomID));

        if (!this.gameService.isGameOver(roomID)) {
            frameId = setImmediate(gameLoop);
        }
    };

    gameLoop();
    this.gameService.setIntervalID(roomID, frameId);
}

5. 排查服务端资源占用 #

如果以上优化后还是频繁触发，检查服务端是否有其他资源竞争：

• 用top（Linux）或任务管理器（Windows）查看CPU使用率，确认是否有其他进程抢占资源
• 用clinic.js等工具分析Node.js事件循环是否被阻塞
• 确保每个房间的游戏循环是独立的，没有跨房间的锁或共享资源竞争

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