Learn p5.js for Creative Coding – 5 Beginner Projects
freeCodeCamp.org freeCodeCamp.org
9.38M subscribers
52,338 views
0

 Published On Feb 13, 2024

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: https://pattvira.com
🔗 Twitter:   / pattvira  
🔗 Instagram:   / pattvira  

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

⭐️ Code ⭐️
Project 1: https://editor.p5js.org/pattvira/sket...
Project 2: https://editor.p5js.org/pattvira/sket...
Project 3: https://editor.p5js.org/pattvira/sket...
Project 4: https://editor.p5js.org/pattvira/sket...
Project 5: https://editor.p5js.org/pattvira/sket...

⭐️ 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: https://www.freecodecamp.org

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

show more

Share/Embed