基于 React/Redux 的完整益智游戏,代码开源且可直接运行
mimstris — React 游戏站模板
作者 mimshwright
React/Redux 编写的俄罗斯方块风格益智游戏,含在线演示,适合学习函数式编程与游戏状态管理。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 2
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
采用函数式编程方法,使用 reselect 和 Ducks 模块化组织
支持确定性游戏模式,通过 random-seed 实现固定方块序列
包含键盘控制、暂停重启、静音等完整交互
作者在 2017 dotJS 会议做过相关分享,有技术背景可参考
模板详细介绍
mimstris 是一个用 React 和 Redux 构建的街机风格益智游戏,本质上是俄罗斯方块的变体,但加入了自定义形状和游戏模式。项目源自作者对 Meth Meth Method 视频的灵感,旨在用函数式编程方法制作游戏,并尝试当时较新的 JS 工具。代码最初写于 2016 年,2022 年做了基础更新以恢复编译,但整体结构保持原样,因此它更像一个带有年代感的技术样本,而非持续维护的现代项目。
游戏提供了完整的交互体验,支持键盘控制(方向键、A/D、Z 等),包含暂停、重启和静音功能。状态管理采用 Redux,配合 reselect 做记忆化选择器,模块组织遵循 Ducks 模式。测试方面使用 AVA 和 nyc,还引入了 random-seed 实现确定性游戏模式,即每局方块顺序相同。作者还为此项目创建了 pressed.js 库来处理按键检测。
对于想学习 React/Redux 架构、函数式编程在游戏中的应用,或需要参考完整游戏循环实现的开发者,mimstris 是一个可运行的实例。不过要注意,项目依赖较旧,虽然 2022 年更新过,但代码风格和依赖版本可能已过时,部署到生产环境前需自行升级和测试。在线演示托管在 Render 上,可直接体验。
适合你的项目吗?
适用场景
- 学习 React/Redux 状态管理和游戏循环的实践项目
- 作为俄罗斯方块类游戏开发的起点,可参考其架构和交互设计
- 用于演示函数式编程在游戏开发中的应用
- 需要快速搭建一个可玩的网页游戏原型
适合人群
- 对 React/Redux 有一定基础、想深入游戏开发的开发者
- 需要教学示例或开源参考的编程学习者
- 喜欢复古街机游戏、想自定义玩法的玩家或开发者
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
项目依赖较旧,2022 年虽更新过但代码基本未变,克隆后需检查依赖兼容性。
- 2
运行前请确保 Node 环境,并参考 README 中的安装与启动命令。
- 3
在线演示托管于 Render,可先体验再决定是否部署。
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明MIT许可,允许免费使用、复制、修改、合并、发布、分发、再许可与销售,仅需保留版权与许可声明。
使用时需要遵守
- 保留原作者版权声明和 MIT 许可证声明。
- 保留版权与许可声明
查看原文依据
Permission is hereby granted, free of charge, to any person obtaining a copy
许可证原文
**This game is open-source, free, and just for funsies!**
README 原文
https://github.com/mimshwright/mimstris/blob/master/LICENSEhttps://github.com/mimshwright/mimstris/blob/HEAD/README.mdPermission is hereby granted, free of char
许可证原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-09-24。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料一般 · 66 / 100
- 技术栈
- React · JavaScript
- 网站类型
- 游戏站
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2023-01-09
- 截图检查日期
- 2026-09-04
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 React。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
当前版本没有可核对的编辑审核记录;旧的应用时间不代表已完成事实审核。
这条历史介绍未保存固定版本的来源快照。请对照当前仓库,发现不一致可反馈。
反馈内容错误看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

ore ui
ore ui 是 Mojang Studios 开源的游戏 UI 构建工具集,目前主要包含 @react-facet 包,一个基于 observable 的状态管理库,专为 React 游戏界面设计,强调性能。
React · 游戏站

ordinary puzzles app
ordinary puzzles app 是一个用 React Native 与 TypeScript 编写的极简益智游戏,玩法介于 Picross 和数独之间,灵感来自 Linjat。
React · 游戏站

React 2048 game
React 2048 game 是一个用 React 和 Redux 构建的 2048 游戏实现,作者将其作为展示 React 生态最佳实践的示例项目。
React · 游戏站

js equality game
js equality game 是一个围绕 JavaScript 中 == 与 === 运算符设计的问答游戏,由 slikts 开发并开源。
React · 游戏站

Phaser React TypeScript
这是 Phaser 官方维护的 React 与 TypeScript 游戏模板,使用 Vite 作为构建工具。
React · 游戏站

zhithead
zhithead 是一个用 React 和 TypeScript 构建的开源浏览器卡牌游戏,复刻了经典的 Shithead(又称 Karma、Palace)玩法。
React · 游戏站
