Giter Club home page Giter Club logo

knagaitsev / slither.io-clone Goto Github PK

View Code? Open in Web Editor NEW
224.0 7.0 115.0 211 KB

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.

Home Page: https://loonride.com/learn/phaser/slither-io-part-1

HTML 3.03% JavaScript 96.97%
game-development phaser phaserjs javascript javascript-game html5-game slither slitherio snake snake-game

slither.io-clone's Introduction

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 [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

Part 2 Demo

Part 3 Demo

Part 4 Demo

Part 5 Demo

Part 6 Demo

Final Demo

slither.io-clone's People

Contributors

knagaitsev avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

slither.io-clone's Issues

Tutorial is offline

Thank you very much for this repo, it's super interesting! Just a heads up, the tutorial seems to be down: https://loonride.com/learn returns Runtime nodejs6 is no longer available. Please redeploy your function to a newer version.

Multiplayer

I followed your tutorial. It would be nice to make a multiplayer tutorial so we can expand this game to the next level.

Your assistance is much appreciated.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.