Hi guys, Welcome to the Advanced Video Search Engine, and you are watching Coding Challenge #138: Angry Birds with Matter.js. That video is uploaded by The Coding Train at 2019-03-08T14:32:18-08:00. We are promoting this video only for entertainment and educational purpose only. So, I hope you like & enjoy it. [TDQzoe9nslY]
| Name | Coding Challenge #138: Angry Birds with Matter.js |
| Video Uploader | Video From The Coding Train |
| Upload Date | This Video Uploaded At 08-03-2019 22:32:18 |
| Video Discription | An attempt to implement the basic mechanics of Angry Birds in JavaScript using p5.js and the matter.js physics engine. Code: https://thecodingtrain.com/challenges/138-angry-birds-with-matterjs ๐น๏ธ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/UOR4nIcNS ๐ฅ Previous video: https://youtu.be/3_0Ax95jIrk?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH ๐ฅ Next video: https://youtu.be/PoW8g67XNxA?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH ๐ฅ All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: ๐ฆ Angry Birds: https://www.angrybirds.com/ ๐ Matter.js: http://brm.io/matter-js/ Videos: ๐ Matter.js Physics: https://youtube.com/playlist?list=PLRqwX-V7Uu6bLh3T_4wtrmVHOrOEM1ig_ ๐ Inheritance in JavaScript: https://youtu.be/MfxBfRD0FVU ๐ Inheritance in Java: https://youtu.be/e6eXD8DHc_A ๐น๏ธ Phaser Game Development with Catt Small: https://youtu.be/T9kOFSFvgKc ๐ด Coding Train Live 171: https://youtu.be/EvOC_vyFAiI?t=5047s Related Coding Challenges: ๐ #62 Plinko with Matter.js: https://youtu.be/KakpnfDv_f0 ๐ #41 Clappy Bird: https://youtu.be/aKiyCeIuwn4 ๐ #31 Flappy Bird: https://youtu.be/cXgA1d_E-jY ๐ #20 3D Cloth with Toxiclibs: https://youtu.be/jrk_lOg_pVA ๐ #147 Chrome Dinosaur Game: https://youtu.be/l0HoJHc-63Q Timestamps: 0:00 Introduction! 1:30 Getting started with an Object Oriented Approach 5:08 Adding and setting up Matter.js 11:05 Adding and using the physics engine 12:52 Making the ground static 15:38 Adding mouse constraints to control the bird 21:20 Adding the slingshot 27:00 Launching the bird with the slingshot! 30:57 Fixing bugs and things to refactor later! 33:07 Replacing the shapes with images 37:15 Adding restitution 38:47 Wrapping things up and improvements to make! 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://thecodingtrain.com/discord ๐ 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 #matterjs #physicsengine2d #angrybirds #p5js #javascript TDQzoe9nslY |
| Category | Education |
| Tags | daniel shiffman | coding | the coding train | coding challenge | creative coding | code challenge | javascript (programming language) | programming challenge | matter | matterjs | angry birds | angry birds javascript | angry birds js | angry birds game | diy angry birds | physics engine | physics engine javascript | collision detection js | collision detection javascript | physics javascript | physics engine p5.js | physics engine intro | physics 2d javascript | physics engine 2d | matter.js | p5.js |
