In this coding challenge, I visualize a Fourier series for a square wave in JavaScript with p5.js. Code: [ Ссылка ]

🕹️ p5.js Web Editor Sketch: [ Ссылка ]

🎥 Previous video: [ Ссылка ]
🎥 Next video: [ Ссылка ]
🎥 All videos: [ Ссылка ]

References:
🗄 Fourier Series: [ Ссылка ]
📄 Purrier Series (Meow) and Making Images Speak: [ Ссылка ]
📄 An Interactive Guide To The Fourier Transform by Better Explained: [ Ссылка ]

Videos:
🎥 What is a Fourier Series?: [ Ссылка ]
🎥 But what is the Fourier Transform? A visual introduction: [ Ссылка ]
🚂 Polar Coordinates: [ Ссылка ]
🔴 Coding Train Live 163: [ Ссылка ]

Related Coding Challenges:
🚂 #61 Fractal Spirograph: [ Ссылка ]
🚂 #130 Drawing with Fourier Transform and Epicycles: [ Ссылка ]

Timestamps:
00:00 Welcome! Some resources on the Fourier Series
02:44 Explain! What is a Fourier Series?
07:00 Code! Create a dot spinning around a circle!
11:41 Code! Draw the wave path of the dot!
14:41 Oops! Invert the order of the wave!
16:16 Code! Add multiple circle waves!
23:50 Code! Draw the Fourier series!
25:30 Code! Add slider for number of circles!
27:39 Suggestions

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

🚂 Website: [ Ссылка ]
👾 Share Your Creation! [ Ссылка ]
🚩 Suggest Topics: [ Ссылка ]
💡 GitHub: [ Ссылка ]
💬 Discord: [ Ссылка ]
💖 Membership: [ Ссылка ]
🛒 Store: [ Ссылка ]
🖋️ Twitter: [ Ссылка ]
📸 Instagram: [ Ссылка ]

🎥 Coding Challenges: [ Ссылка ]
🎥 Intro to Programming: [ Ссылка ]

🔗 p5.js: [ Ссылка ]
🔗 p5.js Web Editor: [ Ссылка ]
🔗 Processing: [ Ссылка ]

📄 Code of Conduct: [ Ссылка ]

This description was auto-generated. If you see a problem, please open an issue: [ Ссылка ]

#fourier #maths #javascript #p5js

свернуть