Snake

This is a classical game that is developed in Vue3.

Rules

• The game is played in a 35×35 grid.
• The player starts as a single cell snake with a random direction.
• The player can navigate the snake via W, A, S, D keys or the arrow keys (⬆, ⬅, ⬇, ➡).
• If the snake hits the grid boundaries, it will continue to move in the same direction from the opposite end.
• The player needs to navigate the snake to the snack in order to have the snake grow and gain score.
• Each eaten snack contributes 1 point to the score.
• If the snake hits its own tail, then the game is over.

Development

Prerequisites

You need to install and setup the following:

• node.js
• yarn
• git

Clone the repository

• Open up a terminal (Linux, macOS), or a command prompt (Windows)
• Navigate to the directory you would like to download this repository in
• You can do this by running a cd command like so:

cd /directory/for/this/repo

• Do not forget to change /directory/for/this/repo with the directory of your own choosing!
• Clone the repository by running the following command:

git clone https://github.com/ekinkaradag/snake-vue3.git

Running the game

• If the cloning process went well, you need to change the directory to the newly created snake-vue3 folder in order to install the dependencies
• To Change the directory, run the following command:

cd snake-vue3

• This can be done by running the following command:

yarn

• Or, if you prefer to use npm, you can run this:

npm install

• Once the dependencies are installed, you can start the game in a live dev environment.
• This can be done by running the following command:

yarn dev

• Or, if you prefer to use npm, you can run this:

npm run dev

• If you would like to build it:
• This can be done by running the following command:

yarn build

• Or, if you prefer to use npm, you can run this:

npm run build

• When you do this, the built files will be available in the dist folder.
• If you would like to deploy it to GitHub Pages:
• This can be done by running the following command:

yarn deploy

• Or, if you prefer to use npm, you can run this:

npm run deploy

GitHub

View Github