Deepwatch

Keyboard shortcuts

Space or k
Play or pause
j and l
Back or forward 10 seconds
Left and right arrows
Back or forward 5 seconds
f
Fullscreen
m
Mute or unmute
Shift and < or >
Slower or faster
?
Show or hide this list

Coding Challenge #62.4: Plinko with Matter.js Part 4

The Coding Train, 13 min, 39.5K views, Mar 13, 2017

Chapters

Show 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