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

Coding Challenge #29: Smart Rockets in p5.js

Coding Marching Squares

Coding Challenge 102: 2D Water Ripple

The hidden logic behind #, @, & and §

Pushing Simulations to the LIMIT to Find Order in Chaos

Animation vs. Geometry

Quest To Find The Largest Number

Coding Challenge 124: Flocking Simulation

How Do Computers Display 3D on a 2D Screen? (Perspective Projection)

Coding Challenge #61: Fractal Spirograph

The Insane Genius of a Formula 1 Gearbox

Coding Challenge #103: Fire Effect

This Paradox Splits Smart People 50/50

Coding Challenge #98.1: Quadtree - Part 1

Animation vs. Math

The Strange Math That Predicts (Almost) Anything

Coding Challenge 21: Mandelbrot Set

Coding Challenge 25: Spherical Geometry

I Made a 3D Graphing Calculator with just Redstone!

