今天给大家分享的开源项目,可以说是慢慢的回忆*,绝对的回忆*。
可以说:每一位读者朋友在小时候都会玩过这个小游戏,而且很上瘾。
但是,这是什么游戏呢?
答案就是,经典游戏:俄罗斯方块。
俄罗斯方块是一直各类程序语言热衷实现的经典游戏,JavaScript 的实现版本也有很多。而今天分享的这个游戏作者的梦想就是:用 React 做一个俄罗斯方块。
开源分享这个游戏的作者,可以说做的非常完美,不仅体验好,而且:可以做到屏幕的自适应,而是可以在 PC 使用键盘、在手机使用手指的响应式操作。手机,电脑都可以完美的进行体验和游戏。
更重要的是作者做到了:数据持久化。
玩单机游戏最怕什么?断电。通过订阅 store.subscribe ,将 state 储存在 localStorage,精确记录所有状态。网页关了刷新了、程序崩溃了、手机没电了,重新打开连接,都可以继续。
游戏框架使用的是 React Redux,其中再加入了 Immutable,用它的实例来做来 Redux 的 state。(有关 React 和 Redux 的介绍可以看:React 入门实例、 Redux 中文文档)。
看文字像是在吹牛,不直观,对吧?来,看实现的动态图:
所以,通过这个开源的游戏,你可以学到什么知识呢?那就是:React Redux ,以及 Immutable。
所以,当你在体验和游戏这个俄罗斯方块的时候,还请感兴趣,对 React 有兴趣的朋友,去研究和学习一下作者的开源代码和设计思路。这才是我给大家分享开源项目的目的和价值所在。
开源项目地址:
https://github.com/chvin/react-tetris
开源项目作者:Chvin
游戏链接地址:https://chvin.github.io/react-tetris/
或者点击阅读原文,一键抵达游戏地址。
今天的推荐不知道大家喜欢吗?如果你喜欢,请在文章底部留言和点赞,以表示对我的支持,你们的留言、点赞和转发关注是我持续更新的动力哦!
关注公众号:非著名程序员,对话框回复关键字 “1024”,免费领取 30 本经典编程书籍。
Copyright © 2024 妖气游戏网 www.17u1u.com All Rights Reserved