p5.js Coding Tutorial | Introduction to matter.js 🔴 🟪

LET'S CONNECT
--
Links:

References:

Timestamps:
0:00 Intro
3:04 Key building blocks
7:54 Implement a minimal example
31:14 Create Rect and Ground classes
36:54 Add a new box when pressing the mouse

[pattvira]

My mic was acting up a bit in this video. I hope the audio quality doesn't bother you guys too much! Hope you enjoy the tutorial 😊

[sarthakmalhotra]

first P5 then arduino now matter.js is this a dream

[thehappycoder]

Good choice of physics engine, love it

[Fullsnackdevelopr]

A new hair style drop and a 40 min physics library walkthrough! 🎉

[mfpears]

15:05 is *equal to
No S on "equal" because it's an adjective here

[broadshare]

I feel adding a body gesture detection or body tracking could make more fun. I look forward to seeing you do interactive one

[eksleja]

Great video! However, I would've loved to see a from scratch series on rigid body simulations :D

[icezee]

Great video! At 19' or so, you tried to use width and height inside the call Bodies.rectangle() but they did not work; the reason is probably that your p5.js has noCanvas() in the setup() at that time.

[broadshare]

To make it challenging let's use a human body tracking library like handtrack js and detect the position of the head balance the plane ground on it and let the falling objects land on the plane place on the head position and balance for fun and interactivity.

[Cadknowledge]

Can you create something like manim (python library) in js

[melwinalm]

Great tutorial. Just curious to know one thing. This could have been built using just matter.js alone. Why did we use p5.js here. Is it only because, p5.js adds the support for mousePressed events.