Coding Challenge #62.1: Plinko with Matter.js Part 1



Part 1 of the Plinko Coding Challenge! In this video I create a plinko simulation in HTML5 Canvas using the Matter.js physics engine and p5.js for drawing.

script type="text/javascript" src="http://aos-creative.prf.hn/creative/camref:100l3Rd/creativeref:10l3694">

In this first video, I create discuss the overall structure of the program and set up the physics engine.

Link to Part 2: https://youtu.be/6s4MJcUyaUE
Link to Part 3: https://youtu.be/jN-sW-SxNzk
Link to Part 4: https://youtu.be/CdBXmsrkaPs

Support this channel on Patreon: https://patreon.com/codingtrain

Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics

Contact:
Twitter: https://twitter.com/shiffman
The Coding Train website: http://thecodingtrain.com/

Links discussed in this video:
Matter.js: http://brm.io/matter-js/
What is Plinko?: http://priceisright.wikia.com/wiki/Plinko

Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code

p5.js: https://p5js.org/
Processing: https://processing.org

For My Videos on Physics Engines: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6akvoNKE4GAxf6ZeBYoJ4uh
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

Help us caption & translate this video!

http://amara.org/v/4uUs/

source

Reply


Build A Site Info