p5.js Coding Tutorial | Double Pendulum

LET'S CONNECT
✨ Sign up for my newsletter at https://www.pattvira.com
✨ Instagram: https://www.instagram.com/pattvira
✨ Twitter: https://twitter.com/pattvira
--
🚨 In the diagram, I switched the labeling locations for x and y (for both x1/y1 and x2/y2), but the trigonometric equations are correct!

Links:
🔗 p5.js editor: https://editor.p5js.org/
🔗 Double Pendulum Code: https://editor.p5js.org/pattvira/sketches/vHZ9pCIqZ
🔗 Introduction to Creative Coding Playlist: https://youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn

References:
🔗 Pendulum Waves: https://youtu.be/GqVyz-8AGcA
🔗 Lagrangian Mechanics: https://www.myphysicslab.com/pendulum/double-pendulum-en.html

Timestamps:
0:00 Intro
1:06 Walk through double pendulum diagram
2:44 Create one double pendulum
7:42 Use Lagrangian mechanics to calculate angular acceleration
11:20 Create a Pendulum class
15:29 Create multiple pendulum objects with different initial conditions
19:29 Experiment!

Скачать видео