An attempt to implement the basic mechanics of Angry Birds in JavaScript using p5.js and the matter.js physics engine. Code: thecodingtrain.com/challenges...
🕹️ p5.js Web Editor Sketch: editor.p5js.org/codingtrain/s...
🎥 Previous video: • Coding Challenge #137:...
🎥 Next video: • Coding Challenge #139:...
🎥 All videos: • Coding Challenges
References:
🐦 Angry Birds: www.angrybirds.com/
🚒 Matter.js: brm.io/matter-js/
Videos:
🚂 Matter.js Physics: • Matter.js Physics
🚂 Inheritance in JavaScript: • 16.17: Inheritance in ...
🚂 Inheritance in Java: • 4.5: Introduction to I...
🕹️ Phaser Game Development with Catt Small: • Guest Tutorial #8: Pha...
🔴 Coding Train Live 171: • Coding Train Live 171:...
Related Coding Challenges:
🚂 #62 Plinko with Matter.js: • Coding Challenge #62.1...
🚂 #41 Clappy Bird: • Coding Challenge #41: ...
🚂 #31 Flappy Bird: • Coding Challenge #31: ...
🚂 #20 3D Cloth with Toxiclibs: • Coding Challenge #20: ...
🚂 #147 Chrome Dinosaur Game: • Coding Challenge #147:...
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: thecodingtrain.com/
👾 Share Your Creation! thecodingtrain.com/guides/pas...
🚩 Suggest Topics: github.com/CodingTrain/Sugges...
💡 GitHub: github.com/CodingTrain
💬 Discord: thecodingtrain.com/discord
💖 Membership: kzitem.infojoin
🛒 Store: standard.tv/codingtrain
🖋️ Twitter: / thecodingtrain
📸 Instagram: / the.coding.train
🎥 Coding Challenges: • Coding Challenges
🎥 Intro to Programming: • Start learning here!
🔗 p5.js: p5js.org
🔗 p5.js Web Editor: editor.p5js.org/
🔗 Processing: processing.org
📄 Code of Conduct: github.com/CodingTrain/Code-o...
This description was auto-generated. If you see a problem, please open an issue: github.com/CodingTrain/thecod...
#matterjs #physicsengine2d #angrybirds #p5js #javascript
Негізгі бет Coding Challenge
Пікірлер: 246