Simplistic-Javascript-Tetris

Average Javascript Enjoyers Members :

• Alves Kévin (KevOneRedOne)
• Djoudi Yanis (Tadayoshi123)
• Moren Yohan (BoSswosile)
• Draris Sofiane

---

Objectives

Our goal was to recreate a Tetris game from scratch using Javascript.

For those who don't know, Tetris is a really simple game which consist in completing lines to get the best score possible !

How do you play the game ?

In order to play the game, you first have to run the program on your browser using your IDE.

Once this is done, you simply have to click on play button then enjoy the game !

You will play using the keyboard :

• Z or up arrow, is for rotating the piece to the right;
• S or left arrow, is for moving the piece to the left;
• D or right arrow, is for moving the piece to the right;
• S or down arrow, is for dropping the piece down faster;
• SPACE or Play button, is for running the game;
• ESC or Pause button, is to pause the game;
• Enter or Restart button, is for refreshing the game;

Additionnal Functionalities

• Score leaderboard
• Pause button
• Game runs at 60 fps
• Levels with the increase of the game speed
• Numbers of lines
• Timer for the game (still in progress)

---

Sources

To succeed in making our project, we had to resource ourselves on the net, here are some of the resources we used :

• Javascript Tetris tutorial by CodeExplained : https://www.codeexplained.org/2018/08/create-tetris-game-using-javascript.html
• JSON tutorial by James Q Quick : https://www.youtube.com/watch?v=DFhmNLKwwGw
• MDN : https://developer.mozilla.org/fr/docs/Web/JavaScript
• Devdoc : https://devdocs.io/javascript/
• w3school : https://www.w3schools.com/js/default.asp
• Lyon YNOV Campus's Object and DOM tutorials
• Chrono : https://forum.alsacreations.com/topic-5-76681-1-Chronometre-en-Javascript-demarrage-automatique.html

---

Tetris Game

Here is the link to our Tetris game :

https://simplistic-javascript-tetris.netlify.app/

The site is still being improved