const RENDER_DELAY = 100;

const gameUpdates = [];
let gameStart = 0;
let firstServerTimestamp = 0;

export function initState() {
  gameStart = 0;
  firstServerTimestamp = 0;
}

export function processGameUpdate(update) {
  if (!firstServerTimestamp) {
    firstServerTimestamp = update.t;
    gameStart = Date.now();
  }
  gameUpdates.push(update);

  // Keep only one game update before the current server time
  const base = getBaseUpdate();
  if (base > 0) {
    gameUpdates.splice(0, base);
  }
}

function currentServerTime() {
  return firstServerTimestamp + (Date.now() - gameStart) - RENDER_DELAY;
}

// Returns the index of the base update, the first game update before
// current server time, or -1 if N/A.
function getBaseUpdate() {
  const serverTime = currentServerTime();
  for (let i = gameUpdates.length - 1; i >= 0; i--) {
    if (gameUpdates[i].t <= serverTime) {
      return i;
    }
  }
  return -1;
}

首先要了解的是 currentServerTime() 的功能。如前所述，每个游戏更新都包含服务器时间戳。我们希望使用渲染延迟来在服务器后渲染100毫秒，但我们永远不会知道服务器上的当前时间，因为我们不知道任何给定更新要花费多长时间。互联网是无法预测的，并且变化很大！

为了解决这个问题，我们将使用一个合理的近似方法：我们假设第一个更新立即到达。如果这是真的，那么我们就会知道服务器在那一刻的时间！我们在 firstServerTimestamp 中存储服务器时间戳，在 gameStart 中存储本地(客户端)时间戳。

哇，等一下。服务器上的时间不应该等于客户端上的时间吗？为什么在“服务器时间戳”和“客户端时间戳”之间有区别？这是个好问题，读者们！事实证明，它们不一样。Date.now() 将根据客户端和服务器的本地因素返回不同的时间戳。永远不要假设您的时间戳在不同机器之间是一致的。

现在很清楚 currentServerTime() 的作用了：它返回当前渲染时间的服务器时间戳。换句话说，它是当前服务器时间(firstServerTimestamp + (Date.now() - gameStart)) 减去渲染延迟(RENDER_DELAY)。

接下来，让我们了解如何处理游戏更新。processGameUpdate() 在从服务器接收到更新时被调用，我们将新更新存储在 gameUpdates 数组中。然后，为了检查内存使用情况，我们删除了在基本更新之前的所有旧更新，因为我们不再需要它们了。

基本更新到底是什么？ 这是我们从当前服务器时间倒退时发现的第一个更新。 还记得这张图吗？

“客户端渲染时间”左边的游戏更新是基础更新。

基础更新的用途是什么？为什么我们可以丢弃基础更新之前的更新？最后让我们看看 getCurrentState() 的实现，以找出：

state.js, Part 2

export function getCurrentState() {
  if (!firstServerTimestamp) {
    return {};
  }

  const base = getBaseUpdate();
  const serverTime = currentServerTime();

  // If base is the most recent update we have, use its state.
  // Else, interpolate between its state and the state of (base + 1).
  if (base < 0) {
    return gameUpdates[gameUpdates.length - 1];
  } else if (base === gameUpdates.length - 1) {
    return gameUpdates[base];
  } else {
    const baseUpdate = gameUpdates[base];
    const next = gameUpdates[base + 1];
    const r = (serverTime - baseUpdate.t) / (next.t - baseUpdate.t);
    return {
      me: interpolateObject(baseUpdate.me, next.me, r),
      others: interpolateObjectArray(baseUpdate.others, next.others, r),
      bullets: interpolateObjectArray(baseUpdate.bullets, next.bullets, r),
    };
  }
}

我是为少。
微信：uuhells123。
公众号：黑客下午茶。
谢谢点赞支持??????！