在线玩小时候的游戏机

Use React, Redux, Immutable to code Tetris

在线玩小时候的游戏机

用React、Redux、Immutable做俄罗斯方块

俄罗斯方块是一直各类程序语言热衷实现的经典游戏,JAVAScript的实现版本也有很多,用React 做好俄罗斯方块则成了我一个目标。

在线玩小时候的游戏机

网页特色:

响应式

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

数据持久化

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

Redux 状态预览(Redux DevTools extension)

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

链接地址

github:https://github.com/chvin/react-tetris

游戏地址:https://chvin.github.io/react-tetris/?lan=en

© 版权声明
THE END
喜欢就支持一下吧
点赞14
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称

    暂无评论内容

随即推荐
一键重装系统win10步骤和详细教程-五伯资源网

一键重装系统win10步骤和详细教程

如果你使用的是win7系统,想要升级安装win10系统的话,除了常规Windows升级之外,还可以借助u盘启动盘进行重装系统,就可以准备一键重装系统啦。为此,小编最近也收集了一些资料,下面就来看看...
test13254783的头像-五伯资源网test132547831年前
03410
电脑版易语言V5.9.5精简修改增强免安装绿色版-五伯资源网

电脑版易语言V5.9.5精简修改增强免安装绿色版

易语言是一门以中文作为程序代码编程语言,其以“易”著称,创始人为吴涛。易语言早期版本的名字为E语言。其最早的版本的发布可追溯至2000年9月11日。创造易语言的初衷是进行用中文来编写程序的...
test4092749的头像-五伯资源网test40927499个月前
0506
安卓花瓣测速v4.6.0.302纯净版-五伯资源网

安卓花瓣测速v4.6.0.302纯净版

软件介绍  华为花瓣测速,是一款集成移动网络和WIFI网络上传、下载以及诊断功能的专业测试工具。 具备安装简单、使用方便、结果准确等特点。 可支持运营商2G/3G/4G/5G网络,以及WIFI网络测...
admin的头像-五伯资源网admin2年前
0367
Miaoo朋友圈程序全开源版源码-五伯资源网

Miaoo朋友圈程序全开源版源码

前台一键发布图文,视频,音乐。发布内容支持定位或自定义位置信息。支持将发布内容设为广告模式消息站内通知或邮件通知。支持其他用户注册,支持其他用户发布文章,管理自己的文章。拥有丰富的后...
admin的头像-五伯资源网admin4个月前
04210

小马模拟器,支持多人在线游玩!

本贴包含PC端和安卓端有开屏广告。非常实用。【软件名称】: wemod(PC端)【软件版本】:8.11.7【软件介绍】:作为一名单机游戏玩家,经常会遇到游戏太难,任务太烦、角色太菜等问题,然后将游戏...
test31029367的头像-五伯资源网test3102936710天前
04510
电脑系统怎么重装win11图解教程-五伯资源网

电脑系统怎么重装win11图解教程

一般微软的win11系统是可以直接升级体验的,不过有些网友的电脑没有收到升级通知,便想自己给电脑重装win11系统。那么具体电脑系统怎么重装win11呢?下面就演示下详细的电脑系统怎么重装win11教...
test47832325的头像-五伯资源网test478323251年前
0327
咕泡学院《对标P4—Python基础入门实战班(Python基础+高级)》-五伯资源网

咕泡学院《对标P4—Python基础入门实战班(Python基础+高级)》

课程全面覆盖python从入门到精通各阶段知识,深度学习算法及其项目实战,主要应用于计算机视觉与自然语言处理两大核心领域,培养满足企业就业需求的中高级人工智能算法工程师。链接:https://pa...
test41502373的头像-五伯资源网test4150237318天前
0229
Windows系统安全基础讲堂-五伯资源网

Windows系统安全基础讲堂

课程介绍 《Windows系统安全基础讲堂》是一门为初学者设计的课程,旨在教授Windows操作系统的安全基础知识。课程内容包括:Windows系统安全性概述、用户账户和权限管理、防火墙和网络安全、恶意...
admin的头像-五伯资源网admin10个月前
0299
数据库恢复数据的工具有哪些-五伯资源网

数据库恢复数据的工具有哪些

在遇到电脑、硬盘或U盘等设备中数据丢失情况时,很多朋友都会很着急也不知道该怎么办。如果是数据恢复小白,建议大家优先选择使用数据恢复软件进行扫描恢复。现在市面上的数据恢复软件很多,那...
test29571644的头像-五伯资源网test295716441年前
0499
电脑自动重装系统怎么操作-五伯资源网

电脑自动重装系统怎么操作

工具/原料: 系统版本:windows7 品牌型号:弘基电脑 方法/步骤:电脑自动重装系统操作步骤
oyx551的头像-五伯资源网oyx5511年前
0225