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
Back to Top