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

💻Code:

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

🚂Website:
💡Github:
💖Membership:
🛒Store:
📚Books:
🖋️Twitter:

🎥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

Nguồn: https://mochoquynh.com

Xem thêm bài viết khác: https://mochoquynh.com/tong-hop/

23 COMMENTS

  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. 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.

  3. 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. 🙂

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

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

  6. 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

  7. 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

  8. 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.

  9. 15:36 I don't know why but I had to write " this.body = Matter.Bodies.circle(x, 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?

  10. 🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈

LEAVE A REPLY

Please enter your comment!
Please enter your name here