p5.js Coding Tutorial | Chladni Patterns

LET'S CONNECT
✨ Sign up for my newsletter at https://www.pattvira.com
✨ Instagram: https://www.instagram.com/pattvira
✨ Twitter: https://twitter.com/pattvira
--
Links:
🔗 p5.js editor: https://editor.p5js.org/
🔗 Chladni Patterns:
🔗 Basic Code: https://editor.p5js.org/pattvira/sketches/5LAASlRY-
🔗 With Particles Code: https://editor.p5js.org/pattvira/sketches/_EUt9cftI
🔗 Introduction to Creative Coding Playlist: https://youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn

References:
🔗 Paul Bourke’s Chladni Plate Mathematics, 2D: https://paulbourke.net/geometry/chladni/
🔗 @NigelJohnStanford’s CYMATICS: Science Vs. Music - Nigel Stanford: https://youtu.be/Q3oItpVa9fs?si=U6Gqbz_wM4J5tOnN

Timestamps:
0:00 Intro
0:35 What is a standing wave?
01:39 Approach
03:07 Sketch 1: Chladni patterns - basic
10:24 Sketch 2: Chladni patterns - with particles
11:25 Create a Particle class
17:11 Write a Seek steering behavior method
24:38 Make it interactive
28:49 Add margins