Coding Challenge #138: Angry Birds with Matter.js

Coding Challenge #138: Angry Birds with Matter.js

An attempt to implement the basic mechanics of Angry Birds in JavaScript using p5.js and the matter.js physics engine.


Links discussed in this video:
🔗 Angry Birds:
🔗 Matter.js:
🎥 Introduction to Matter.js:
🎥 Inheritance in JavaScript:
🎥 Phaser Game Development with Catt Small:


🎥Coding Challenges:
🎥Intro to Programming using p5.js:

📄 Code of Conduct:
🌐Help us caption and translate:
🚩Suggest Topics:
👾Share your contribution:

🔗 p5.js:
🔗 Processing:

#AngryBirds #JavaScript #Physics


Xem thêm bài viết khác:

Related Post


  1. Wait u til mouse press set a flag the flag looks for mouse release and then once that happens it waits until the ball crosses the center point i.e. string is length 0 it releases.

  2. SHOOTING RELEASE PROBLEM FIXED. if the bird is in a given radius of pointA then remove the SlingShot

  3. i don't even javascript but these videos definitely help me in terms of understanding how to properly break down an issue into a programmable solution. the jovial attitude just makes it more infectious.

  4. спасибо за русские субтитры!)

  5. you ara a coding hero


  7. When 1kk of subscribers?

  8. bird's x velocity is maximum when its x position passes the slingshot's x position, so release then.

  9. Such a powerful editor that it can guess in advance what you're about to type as a filename because you just don't remember already adding that same file to your project a moment earlier. That made me smile. 🙂

  10. You should create a "THIS DOT" GAME AHAHHAHAHAHA

  11. My collision physics is off. things shoot out in the wrong direction with non realistic momentum.
    Has someone encountered this problem?

  12. Hey yall, anyone know how I can prevent the user from clicking and interacting with the boxes? Awesome Tutorial Btw!

  13. 20:38 Matther.js STILL has the tunneling issue?!

  14. this is why type="module" is useful, everyone is just tired over worrying over the order of scripts

  15. It is a very useful and entertaining video, I just missed the part where the teacher explains than you must run the code from a java server or the browser will not load the images Because the cors system. but it let me learn about Apache and tomcat, so a the end I'm thankful for that too

  16. ive tried to copy and yeah a lot of things dont work the same for some reason

  17. help 19:00
    matter-js: MouseConstraint.create: options.mouse was undefined, options.element was undefined, may not function as expected
    i dont know why but when i type mouse: mouse it doesnt let me move the ball but i figured if i type Mouse: mouse it does but comes up with the warning above

  18. You are really a tallented person. Wow what a lovely youtube channel that I have ever seen. You are like a God. I respect you from the core of my heart. Keep up the Good works.

  19. How do i create this game using box 2d js

  20. 15:36 I don't know why but I had to write " this.body =, y, r/2); " dividing radius by 2. Is it possible that they updated the way matter.js works and made it the diameter input instead of radius?

  21. How to code in CPP for angry bird

  22. 🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈

  23. the game physic reminds me of Algodoo :’)

Leave a Reply