Skip to content

nhuse/zen-arcade

Repository files navigation

ZEN Arcade

Zen Arcade is a web application that allows the player to play a selection of classic arcade games. The user will be able to compete for the top score against some of the best gamers across the country!

Deployed Application

Please visit http://zen-arcade.herokuapp.com to enjoy the deployed version of this application

Functionality

  • A user is able to login/register/logout
  • A user is able to edit their profile picture in the profile tab. (The button in the navbar saying "Hello, XXXXX")
  • A user is able to leave comments on games
    • Each game will have their own comments the users have left
    • In order to leave/see the comments, the user must select the COMMENTS button on the corresponding game
    • A user will be able to update/delete their comment(s) in the user's profile page

Tetris

  • The goal of Tetris is simple; you bring down blocks from the top of the screen. You can move the blocks around, either left to right and/or you can rotate them. The blocks fall at a certain rate, but you can make them fall faster if you’re sure of your positioning. Your objective is to get all the blocks to fill all the empty space in a line at the bottom of the screen; whenever you do this, you’ll find that the row of blocks vanish and you get awarded some points.
  • Once 10 rows are cleared, the level will increase.
  • With each level increase, the speed at which the tetrominos drop is increased
  • Once the screen is filled and a block hits the top, it's game over!

Controls

  1. RIGHT and LEFT ARROW KEYS move Tetrominos left and right
  2. UP ARROW KEY will rotate the Tetromino 90 degrees clockwise
  3. DOWN ARROW KEY will drop the tetromino quicker

Asteroids

  • The goal is to shoot as many to get as many points as possible.
  • Be careful! If an asteroid hits you, it's game over!

Controls

  1. Use WASD/ARROW KEYS to move/rotate your ship
  2. Hit SPACE BAR to shoot the asteroids

Snake

  • The goal of snake is simple; get your snake as long as possible by eating the square blocks and try not to run into yourself while eating! If you do, it's game over.

Controls

  1. Use ARROW KEYS/WASD to change your snake's direction.

Credits

Created by Zachary Goodman (@zgoodz), Elisa Shapiro (@ElisaShapiro), and Nathan Huse (@nhuse), aka ZEN.

We'd like to credit the following online resources for inspiration/adaptation of games under their Creative Commons license, MIT license

Tetris from Thomas Weibenfalk and freeCodeCamp github weibenfalk https://github.com/weibenfalk/react-tetris-starter-files
Reacteroids from Chris github chriz001 https://github.com/chriz001/Reacteroids
Snake from Maël Drapier github MaelDrapier https://github.com/MaelDrapier/react-simple-snake