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
source
Daniel shiffman aka the coding train already do this course better than this🔥🔥🔥
Great tutorials, Thank you.
I have a suggestion condition for move() function
It's simplify the code
move(){
let distance = dist(mouseX, mouseY, this.x, this.y);
let isMoving = dist(mouseX, mouseY,pmouseX, pmouseY);
// If isMoving == 0 the mouse is not moving
if((distance <= distMouse && isMoving != 0) || (this.angle % 90 != 0)){
if(this.angle == 1)
{
this.c = 255
}
else
{
if(this.c > 70)
this.c -= 3;
}
this.angle += 1;
}
else{
this.c = 70;
this.angle = 0;
}
}
as a car content creator i approve this video
Anyone interested in collabing? I’m looking for software devs.
Thanks Beau and the freeCodeCamp team for this opportunity! Excited to continue making coding accessible to all one tutorial at a time 😊 Hope you guys enjoy the course.
So awesome to see Patt here ❤
pattvira rocks! I love her coding tutorials!
This channel just keeps on giving. This look like a fun exercise. Got to block like 3h for it next weekend!
We have already seen that stuff 2-3 years back from the coding train channel. That guy is master when it comes creative coding stuff 😊😅
I do not why but I disliked hearing some words in INTRO
yoooo wouldnt expect to see something like this come across here. Processing is how i cut my teeth programming and helped me learn so many core concepts while getting to have immediate gratification creating cool visuals.
This seems interesting, will try this for sure in local what to get a hands on 🎉
as a car content creator i approve this video
So please can you help me in data science please
Can you help me 🙏 in some course I want to learn.
Hello 👋