mirror of
https://github.com/Cola-Echo/memory-manager-concurrent.git
synced 2026-06-06 17:05:51 +00:00
63 lines
1.6 KiB
Markdown
63 lines
1.6 KiB
Markdown
# 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
|