Coding Challenge #62.3: Plinko with Matter.js Part 3
I love all things random and chance so why not make a Plink simulation with the matter.js physics engine and p5.js! Code: https://thecodingtrain.com/challenges/62-plinko-with-matterjs
đšī¸ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/wAe_oPVHo
Other Parts of this Challenge:
đē Plinko with Matter.js Part 1: https://youtu.be/KakpnfDv_f0
đē Plinko with Matter.js Part 2: https://youtu.be/6s4MJcUyaUE
đē Plinko with Matter.js Part 4: https://youtu.be/CdBXmsrkaPs
đĨ Previous video: https://youtu.be/0dwJ-bkJwDI?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
đĨ Next video: https://youtu.be/JunJzIe0hEo?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
đĨ All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
References:
đ Matter.js: http://brm.io/matter-js/
đ° What is Plinko?: http://priceisright.wikia.com/wiki/Plinko
Videos:
đ Introduction to Matter.js: https://www.youtube.com/watch?v=urR596FsU68
đ Inheritance with Prototype in JavaScript: https://www.youtube.com/watch?v=CpmE5twq1h0
đ´ Live Stream #84: https://youtu.be/Iu3M-X1yRFU
Related Coding Challenges:
đ #20 3D Cloth with Toxiclibs: https://youtu.be/jrk_lOg_pVA
đ #98 Quadtree: https://youtu.be/OJxEcs0w_kE
đ #160 Spring Forces: https://youtu.be/Rr-5HiXquhw
Timestamps:
0:00 Plinko Part 3
0:56 Randomly offset starting x position
4:25 Add color
7:42 Adjust the density of the particles
8:26 Adjust the timestep
Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound
đ Website: http://thecodingtrain.com/
đž Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide
đŠ Suggest Topics: https://github.com/CodingTrain/Suggestion-Box
đĄ GitHub: https://github.com/CodingTrain
đŦ Discord: https://discord.gg/hPuGy2g
đ Membership: http://youtube.com/thecodingtrain/join
đ Store: https://standard.tv/codingtrain
đī¸ Twitter: https://twitter.com/thecodingtrain
đ¸ Instagram: https://www.instagram.com/the.coding.train/
đĨ Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
đĨ Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
đ p5.js: https://p5js.org
đ p5.js Web Editor: https://editor.p5js.org/
đ Processing: https://processing.org
đ Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct
This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecodingtrain.com/issues/new
#collisiondetection #matterjs #physicsengine2d #plinko #javascript #p5js #matterjs