Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/knagaitsev/slither.io-clone

Learn how to make Slither.io with JavaScript and Phaser! This game clones all the core features of Slither.io, including mouse-following controls, snake collisions, food, snake growth, eyes, and more. Progress through each part of the source code with our Slither.io tutorial series.
https://github.com/knagaitsev/slither.io-clone

game-development html5-game javascript javascript-game phaser phaserjs physics slither slitherio snake snake-game

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/knagaitsev/slither.io-clone
Owner: knagaitsev
Created: 2017-07-03T02:04:00.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2018-02-17T16:02:32.000Z (over 6 years ago)
Last Synced: 2024-09-29T22:56:11.356Z (about 1 month ago)
Topics: game-development, html5-game, javascript, javascript-game, phaser, phaserjs, physics, slither, slitherio, snake, snake-game
Language: JavaScript
Homepage: https://loonride.com/learn/phaser/slither-io-part-1
Size: 206 KB
Stars: 230
Watchers: 7
Forks: 118
Open Issues: 3
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

See the final demo of this series: https://loonride.com/examples/slither-io/slither-io/

Part 1 of the tutorial series: https://loonride.com/learn/phaser/slither-io-part-1

Video - Coding Slither.io in One Week with JavaScript: https://youtu.be/Nlo8LyO8HAQ

![alt text](https://loonride.com/asset/learn/slither-io/main.png "how to make Slither.io Part 1")

### About this Clone

This clone of the game Slither.io was created to teach game design concepts with JavaScript and the Phaser game framework. It showcases physics collisions and organization concepts of the game without implementing the multiplayer server aspect.

**Cloned Features:**

* Player and bot snakes
* Mouse and arrow-key controls
* Speeding up with spacebar
* Death from head-on collisions
* Random food placed at start
* Snake growth from eating
* Food dropped on death
* Shadows and interactive eyes

### Contributing

Because this source code has a tutorial series built around it, I will only be accepting minor changes. If there is great interest in furthering this clone, I will create a new repository to take contributions. Show your interest by emailing me at [email protected]

### Tutorial Links

How to make Slither.io with JavaScript: Part 1 - Introduction

How to make Slither.io with JavaScript: Part 2 - Snake

How to make Slither.io with JavaScript: Part 3 - Players & Bots

How to make Slither.io with JavaScript: Part 4 - Collisions

How to make Slither.io with JavaScript: Part 5 - Snake Eyes

How to make Slither.io with JavaScript: Part 6 - Snake Shadows

How to make Slither.io with JavaScript: Part 7 - Food & Conclusion

### Demo Links