A shameless Tetris clone using HTML5/CSS3/JavaScript
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
src
.bowerrc
.editorconfig
.gitignore
.jshintrc
.travis.yml
Gruntfile.js
INFO.md
README.md
bower.json
package.json

README.md

BlockDrop

Demo here: blockdrop.benbooth.co

BlockDrop is a shameless Tetris® clone using pure JavaScript, HTML and CSS. I started writing it while teaching myself how to use JavaScript as a proper language and wean myself off jQuery. I'm also using it as a testing platform for various JavaScript, HTML5 and CSS3 features. I've tested in Chrome, Firefox, IE 9/10 and Chrome for Android so it should work on most modern platforms.

Controls:

  • a h or swipe ← moves the piece left
  • d l or swipe → moves the piece right
  • w k swipe ↑, or single tap rotates the piece 90° clock-wise
  • s j or swipe ↓ soft drops the piece (drop line by line)
  • spacebar or enter hard drops the piece (drop all the way to the bottom)