dorkhub

slither.io-clone

Learn how to make Slither.io with JavaScript and Phaser! This game clones all the core features of Slither.io, includin…

knagaitsev
JavaScript264138 forksupdated 8 years ago
visit the demogit clone https://github.com/knagaitsev/slither.io-clone.gitknagaitsev/slither.io-clone

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

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 contact@loonride.com

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

Part 2 Demo

Part 3 Demo

Part 4 Demo

Part 5 Demo

Part 6 Demo

Final Demo

more like this

bit_gossip

Pathfinding library for calculating all node pairs' shortest paths in an unweighted undirected graph.

Rust50

search

search projects, people, and tags