9.8: Random Circles with No Overlap - p5.js Tutorial

Help us caption & translate this video!

[azyfloof]

"Who's watching this still?!"
Me! Don't stop! :D
Seriously, don't ever change, you are incredibly fun to watch, and you really make this fun to learn :)

[kido]

You are amazing at teaching, seriously one of the best on this platform.

[robertcoyle]

Yet another good tutorial.

P.S... please don't abandon Processing

This is cool - it teaches the basic and necassary stuff in programming, but with an interesting problem.

[guywald]

Daniel, these videos are absolutely amazing and sadly underated. You deserve WAY more views.
I enjoy every one you upload, and thoroughly thank you! Keep it up! :)

[gutzimmumdo]

what a legend this guy even videos from 8 years ago are still helping people

[wouter]

I used this tutorial in a game where I needed to randomly place planets without them overlapping :D

[Nerohandle]

I'm glad I found your channel, as an amateur noob coder, this helps me see more ways to solve things, and evolve a much more flexible logic. Thanks!

[anthonytonev]

I thought I've watched every single video on this channel. And yet I'm still finding some that I've missed.

[Murphy-]

even though most time i have no idea what you are doing, i still like to watch your vids, you are sooo relaxing and make it look so easy. just great

[pjansen]

Dear Daniel. I"m learning processing through your video's and I gotta thank you big time. I will have a test in three weeks about arays, return, if / else, loops etc. with these video's im bound to pass the test. thankyou so much

[aehphea]

This one was very interesting tutorial.

By the way, comparing this, with your recent videos, the quality of everything (lighting, video, audio, the way you explain things) got improved to a very high degree. An already great channel getting better everyday.

It is inspiring to see how much you've come and realize how to improve along the way. As a recovering perfectionist, it explains me how it should be done. Thank you.

[JesseUnderscoreMartin]

I thought it was funny how you didn't show yourself correcting the accidental "i" in --> for( var j = 0; j < circles.length; *i*++) ;)

[hogpsking]

I just coded this with you step by step and learned a ton about brackets and how to read java script. You are awesome. Thanks.

[merv]

I can't thank you enough, Daniel! I was looking for a solution for this exact problem for over a week and found this today, I love you!!

[DaniloCabello]

5 years later and I seeing a star being born! 🤩

[endofmysteries]

Daniel, nice! I enjoy tutorial videos that show one way to tackle an algorithm 👍

[HaLoFrEeEk]

I played around with this idea in C# a bit. I started with a canvas size of 1280 x 720, a radius of 32 and a maximum of 500 attempts to draw a circle not overlapping another one. After I'd tried that 500 times, I started over, doubling the number of attempts and halving the radius, so radius 16, 1000 attempts. I continue this until I have a radius of 2 and I'm attempting to place 8000 circles. In the end I managed to get around 2500 circles to draw of varying radii, none of which overlap any other circles. Takes about 1.3 seconds to calculate and draw. The way I implemented it is not very optimized though. It only uses around 6mb of RAM, but nearly 50% of my CPU. For the last attempt of the radius 2 circles, it's done a total of 15449 distance calculations (I don't bother checking the first one of radius 32).

[goldthumb]

I'm getting more excited when we are approaching CS algorithm lessons, by peeking at 9.9 Minimum Spanning Tree (Prim's Algorithm).

[DogwafflDan]

I used the idea and made a water droplet filter. Thanks for the inspiration