Learn p5.js for Creative Coding – 5 Beginner Projects

By freeCodeCamp.org
Published: 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/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

[READ MORE]

”