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