# Retro Snaker

<p align="center">pure navtive JavaScript combined with canvas，no dependence</p>

<p align="center">
<img src="https://img.shields.io/github/languages/top/badges/shields.svg?style=plastic">
<img src="https://img.shields.io/gemnasium/mathiasbynens/he.svg?style=plastic">
</p>

The results are shown as follows：
# Show
<p align="center"><img src="images/RetroSnaker.gif" width="650" alt="RetroSnaker" /></p> 

# How to use

You can do an attempt in my blog laboratory ：[http://www.chenqaq.com/lab/RetroSnake](http://www.chenqaq.com/lab/RetroSnake)

You can also clone this project and try it locally 

```
git clone https://github.com/okaychen/RetroSnake.git
```

or use the `.zip`

And the structure about this project is very simple，you just need to open the `.html` to have a try

```
RetroSnaker
│   README.md 
│   index.html
|
└───images 
└───css
│   │   main.css
|
└───js
    │   snake.js
```

I think the focus is on the idea of the program， I do not compress，you can see the original JS

# About settings

<p align="">
  <img src="images/main.png" height="420px" width="300px">
  <img src="images/settings.png" height="420px" width="300px">
</p>

Main Function：

1. you can choose wall as an obstacle 「on」or「off」

2. you can choose speed the moving speed of the snake 「slow」「normal」or「fast」

And the other rules are the same as the snake rules played in childhood 

Such as：

- You can eat your body or hit the wall to kill yourself （under the wall model）

- According to how much food you eat to increase the length of the snake
