Coding Challenge 180: Falling Sand

It’s Genuary 2024! Watch as I attempt to build a falling sand simulation in using a grid of pixels and simple rules. Code: 🚀 Watch this video ad-free on Nebula Web Editor Sketches: 🕹️ Falling Sand: 🕹️ Falling Sand with Gravity: 🎥 Previous: 🎥 All: References: 🔗 Genuary: 🔗 Sandspiel by Max Bittker: 🔗 Making a falling sand simulator: 📕 The Nature of Code by Daniel Shiffman: Videos: 🎥 Noita 1.0 Launch Trailer by Nolla Games: 🚂 Wolfram CA: 🚂 The Game of Life: Related Coding Challenges: 🚂 179 Wolfram CA: 🚂 85 The Game of Life: 🚂 107 Sandpiles: 🚂 132 Fluid Simulation: 🚂 102 2D Water Ripple: Timestamps: 0:00 Introduction and references 2:10 About cellular automata 2:47 The rules for a sand simulation 3:36 Code! Creating a grid 5:04 Animating a falling grain of sand 7:32 About matrix columns and rows 8:04 Let’s account for the bottom edge 9:09 Adding mouse interaction 9:42 More sophisticated sand behavior 10:43 Oops! Some errors to fix 11:30 Adding randomness 12:26 Handling left and right edges 14:00 Checking if mouse is within the canvas 14:40 Making it more efficient 14:56 More space and more sand 16:55 Adding some color! 18:54 Challenge complete! Let’s do some refactoring 20:58 How could we add gravity? 21:57 Wrapping up Editing by Mathieu Blanchette Animations by Jason Heglund Music from Epidemic Sound 🚂 Website: 👾 Share Your Creation! 🚩 Suggest Topics: 💡 GitHub: 💬 Discord: 💖 Membership: 🛒 Store: 🖋️ Twitter: 📸 Instagram: 🎥 Coding Challenges: 🎥 Intro to Programming: 🔗 : 🔗 Web Editor: 🔗 Processing: 📄 Code of Conduct: This description was auto-generated. If you see a problem, please open an issue: #pixels #simulation #fallingsand #fluidsimulation #sandpilemodel #generativeart #p5js #javascript
В начало