Coding Marching Squares
VloĆŸit
- Äas pĆidĂĄn 3. 07. 2024
- In this episode of Coding in the Cabana, Gloria Pickle and I investigate the Marching Squares algorithm and apply it to Open Simplex Noise in Processing. Code: thecodingtrain.com/challenges...
p5.js Web Editor Sketches:
đčïž Color: editor.p5js.org/codingtrain/s...
đčïž Worley Noise: editor.p5js.org/codingtrain/s...
đčïž Image: editor.p5js.org/codingtrain/s...
đčïž Webcam: editor.p5js.org/codingtrain/s...
đčïž Metaballs: editor.p5js.org/codingtrain/s...
đčïž Cave Generation: editor.p5js.org/codingtrain/s...
đčïž Metaballs Interpolation: editor.p5js.org/codingtrain/s...
đčïž OpenSimplex Interpolation: editor.p5js.org/codingtrain/s...
đ„ All videos: âą Coding Challenges
References:
đ Marching cubes: A high resolution 3D surface construction algorithm: citeseerx.ist.psu.edu/viewdoc...
đ Metaballs and Marching Squares: jamie-wong.com/2014/08/19/meta...
đ Marching squares (Wikipedia): en.wikipedia.org/wiki/Marchin...
đŸ OpenSimplexNoise-for-Processing (GitHub Repo): github.com/CodingTrain/OpenSi...
đŸ Open Simplex Noise in Java: gist.github.com/KdotJPG/b1270...
Videos:
đ„ Coding Adventure: Marching Cubes: âą Coding Adventure: Marc...
đ„ [Unity] Procedural Cave Generation (E02. Marching Squares): âą [Unity] Procedural Cav...
đ„ Coding Challenge #28 - Metaballs: âą Coding Challenge #28: ...
đ„ What is OpenSimplex Noise?: âą I.7 : What is OpenSimp...
đ„ Coding in the Cabana #4 - Worley Noise: thecodingtrain.com/challenges...
đ„ 2D Noise - Perlin Noise and p5.js Tutorial: thecodingtrain.com/tracks/the...
Related Coding Challenges:
đ #28 Metaballs: âą Coding Challenge #28: ...
đ #C4 Worley Noise: âą Coding Worley Noise
Timestamps:
0:00 Marching Squares
3:35 Creating a 2D Grid
6:18 Visualizing Isolines
13:46 Adding Lines
17:29 Using Noise to Generate Points
21:18 OpenSimplex Noise in 3D
23:32 Next Ideas and Linear Interpolation
25:38 Goodbyes
Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound
đ Website: thecodingtrain.com/
đŸ Share Your Creation! thecodingtrain.com/guides/pas...
đ© Suggest Topics: github.com/CodingTrain/Sugges...
đĄ GitHub: github.com/CodingTrain
đŹ Discord: thecodingtrain.com/discord
đ Membership: czcams.com/users/thecodingtrainjoin
đ Store: standard.tv/codingtrain
đïž Twitter: / thecodingtrain
đž Instagram: / the.coding.train
đ„ Coding Challenges: âą Coding Challenges
đ„ Intro to Programming: âą Start learning here!
đ p5.js: p5js.org
đ p5.js Web Editor: editor.p5js.org/
đ Processing: processing.org
đ Code of Conduct: github.com/CodingTrain/Code-o...
This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecod...
#marchingsquares #metaballs #worleynoise #isolines #noise #grid #processing
Sebastian Lague cave code ported by David Snyder
Music by Epidemic Sound: epidemicsound.com/creator
Really enjoyable video (as always)!
And thanks for the mention :)
Thank you Sebastian!!
you are rock
All the celebs in the comments section wow
I dont mean to be offtopic but does any of you know of a tool to get back into an Instagram account??
I was stupid forgot the login password. I would appreciate any tricks you can give me!
@Davian Joseph instablaster :)
Amazing. AMAZING!!!
Thank you @Jabrils!!
Hey you mentioned Sebastian Lague's video in description!! I love his coding adventures
his latest video is sooo good
Yessss
Who doesn't!
Same! It's like a experiencing a condensed version of all the fun parts of programming without having to tear your hair out when you encounter a bug.
Man. I am back for more because this format is so refreshing. đ
Hey same :)
"I must align all of the spacing here"
My teacher in highschool HATED when I always did that. I still do it to this day
My aversion is spacing, to me spacing elongates code lines and makes them harder to read. Anytime I am trying to understand some bit of someone else's code I first delete all unnecessary spaces. Spaces bad.
@@zebratangozebra for me personally it makes it a lot more readable, as i then can often look at a block of similar code as a whole and see what's going on in it, instead of having to go through every line separately. For small stuff like this it usually isn't a problem, and i don't always do it, but when the lines get really long, i do it a lot.
@@zebratangozebra in many coding languages I think you can have a code internal line break. And with those you can make pretty consistant looking code with some automatic formatting tools. E.g. they make you use shorter lines, or format it like that.
Yet in principle you could still discuss about if you want to have spaces or not at all. I think I'd opt for spaces. Easier to read
You guys are going to love Python then!
@@PixelThorn Python is too slow.
I followed along with this. I've been "coding" as a hobby since 1983 (when you had to do a little coding to even get a PC to work). I gave up trying to keep up with the latest programming languages around the late 90s - early 2000s, although I am a C# fan (don't hate me--it's cheap). I'm a salty old man, now, but I appreciate your content. You make programming fun again.
This one was especially fun--Marching Squares/Cubes is a concept I'd never heard of. Still, the potential applications (such as the mentioned Sebastian Lague's excellent series on cave generation) interested me.
I tried doing some of the further challenges here and figured out for myself an algorithm for linear interpolation. It took me two days, but it was great fun. I had so much fun that I joined. Thanks, Dan.
That's really cool
I really hope there are people here that haven't yet heard about Sebastian just so that they may now have the pleasure of finding his content for the first time. This channel and his are what keep me invested in programming as a form of expression.
What I would give to watch him figure out clouds for the first time again.
You should watch ThinMatrix too!
@@rubenadema1094 I do! I love watching how his lifestyle influences his work ethic, its really inspiring.
@@rubenadema1094ooo thanks for the suggestion!
@@georhodiumgeo9827omg i still haven't watched the cloud one yet. You've just given put it at the top of the list
After a long week at the keyboard hammering out web code for hospitals, I love these videos to relax my brain. Thank you, sir.
"Is there a more efficient way than writing a line of code for each possibility? Possibly"
vs
"We're writing it this way, not for efficiency, but for understanding"
Writing it this way is the most efficient because it allows you to use a switch statement. You can find a way to write it with fewer lines of code but that won't make the code faster since you will undoubtedly require several nested "if" statements which are much slower than one big switch statement.
Instead of a switch, I prefer an Array of 16 Objects that hold 16 solutions...that is easy, quick and easy to understand. Great Video, b.t.w.
@@jensBendig If you were going to go down that route a hash-map would likely be better since you could map each value to a solution. either way you are going to have to declare all those solutions at some point, it's just a matter of whether or not the switch is making the code less readable. (In a better editor such as vscode you could just hide the logic in the switch statement too which could be a nice solution)
@@bradfin12 I like you. At least I like this attitude. Terry Davis made an interesting remark about Switch statements, too. Not sure if it applies in something as high-level as Processing or the JS-Processing, but whatever.
@@rabbitcreative Im not 100% sure but i think Davis would prefer fewer lines of code. Davis had two goals in mind when writing code: beautiful simplicity, and small file size. When doing large switch statements that process every case in the most efficient way is a somewhat ugly way to code and can increase file sizes which doesn't matter to most programmers but it would certainly matter to davis who wanted a divinely lightweight operating system.
I loved the part where you made all the spacing even
Thank you for accepting me.
I loved the part where, shortly after, it was all destroyed by the state line. I'm not a good person :)
@@TheCodingTrain I'll go farther than that. I'll say you're right and the people who don't do this are WRONG
Not only that. I guess estetics can also have an impact on readability. Especially when having long fragments or even those that break lines within expressions. Those are kind of making a mess readible. Just wonder how they would look like if you mix in random spacing. Sometimes yes sometimes not. errr pretty sure I wouldnt like it
One time I had another dev almost screaming at me for doing that đ€Łđ€Łđ€Ł (I am still doing it :) and blabla you folks 'its harder to maintain', sure, but it's so much easier to read!! )
So glad I'm not the only one constantly looking up switch statement syntax in different languages.
Python dosent have one
The happiness with which you code is a life goal
this has gotta be possibly my fav vid of yours, this is so insanely cool, especially all the different variations of visualizing it
This was crazy cool! I love that you managed to fill in all the examples as you mentioned them-- this is a really high quality video!
Thank you so much for existing, your videos, your voice, your way of explaining and everything in between is so calming and wonderful. Thank you for the things you do for this community.
This is so awesome! I love your videos, somehow they make me relax after spending hours coding for work. The way you make math, geometry and coding so approachable and fun is unique, congrats!
Literally my favorite CZcams personality. Thank you for being awesome!
This is the coding video we need, where every problem is explained from basics. I love it. Thank you for sharing knowledge and making it wholesome :)
I love these coding in the cabana videos because you really get in depth into the algorithm.
this is probably the most optimal setting for any job involving sitting in-front of a computer
Thank you for making videos like these. They're always about something new and interesting to learn while not being too large in scope. They also make me really want a cabana to code in.
I watch your videos for over 5 years, I love your videos, your didactics, you concern for explain, etc. please don't stop it.
This is the best thing I have seen all year. We were taught this in our Geometry class but never really got to work with it
I have also recently started aligning my code by argument. It makes the intent so much clearer and much easier to figure out why my code is broken. It looks beautiful, thanks for another awesome video!
I love how everyone else in the comment section liked the video as much as i did. really brilliant how well made it is.
I love this series please continue it
so glad I found this channel, thanks for making code feel more accessible!
you are so great!!! itâs perfect to learn about algorythms with you!! fun, inspiring, brain-opening! i love you!! â€ïžđđŸ
Daniel, I follow you since 2016, I found out about you at the start of my most productive phase of my life, first year of the university, you tought me so much, without you I would not be the same person whom I love. Great work as always, thank you so much.
I wish CZcams had a option to like a video multiple times because this video truly deserves it.
Excellent as always
Gotta be the most wholesome coding CZcamsr
Sometimes I feel Dan gets progressively wiser as his beard grows
Great teacher! Always with something fun for us!
I kind of liked when the mic was in the table and I could hear more of the background noise. It made me feel like I was there in the Cabana too. Great video, as always!
the production quality is insane, very nice video! :D
Your videos are awesome! You're awesome! I learned to program with you like 2 years ago, loved it!
Keep doing your thing!
Made my day better
That's beautiful, I'll try playing with this code ! Thanks a lot for your work !
So happy to see another one of your videos :)
Great great video among all marching square videos I watched!
these are my favorite videos of yours
Very cool and clever algorithm! I love Coding in the Cabana, thanks for the video!
Thanks for this! You're the best. You're explanation of marching squares was a great help to me :)
I love your energy
boy that audio switch at 8:07 spooked the hell out of me. Great vid!
You're like the Bob Ross of programming. Great video on a fascinating subject, stay gold!
So fun, great work
I love this format â€ïž keep it up
You are the best teacher i have ever learned from :)
Holy 5&!# I was literally looking up your videos yesterday trying to build this! You are brilliantly and cleverly convenient!
loving the vibes from the Cabana
Another great video, and I'd never heard of Processing before now. It adds a lot of nice stuff to Java to make it easier.
This is so awesome!!
Thanks for the great video :)
This is such a great video!!
Dude I just discovered your channel and you are amazing. Really great job and a video to enjoy. Thanks a lot!
WOW WHAT A VALUABLE VIDEO AND I LEARNT MANY THINGS FROM THIS VIDEO AS WELLAS FROM THIS CHANNEL.
I WOULD LIKE TO RECOMMEND THIS CHANNEL TO MY CODING FRIEND
Very helpful! I really love your style of teaching :)
Enjoyed the video so much
I love this guy. Thank you so much :)
First, I started with GML.
I saw your name on a youtube channel, I looked one of your vid. Two. Three, four, five, and so on. the addiction begun.
I was planning to make some short video game (and a little bit of teaching). I'm actually trying to do art, "paint", fractal, and music with processing, and most of all,
you made it fun to me.
You're god teacher, thanks you. And great kisses from Belgium !
Great video and great explanation. Thanks! :)
Love the paintings in the background! :)
Thank you! Very nice explanation.
Crazy cool! Thanks for this video :)
NGL, i used to always come up to your videos while doing some coding searches and brushed off cos, well, i code(at least try to LOL) in c# and tbh never ever even have taken a look at java/JS(yeah, pigheaded , i know)
oh boy was i wrong, now i am hooked, never found someone that explains hard concepts, and make it so easy to understand like this
thank you sir =)
cheers from Brazil
I have only one word to say for this video:
*Mesmerizing*
Awesome video as always Dan! Liked and Subscribed!
Wonderful blocking in this video, I love how the OpenSimplex noise created a lot more spacious and separate areas. It would be amazing to see how this could be utilized the the creation of video game levels.
I miss coding in the cabana
(22 February 2023- I still miss the cabana)
Really cool! Good job đ
cool and amazing as always đ
24:41 An ant is locked inside the algorithm.
i just checked the comments to see who else saw the ant and i saw this comment lel
It's just a bug...
Aren't we all?
langton's ant
yes, it's a test if you pay attention
Geometric algorithms are always great to watch and to understand. Not only to be used for a single purpose. They pop up pretty much everywhere. And many have been invented years and years ago.Almost forgotten maybe even. Nice intro :-))
What a sweet little programming spot. I'm super jealous!
Ok, this is really cool!!
the power of numbers binary, is very good
Just wanted to say thank you for being amazing.
Looks like I'll be watching this one with great interest
Real great video and amazing how you did the coding...
Just one problem that the open simplex noise code is not working ..... it is giving a static error
you are just making me happy, thank you bud :')
*Cries in indexed map*
Amazing video as always, thanks for all the content you make for us :)
Love this! I may use this techinique in some indie game experiment one of these days
Great vid Dan!!!
Beautiful!!
the coding train 23:35 : makes the canvas full screen
the youtube compression algorithm : *AAAAAH*
The glorious return of Gloria! â€ïž
I realised the moment you explore the idea of colour you could easily create a light + shadow system,
Also the idea of a lava lamp might work from what you showed at the end. Iv been wanting to imagine how to make a lava lamp work for a long time
some very cool stuff :D always a treat!
Nice to see OpenSimplex going to good use as always!
i like the new video editing style and quality! :)
Dan, we really need you to start a series of video about shaders and shading languages. I keep looking around on the internet but nobody seems to even come closer to your ability to teach.
Great video!
Love the ProPublica shirt!
Good job again!
This will make a lovely background for my led matrix clock. thank you.
the interpolated one looks great
Love this!!!!
Thanks Dan for another Cabana video. :)
Very good video, i made a implementation in java directly using the Graphics2D ,turned out to work just as well.
Amazing tutorial. I recreated this in python. For perlin noise I basically made the array and just add 0, -1 or 1 to the points, to either keep em at 1 or go to zero or go from zero to 1. Gonna figure out how to make a nicer version.
i made it in love2d :D tysm for this amazing tutorial