Skip to content
A falling block puzzle game created using React and Redux.
Branch: master
Clone or download
Latest commit 8217e73 Mar 29, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist Added music credit Mar 20, 2017
src Added gamepad support Mar 29, 2017
test Fixed issue #1 where score was no longer calculated for clearning lines Feb 17, 2017
.babelrc Added react Feb 3, 2017
.gitignore Removed notes from project Mar 15, 2017
.yarnclean cleaned yarn Jan 8, 2017
LICENSE
README.md Update README.md Feb 22, 2017
index.backup.html Added react Feb 3, 2017
package.json v1.3.0 Mar 29, 2017
screenshot.gif
webpack.config.babel.js Added react Feb 3, 2017
yarn.lock Added deterministic block mode Feb 18, 2017

README.md

Mimstris

An arcade puzzle game created in JS using React / Redux.

This game is open-source, free, and just for funsies!

👉 Play Now! 🎮 📺

Screen Shot

Motivation

After watching Meth Meth Method's video I was inspired to create a similar game for the following reasons:

  1. To try my hand at making a game using functional programming methodologies.
  2. To try out some JS tools that I hadn't used before
  3. I thought it would be fun to make up crazy custom shapes and/or game modes.

Some of the tools I used:

  • redux for state management
  • reselect for memoized selectors
  • react for component rendering
  • Ducks for module organization
  • AVA for unit tests and nyc for code coverage
  • lodash for numerous utility functions
  • random-seed to create a deterministic game mode (where every game is the same order of pieces)
  • pressed for detecting key presses in update loop (I created this library for this project)
  • babel, webpack, standard (code style)
  • ES6

Controls

Key Action
Left, A Left
Right, D Right
Down, S Down
Shift, Up Rotate Right
Z, / Rotate Left
Enter Pause / Restart Game
You can’t perform that action at this time.