Coding Challenge #28: Metaballs

Let's code some Metaballs (aka Isosurfaces) in Processing and how to control them using the Blob Detection methodology from my computer vision tutorial! Code: https://thecodingtrain.com/challenges... šŸ•¹ļø p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/s... šŸŽ„ Previous video:    • CodingĀ ChallengeĀ #27:Ā Fireworks!Ā Ā  šŸŽ„ Next video:    • CodingĀ ChallengeĀ #29:Ā SmartĀ RocketsĀ inĀ p5.jsĀ Ā  šŸŽ„ All videos:    • CodingĀ ChallengesĀ Ā  References: šŸ“° Exploring Meta-balls and Isosurfaces in 2D: https://www.gamedev.net/articles/prog... Videos: šŸ”“ Livestream Archive:    • LiveĀ StreamĀ #50:Ā LoadingĀ Animation,Ā Metaba...Ā Ā  Related Coding Challenges: šŸš‚ #C4 - Coding in the Cabana Worley Noise:    • CodingĀ WorleyĀ NoiseĀ Ā  šŸš‚ #C5 - Coding in the Cabana Marching Squares:    • CodingĀ MarchingĀ SquaresĀ Ā  Timestamps: 00:00 Introduction 00:46 What is an Isosurface? 01:33 Code! Working with Pixels 02:35 Make a simple Isosurface 02:58 How to make Metaballs? 04:36 Code! Create a Blob class 07:43 Make the Blob move around 09:03 Create an Array of Blobs 10:37 Color pixels using all the Blobs 12:19 Add more Blobs 13:07 Make the Blobs Rainbow colored 14:14 Example of Blob Tracking 15:12 Combine Blob Tracking with Metaballs 19:32 Making some adjustments 21:07 Other ways to Move these Metaballs 21:51 Fixing a Bug Editing by Mathieu Blanchette Animations by Jason Heglund Music from Epidemic Sound šŸš‚ Website: http://thecodingtrain.com/ šŸ‘¾ Share Your Creation! https://thecodingtrain.com/guides/pas... 🚩 Suggest Topics: https://github.com/CodingTrain/Sugges... šŸ’” GitHub: https://github.com/CodingTrain šŸ’¬ Discord: Ā Ā /Ā discordĀ Ā  šŸ’– Membership: http://youtube.com/thecodingtrain/join šŸ›’ Store: https://standard.tv/codingtrain šŸ–‹ļø Twitter: Ā Ā /Ā thecodingtrainĀ Ā  šŸ“ø Instagram: Ā Ā /Ā the.coding.trainĀ Ā  šŸŽ„ Coding Challenges:    • CodingĀ ChallengesĀ Ā  šŸŽ„ Intro to Programming:    • StartĀ learningĀ here!Ā Ā  šŸ”— p5.js: https://p5js.org šŸ”— p5.js Web Editor: https://editor.p5js.org/ šŸ”— Processing: https://processing.org šŸ“„ Code of Conduct: https://github.com/CodingTrain/Code-o... This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecod... #computervision #blobdetection #loadpixels #pixelanalysis #objecttracking #metaballs #isosurfaces #processing