moeinparvizi / snake-game

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

LinkedIn Contributors Forks Issues


Logo

snake game

You can get more information from my snake game here
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Getting Started
  3. Roadmap
  4. Contributing
  5. License
  6. Contact

About The Project

Screenshot from 2023-10-27 14-36-22 Screenshot from 2023-10-27 14-42-20

Hints :

  • build with animation css
  • build with vanila js
  • It has been tried to clean the code
  • you can change colors in master.scss > // colors and change colors in all project

a snake game build with javascript es6 to up , sass and more . snake movment build with grid display in css and when eating an apple it bigger than old self . when snake collition to wall or self body users game over in play board . i try to write clean code and to understand more write lot commnet in js . please give to my code star and follow my page in social media to happy me. scroll page to more information about this project.

🎨 Color Reference

Color Hex
Primary Color #212837
Secondary Color #eeeeee
text Color #848484
food Color #ff003d
snake Color #649c49
background Color #000000

you can change colors to all files in master.scss > colors comment

(back to top)

Built With

  • html
  • CSS3
  • SASS
  • JavaScript

(back to top)

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

for editing code you should be install sass then go to watch mode but how?

  • sass
    npm install sass -g

Installation

Below is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services.

  1. go to my page personal page
  2. Clone the repo
    git clone https://www.github.com/moeinparvizi/snake-game.git
  3. start sass watch mode in assets/styles folder
    sass -w master.scss master.css

(back to top)

Roadmap

  • high score
  • customize notification
  • mobile experience

See the open issues for a full list of proposed features (and known issues).

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again! contributors-url: https://github.com/moeinparvizi/snake-game/graphs/contributors

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)

License

Programmed under the control of Moein Parvizi. See LICENSE.txt for more information.

(back to top)

Contact

moeinparvizi - linkedin - giventulip@gmail.com

Project Link: personal website

(back to top)

About

License:Apache License 2.0


Languages

Language:JavaScript 83.9%Language:CSS 14.1%Language:SCSS 1.4%Language:HTML 0.6%