
Coding Challenge #62.4: Plinko with Matter.js Part 4
The Coding Train, 13 min, 39.5K views, Mar 13, 2017
Chapters
Show descriptionHide description
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 3: https://youtu.be/jN-sW-SxNzk š„ 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 4 1:47 Use the preload function to load a sound.mp3 file 4:39 Use Matter.Events to figure out when the particles hit the plinkos 9:52 Play a sound if there is a collision between a particle and a plinko 11:45 Conclusion and suggestions for variations 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