p5.js Coding Tutorial | Spiral Betty

💛 Suggest an Idea: https://www.pattvira.com/ideas -- 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/ 🔗 Spiral Betty Code: https://editor.p5js.org/pattvira/sketches/-VoHCBGmx 🔗 Introduction to Creative Coding Playlist: https://youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn References: 🔗 Spiral Betty: https://spiralbetty.com/ 🔗 Zenozeng's p5.js - svg library: https://github.com/zenozeng/p5.js-svg 🔗 GUI Functions: 🔗 createSlider: https://p5js.org/reference/p5/createSlider/ 🔗 createColorPicker: https://p5js.org/reference/p5/createColorPicker/ 🔗 createSelect: https://p5js.org/reference/p5/createSelect/ 🔗 createButton: https://p5js.org/reference/p5/createButton/ 🔗 input: https://p5js.org/reference/p5/input/ 🔗 createGraphics: https://p5js.org/reference/p5/createGraphics/ Timestamps: 0:00 Intro 0:21 Spiral Betty and Archimedean spiral 0:59 Create a spiral pattern 4:37 Set spiral line thickness based on brightness values 9:43 Create a GUI to manipulate each parameter 22:02 Export an image file