p5.js Coding Tutorial | Springy Chain with matter.js 🔗

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

2,573

110

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/
🔗 Springy Chain with matter.js Code:
🔗 Using matter.js built-in render: https://editor.p5js.org/pattvira/sket...
🔗 Using 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/
🔗 matter.js playlist:    • matter.js
🔗 ml5.js+matter.js sketch by Golan Levin: https://editor.p5js.org/golan/sketche...

Timestamps:
0:00 Intro
0:46 Create two circle bodies and a fixed ground
7:46 Use Constraint module to join two bodies
12:53 Create a new Composite in order to chain multiple bodies together
21:31 Use MouseConstraint to make mouse interact with bodies
24:43 Use p5.js to render
30:05 What's coming next? Hint: matter.js + ml5.js!