Learn p5.js for Creative Coding – 5 Beginner Projects

Channel:

freeCodeCamp.org

Subscribers:

10,700,000

Published on February 13, 2024 3:41:39 PM ● Video Link: https://www.youtube.com/watch?v=o5t7PxRJSXk

Duration: 2:01:48

44,667 views

1,239

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/sketches/zF8f04Nep
Project 2: https://editor.p5js.org/pattvira/sketches/avnut9q6D
Project 3: https://editor.p5js.org/pattvira/sketches/r8ykXZaHd
Project 4: https://editor.p5js.org/pattvira/sketches/R7Pw3YQad
Project 5: https://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: https://www.freecodecamp.org

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