提到《俄罗斯方块》（），那真是几乎无人不知无人不晓，除此之外，相信许多程序员第一个编程实践项目就是编写一个俄罗斯方块或者是坦克大战
这类的游戏各种编程语言的实现版本都有，今天和大家分享一个用React 编写的俄罗斯方块，在移动端和 PC 都能运行。
先上效果让你们预览一下：
Redux 状态预览
这个游戏的框架使用的是 React + Redux，其中再加入了 ，用它的实例来做来Redux的state。
是一旦创建，就不能再被更改的数据。对 对象的任何修改或添加删除操作都会返回一个新的 对象。
让我们看下面一段代码：
function keyLog(touchFn) {
let data = { key: 'value' };
f(data);
console.log(data.key); // 猜猜会打印什么？
}
不查看f，不知道它对data做了什么，无法确认会打印什么。但如果data是，你可以确定打印的是value：
function keyLog(touchFn) {
let data = Immutable.Map({ key: 'value' });
f(data);
console.log(data.get('key')); // value
}
创建者在上做了详细的介绍，他在游戏中添加了很多不同的音效，实际上只有一个音效文件，他借助Web Audio Api能够以毫秒级精确、高频率的播放音效，这是标签所做不到的。在游戏进行中按住方向键移动方块，便可以听到高频率的音效。
游戏的控制流程如下：
如果你是一名前端工程师并且对React感兴趣，拿这个游戏作为练手项目是非常不错的，如果不是，也可以把它当做茶余饭后的休闲项目
目前这款小游戏已经在上获得了5058个Star，840个Fork（地址：）喜欢的就拿走吧。
设置星标不迷路
有你想看的精彩
感谢您的阅读，如果你觉得我的公众号还不错，请多帮我推荐给你的朋友，多谢了。
前端大牛爱好者：每天一篇前端技术文章，不定时前端干货发送
评论（0）