This link directs you to the old well known game of Tetris. A rather simple game written in Javascript is aimed at people who want to remember this game and have a good time.
-
Navigation Bar
The responsive navigation bar on the right side of the website contains links to buttons:
- Start
- Pause
And also navigation of information on the game:
- Score
- Lines (how many lines are stacked)
- Next (next figure)
- Speed
- Level.
-
The landing page image
- The landing page contains the Tetris board itself. The pieces appear at the top of the board and go down. When you click the Start button, the pieces appear on the board, move down and form a line.
-
The landing page is quite clear for the user.
-
Figures in Game
-
The following figures are designed in this game: O-block, I-block, L-block, J-block, S-block, T-block, Z-block
- Add more interactive elements to the game interface.
- Add a record of the game's scoring history.
- add game sound during various events.
- Implement a scoring system to track users' performance.
- refine the settings for moving to a higher level.
- HTML
- No errors were returned when passing through the official W3C validator
- CSS
- No errors were found when passing through the official (Jigsaw) validator
No significant bugs were found during testing.
The Tetris game is deployed on GitHub Pages. To deploy:
- In the GitHub repository, navigate to the Settings tab.
- From the source section drop-down menu, select the Master Branch.
- The page will be automatically refreshed, indicating a successful deployment.
The live link can be found here.
- The project structure and README template were adapted from Lucy Rush's template.
- Tetris game implementation is based on JavaScript and HTML & CSS.
- I took part in a webinar on writing a Tetris game in Javascript: Tetris game youtube
- I am also taking additional training on the materials from the website:
- Images used in the project are from Open Source site.
Congratulations on completing your Tetris Game project! Feel free to explore additional features and enhancements to further improve the gaming experience.
Following the tutorials on the course page may not provide enough information and knowledge to create full-fledged games or interactive websites. Therefore, there is always a need to search for additional materials, courses, and information from other sources.
The book Javascript for Kids UA helped me to learn Java. The book describes the basics of the language, the main concepts and its application in a clear and understandable language for beginners. I also recommend that you consider and study with the help of the book Head First JavaScript Programming. With examples and in English.
- Do some extra research on good and bad coding practices, there are a handful of useful articles to read, consider reviewing the following list when getting started: