Myvideo

Guest

Login

Coding Challenge 180: Falling Sand

Uploaded By: Myvideo
1 view
0
0 votes
0

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

Share with your friends

Link:

Embed:

Video Size:

Custom size:

x

Add to Playlist:

Favorites
My Playlist
Watch Later