react-simple-snake

A simple snake game created with the React JavaScript library.

Installation

To add it to your react app

• npm install react-simple-snake

Dependencies

This project needs react to operate. Install it with npm install react

Usage

To import it in your component

import Snake from 'react-simple-snake'

export default function YourComponent() {
  return (
    <div>
      <Snake />
    </div>
  )
}

Props

All props are optional

| Prop | Type | Default value | Description | | :---------------: | :----: | :-----------: | :----------------------------------------------------------------------------------------------------- | | percentageWidth | number | 40 | A percentage defining the width of the game board, based on the width of the game's parent element | | startSnakeSize | number | 6 | The starting size of the snake | | snakeColor | string | random | The color of the snake | | appleColor | string | random | The color of apples |

How to play

You can move the snake with the arrow keys or W / A / S / D.

High-Score

The highest score is saved locally in the browser's local storage, in a snakeHighScore field.