url-tetris

tetris inside the browser address bar
git clone https://tongong.net/git/url-tetris.git
Log | Files | Refs | README

README.md (1289B)

      1 # url-tetris
      2 
      3 This is a version of the popular Tetris game running in your address bar!
      4 
      5 [View Demo](https://tongong.github.io/url-tetris/)
      6 
      7 ## Controls
      8 
      9 <table style="text-align: center;">
     10     <tr>
     11         <td>W or ⬆️</td>
     12         <td>Move upwards</td>
     13     </tr>
     14     <tr>
     15         <td>A or ⬅️</td>
     16         <td>Move leftwards</td>
     17     </tr>
     18     <tr>
     19         <td>S or ⬇️</td>
     20         <td>Move downwards</td>
     21     </tr>
     22     <tr>
     23         <td>D or ➡️</td>
     24         <td>Rotate</td>
     25     </tr>
     26     <tr>
     27         <td>SPACE</td>
     28         <td>Start the game</td>
     29     </tr>
     30 </table>
     31 
     32 ## How does it work
     33 
     34 This project was made in vanilla JavaScript. With the [History.replaceState()](https://developer.mozilla.org/en-US/docs/Web/API/History/replaceState) method the current url can be changed without reloading the page. For the graphics [Braille Patterns](https://en.wikipedia.org/wiki/Braille_Patterns) are used.
     35 
     36 ## Browser support
     37 
     38 I tested the game with Firefox and Chrome for both Linux and Android. Firefox and Chrome work perfectly on desktop. On the tested mobile browsers all Unicode characters are percent-encoded. That's why I didn't add mobile controls.
     39 
     40 ## Inspired by
     41 
     42 -   [URL Hunter](http://probablycorey.com/url-hunter)
     43 -   [Flappy Braille](http://flappybraille.ndre.gr)