16、游戏开发中的本地存储与WebSocket应用

游戏开发中的本地存储与WebSocket应用

1. 本地存储在游戏中的应用

在游戏开发中，本地存储是一项非常实用的技术，它可以帮助我们保存游戏数据，实现游戏进度的保存和恢复。

1.1 保存游戏数据到本地存储

当我们对游戏代码进行了大量修改后，就可以在网页浏览器中测试游戏。运行游戏后，清除几张匹配的卡片，然后打开Web Inspector中的存储面板，会发现本地存储中有一个键为 savingObject 的记录，其值是一个JSON格式的长字符串，包含了洗牌后的牌组、已移除的卡片以及当前已用时间。

我们将所有重要的游戏数据存入了名为 savingObject 的对象中，这个对象包含了后续重新创建游戏所需的所有信息，如卡片顺序、已移除的卡片和当前已用时间。最后，每秒将 savingObject 保存到 localStorage 中，使用本章前面提到的 stringify 函数将对象编码为JSON格式。示例代码如下：

// 假设这里已经有了savingObject对象
localStorage.setItem('savingObject', JSON.stringify(savingObject));

1.2 从本地存储中移除记录

游戏结束时，我们需要移除保存的记录，否则新游戏将无法正常开始。本地存储提供了 removeItem 函数来移