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

Опубликовано: 01 Июль 2026
на канале: Patt Vira

7,945

323

LET'S CONNECT
✨ Sign up for my newsletter at https://www.pattvira.com
✨ Instagram:   / pattvira
✨ Twitter:   / pattvira
--
Links:
🔗 p5.js editor: https://editor.p5js.org/
🔗 Intro to matter.js Code:
🔗 Without p5.js: https://editor.p5js.org/pattvira/sket...
🔗 With p5.js: https://editor.p5js.org/pattvira/sket...
🔗 Introduction to Creative Coding Playlist:    • START HERE: Creative Coding for Beginners

References:
🔗 matter.js: https://brm.io/matter-js/
🔗 AnyPixel: https://googlecreativelab.github.io/a...
🔗 Nature of Code - Physics Libraries: https://natureofcode.com/physics-libr...

Timestamps:
0:00 Intro
2:04 What is matter.js
3:04 Key building blocks
6:31 Set up matter.js
7:54 Implement a minimal example
24:36 Integrate with p5.js
31:14 Create Rect and Ground classes
36:54 Add a new box when pressing the mouse