Games · 游戏

Html5小游戏_俄罗斯方块

•̀.̫•́✧ · 6月1日 · 2019年 · 本文561字 · 阅读2分钟1,123

用React、Redux、Immutable做俄罗斯方块。 俄罗斯方块是一直各类程序语言热衷实现的经典游戏,JavaScript的实现版本也有很多 。文章最后附演示地址

效果预览

Html5小游戏_俄罗斯方块-歪?是3.1415926吗

正常速度的录制,体验流畅。

响应式

Html5小游戏_俄罗斯方块-歪?是3.1415926吗

不仅指屏幕的自适应,而是在PC使用键盘、在手机使用手指的响应式操作

Html5小游戏_俄罗斯方块-歪?是3.1415926吗

数据持久化

玩单机游戏最怕什么?断电。通过订阅 store.subscribe,将state储存在localStorage,精确记录所有状态。网页关了刷新了、程序崩溃了、手机没电了,重新打开连接,都可以继续。

Redux 状态预览

Html5小游戏_俄罗斯方块-歪?是3.1415926吗

Redux设计管理了所有应存的状态,这是上面持久化的保证。

游戏框架使用的是 React + Redux,其中再加入了 Immutable,用它的实例来做来Redux的state。

13 条回应
  1. 书僮礼佛2020-9-28 · 22:22

    谢谢