A simple snake game created with the React framework.
A demo is available here.
npm install react-simple-snake
git clone https://github.com/MaelDrapier/react-simple-snake.git
cd react-simple-snake
npm install
npm start
This project needs react to operate. Install it with npm install react
import Snake from 'react-simple-snake'
export default function YourComponent() {
return(
<div>
<Snake />
</div>
)
}
All props are optional
Prop | Type | Default value | Description |
---|---|---|---|
width |
number | window.innerWidth / 2.5 |
The width of the game board, must be > 180 |
startSnakeSize |
number | 6 |
The starting size of the snake |
snakeColor |
string | random | The color of the snake |
appleColor |
string | random | The color of apples |
You can move the snake with the arrow keys or W
/ A
/ S
/ D
.
The highest score is saved locally in the browser’s local storage, in a snakeHighScore
field.
Author: MaelDrapier
Source Code: https://github.com/MaelDrapier/react-simple-snake
#react #reactjs #javascript