react 开源项目_经典的游戏开源项目,你值得拥有

ba8d0e5201b1ca46ece4b26276e38d11.png

今天给大家分享的开源项目,可以说是慢慢的回忆杀,绝对的回忆杀。

可以说:每一位读者朋友在小时候都会玩过这个小游戏,而且很上瘾。

但是,这是什么游戏呢?

答案就是,经典游戏:俄罗斯方块。

俄罗斯方块是一直各类程序语言热衷实现的经典游戏,JavaScript 的实现版本也有很多。而今天分享的这个游戏作者的梦想就是:用 React 做一个俄罗斯方块

开源分享这个游戏的作者,可以说做的非常完美,不仅体验好,而且:可以做到屏幕的自适应,而是可以在 PC 使用键盘、在手机使用手指的响应式操作。手机,电脑都可以完美的进行体验和游戏。

更重要的是作者做到了:数据持久化

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

游戏框架使用的是 React + Redux,其中再加入了 Immutable,用它的实例来做来 Redux 的 state。(有关 React 和 Redux 的介绍可以看:React 入门实例、 Redux 中文文档)。

看文字像是在吹牛,不直观,对吧?来,看实现的动态图:

94069db4e1a878029fb810878989a7c6.gif
ce39b47bdfaa2ce394c738d215fb9e72.gif

所以,通过这个开源的游戏,你可以学到什么知识呢?那就是:React + Redux ,以及 Immutable。

所以,当你在体验和游戏这个俄罗斯方块的时候,还请感兴趣,对 React 有兴趣的朋友,去研究和学习一下作者的开源代码和设计思路。这才是我给大家分享开源项目的目的和价值所在。

开源项目地址:

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

开源项目作者:Chvin

游戏链接地址:https://chvin.github.io/react-tetris/

或者点击阅读原文,一键抵达游戏地址。

今天的推荐不知道大家喜欢吗?如果你喜欢,请在文章底部留言和点赞,以表示对我的支持,你们的留言、点赞和转发关注是我持续更新的动力哦!

关注公众号:非著名程序员,对话框回复关键字 “1024”,免费领取 30 本经典编程书籍。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值