MENU

Fun & Interesting

p5.js Coding Tutorial | Sparkly Magic Wand ✨

Patt Vira 1,092 1 month ago
Video Not Working? Fix It Now

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/ πŸ”— Sparkly Magic Wand Code: https://editor.p5js.org/pattvira/sketches/f4T8cFPpv πŸ”— Introduction to Creative Coding Playlist: https://youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn References: πŸ”— Particle Systems Playlist: https://youtube.com/playlist?list=PL0beHPVMklwjgTj2d4uK_R_1sdPg1hi4x&si=97OSu-ln1SJ9h7oi πŸ”— p5.js Quadratic Vertex function: https://p5js.org/reference/p5/quadraticVertex/ πŸ”— p5.js drawingContext: https://p5js.org/reference/p5/drawingContext/ Timestamps: 0:00 Intro 02:00 Draw a star 06:14 Create a glowy shadow effect 08:26 Create a Star class 11:31 Create star objects using mousePressed() and mouseDragged() 13:14 Add velocity and acceleration to update position 16:25 Remove stars when no longer on sketch 20:53 Final touches

Comment