GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → Loonride → Slither.io Clone

Loonride / 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.

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

game-developmentphysicsphaserhtml5-gamejavascript-gamesnakephaserjs

Projects that are alternatives of or similar to Slither.io Clone

Phaser Node Kit
Rapid Game Development with PhaserJS and Node for Modern Browsers
Stars: ✭ 39 (-76.79%)
Mutual labels:  game-development, phaser, html5-game, phaserjs
Phaser Examples
Contains hundreds of source code examples and related media for the Phaser HTML5 Game Framework.
Stars: ✭ 1,680 (+900%)
Mutual labels:  phaser, html5-game, physics
Phaser
Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.
Stars: ✭ 30,918 (+18303.57%)
Mutual labels:  game-development, phaser, phaserjs
Reldens
Reldens - You can make it - Open Source MMORPG Platform
Stars: ✭ 130 (-22.62%)
Mutual labels:  game-development, phaser, html5-game
Phaser Kinetic Scrolling Plugin
Kinetic Scrolling plugin for Canvas using Phaser Framework
Stars: ✭ 117 (-30.36%)
Mutual labels:  phaser, javascript-game, phaserjs
Phaser Examples
🎮 Game collections made by Phaser
Stars: ✭ 140 (-16.67%)
Mutual labels:  game-development, phaser, phaserjs
Rust Game Development Frameworks
List of curated frameworks by the **Game Development in Rust** community.
Stars: ✭ 81 (-51.79%)
Mutual labels:  game-development, physics
Phaser3 Tilemap Pack
Phaser 3 Project Template with Webpack, Tilemap, and Asset Pack
Stars: ✭ 87 (-48.21%)
Mutual labels:  phaser, javascript-game
Badsanta
BadSanta - Multiplayer HTML5 Game (http://santa.qake.se)
Stars: ✭ 97 (-42.26%)
Mutual labels:  phaser, javascript-game
Game Dogfight
Air to air combat game, created in Python 3 using HARFANG 3D.
Stars: ✭ 41 (-75.6%)
Mutual labels:  game-development, physics
Phaser Touch Control Plugin
A great virtual joystick plugin
Stars: ✭ 125 (-25.6%)
Mutual labels:  game-development, phaserjs
Awesome Jsgames
A curated list of awesome JavaScript Games 🎮
Stars: ✭ 127 (-24.4%)
Mutual labels:  game-development, javascript-game
Snake
🐍🎮 Snake game made with Expo & PIXI.js 👾 iOS, Android, and Web
Stars: ✭ 67 (-60.12%)
Mutual labels:  game-development, snake
Nebula Trifid
Nebula Trifid
Stars: ✭ 62 (-63.1%)
Mutual labels:  game-development, physics
Game Off 2017
👊 8-bit Retro Beat 'em up with Game Boy graphics
Stars: ✭ 91 (-45.83%)
Mutual labels:  html5-game, phaserjs
Phaser Tilemap Plus
Tilemap animations, physics, events and custom property enhancements for Tiled JSON map files
Stars: ✭ 44 (-73.81%)
Mutual labels:  phaser, physics
Taptaptap
🕹 Open Source Javascript Game
Stars: ✭ 131 (-22.02%)
Mutual labels:  game-development, javascript-game
Kaetram Open
An open-source 2D HTML5 adventure based off BrowserQuest (BQ).
Stars: ✭ 138 (-17.86%)
Mutual labels:  game-development, html5-game
Phaser3 Particle Editor
A flexible editor for building phaser particles.
Stars: ✭ 131 (-22.02%)
Mutual labels:  game-development, phaser
Phaser Project Template Es6
Phaser 3 - Starter Template with ES6 (ESNext features included) and webpack.
Stars: ✭ 142 (-15.48%)
Mutual labels:  phaser, html5-game
View All Similar Projects ➔

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].