pure navtive JavaScript combined with canvas，no dependence
The results are shown as follows：
You can do an attempt in my blog laboratory ：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
Main Function：
-
you can choose wall as an obstacle 「on」or「off」
-
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