Embark on an exhilarating journey of strategic brilliance and tactical finesse! The aim of the Victory Grid game is to outsmart your opponent and be the first to forge an unbroken chain of four dazzling discs, creating a triumph of colors either horizontally, vertically, or diagonally across the dynamic game grid. It is based on classic two-player connection game "Connect Four" in which the players are identified by a specific color,instead of color there are images in this game and then take turns dropping one colored disc from the top into a vertically suspended grid. The game ends when a player connects four of their discs in a row or when the grid is full, resulting in a draw.
Welcome to the timeless world of "VICTORY GRID", where every move is a stroke of genius and victory hangs in the balance! Dive into an immersive experience where players engage in a thrilling duel, strategically dropping their uniquely hued discs into a visually captivating 6x7 grid. As the discs gracefully descend, tensions rise – for in this game of wits, only one will emerge victorious. Used these three Front End Languages to built this game:
- Grid Representation
- Structure
- Player Information
- Visual Styling
- Text animations
- Responsive Design
- Game Logic
- Event Handling
- Dynamic Content Updates
- Random Messages
- Audio Control
- Game Grid: 6x7 board.
- Player Turns: player name is stored in local storage and with help of that it will show the name vise turn.
- Victory Conditions:The game determines a winner when a player successfully connects four of their discs either horizontally, vertically, or diagonally. The victory is declared, and the game concludes.
- Draw Condition:If the grid is completely filled, and no player has connected four discs, the game is declared a draw.
- Visual Feedback:on game over page,there will be random winning messages.
- Sound Effects:Engaging sound effects, such as a distinct sound for placing a disc, enhance the overall gaming experience.
- Random Messages:The game includes a feature that displays random messages on the screen, adding an element of fun and surprise during gameplay.
- Responsive Design:The game interface is designed to be responsive, ensuring an enjoyable experience across various devices and screen sizes specially on 1024x620,360x800,320x540.
- Score Tracking:The game keeps track of the scores, updating them based on wins or draws. This information can be displayed during and after the game.
- Restart and New Game Options:Players have the option to restart the current game or start a new one, providing flexibility and convenience.
- Background Music:An engaging background music track adds to the ambiance of the game.
Background sound effects: Pixabay Images: Flaticons,Pinterest,Google
- Figma:Desinging
- Visual Studio Code:Development of entire game
I have made this game by taking help from W3school and youtube video by Kenny Yip Coding and Conor Bailey.