【公众号回复 “ 1024 ”,免费领取30本经典编程书籍】
今天给大家分享的开源项目,可以说是慢慢的回忆杀,绝对的回忆杀。
可以说:每一位读者朋友在小时候都会玩过这个小游戏,而且很上瘾。
但是,这是什么游戏呢?
答案就是,经典游戏:俄罗斯方块。
俄罗斯方块是一直各类程序语言热衷实现的经典游戏,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/
或者点击阅读原文,一键抵达游戏地址。
今天的推荐不知道大家喜欢吗?如果你喜欢,请在文章底部留言和点赞,以表示对我的支持,你们的留言、点赞和转发关注是我持续更新的动力哦!
「GitHub精选」,每晚10:24准时为您推送
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- c# – 异步一直下来?
- C# 8,接下来会发生什么
- 后疫情时期,活下来了,但你还好吗?
- 魔法书3:让 Arduino 慢下来 20倍省电
- Nginx 为什么快到停不下来?
- Nginx为什么快到根本停不下来?
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
技术领导之路(中英文对照)
Gerald M.Weinberg / 余晟 / 电子工业出版社 / 2009-12 / 69.00元
《技术领导之路:全面解决问题的途径(中英文对照)》内容简介:搞定技术问题并不简单,但与人打交到也并非易事。作为一个技术专家,你是否在走上管理岗位时遇到了各种不适“症状”?《技术领导之路:解决问题的有机方法》一书将帮助你成为一个成功的解决问题的领导者。书中温伯格从一个反思者的角度阐述了要成为一个成功的解决问题的领导者必备的3个技能——MOI,即激励(Motivation)、组织(Organizati......一起来看看 《技术领导之路(中英文对照)》 这本书的介绍吧!