p5.js Coding Tutorial | Chladni Patterns

Опубликовано: 20 Май 2026
на канале: Patt Vira

7,570

390

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/
🔗 Chladni Patterns:
🔗 Basic Code: https://editor.p5js.org/pattvira/sket...
🔗 With Particles Code: https://editor.p5js.org/pattvira/sket...
🔗 Introduction to Creative Coding Playlist:    • START HERE: Creative Coding for Beginners

References:
🔗 Paul Bourke’s Chladni Plate Mathematics, 2D: https://paulbourke.net/geometry/chladni/
🔗 ‪@NigelJohnStanford‬’s CYMATICS: Science Vs. Music - Nigel Stanford:    • CYMATICS: Science Vs. Music - Nigel Stanford

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