Coding Challenge #32.1: Agar.io - Part 1 (Basic Game Mechanics)

From the creator

In this multi-part coding challenge, I create a clone of the multiplayer online game Agar.io with JavaScript, node.js and websockets. Code: https://thecodingtrain.com/challenges/32-agario 🕹️ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/J3BZeLP02 Other Parts of this Challenge: 📺 Agar.io - Part 2 (Networking with Socket.IO and Node.js): https://youtu.be/ZjVyKXp9hec 🎥 Previous video: https://youtu.be/cXgA1d_E-jY?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video: https://youtu.be/flQgnCUxHlw?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: 🔗 Agar.io on Wikipedia: https://en.wikipedia.org/wiki/Agar.io 🔗 Agar.io: http://agar.io 🔗 Node.js: https://nodejs.org/en/ 🔗 Socket.io: http://socket.io/ Livestream Archive: 🔴 Livestream #55: https://youtu.be/eOii4P7WYbY 🔴 Livestream #58: https://youtu.be/_cDPN2Ief6Q Related Coding Challenges: 🚂 #36 Blobby!: https://youtu.be/rX5p-QRP6R4 🚂 #69 Evolutionary Steering Behaviors: https://youtu.be/flxOkx0yLrY Timestamps: 0:00 Introduce the coding challenge 0:55 Set up sketch 1:05 Create a blob class 2:06 Create a blob object 2:24 Debug drawing logic 2:42 Describe movement logic 3:05 Create an array of blob objects 4:05 Position blobs in the canvas 4:40 Explain movement logic 5:32 Move blob toward the mouse 6:46 Explain coordinate system 7:52 Translate origin 9:13 Debug movement logic 9:56 Position blobs in a larger world 10:46 C

Published 2016-08-16 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.