freeCodeCamp.org | Learn p5.js for Creative Coding – 5 Beginner Projects @freecodecamp | Uploaded February 2024 | Updated October 2024, 5 hours ago.
Learn p5.js for Creative Coding by following along with 5 beginner project tutorials. p5.js is a Javascript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else!
Course developed by @pattvira

⭐️ Connect with Patt Vira ⭐️
🔗 Website: pattvira.com
🔗 Twitter: twitter.com/pattvira
🔗 Instagram: instagram.com/pattvira

⭐️ p5.js Resources ⭐️
p5.js: p5js.org
p5.js Web Editor: editor.p5js.org

⭐️ Code ⭐️
Project 1: editor.p5js.org/pattvira/sketches/zF8f04Nep
Project 2: editor.p5js.org/pattvira/sketches/avnut9q6D
Project 3: editor.p5js.org/pattvira/sketches/r8ykXZaHd
Project 4: editor.p5js.org/pattvira/sketches/R7Pw3YQad
Project 5: editor.p5js.org/pattvira/sketches/q13O-lek4

⭐️ Contents ⭐️
⌨️ (0:00:00) Intro
⌨️ (0:01:00) Project 1: Interactive Display with Rotating Blocks
⌨️ (0:28:17) Project 2: Beautiful Trigonometry
⌨️ (0:43:48) Project 3: 3-Dimensional Kinetic Typography
⌨️ (1:10:13) Project 4: Hypnotic Flowers
⌨️ (1:29:06) Project 5: Mondrian-Inspired Generative Art

🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama

--

Learn to code for free and get a developer job: freecodecamp.org

Read hundreds of articles on programming: freecodecamp.org/news