Video není dostupné.
Omlouváme se.
Learn p5.js for Creative Coding - 5 Beginner Projects
Vložit
- čas přidán 5. 08. 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: pattvira.com
🔗 Twitter: / pattvira
🔗 Instagram: / pattvira
⭐️ p5.js Resources ⭐️
p5.js: p5js.org
p5.js Web Editor: editor.p5js.org/
⭐️ Code ⭐️
Project 1: editor.p5js.org/pattvira/sket...
Project 2: editor.p5js.org/pattvira/sket...
Project 3: editor.p5js.org/pattvira/sket...
Project 4: editor.p5js.org/pattvira/sket...
Project 5: 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: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news
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.
Been slipping up this icy mountain for eight years. And this program is stitching stuff together with ur explanation. I am on ipadd pro 9.7 with brave and or safari. At 8:08~ for me with same coed as u in block and script: ReferenceError: can’t find variable: Block
At 8:29, why dddddi the block lose the 45 dgree angle after u set to 50?
@@cajuntimes bc its refreshed
This channel just keeps on giving. This look like a fun exercise. Got to block like 3h for it next weekend!
I am so happy that I stumbled across this course. I have been wanting to get more involved in artistic programming, and this is a wonderful start. Thanks very much Patt!
pattvira rocks! I love her coding tutorials!
So awesome to see Patt here ❤
Following this tutorial was a LOT of fun! TY ❤
This seems interesting, will try this for sure in local what to get a hands on 🎉
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.
And i would nt expect to see a tenth grader visiting kindergarten. What is your point?
And i would nt expect to see a tenth grader visiting kindergarten. What is your point?
And i would nt expect to see a tenth grader visiting kindergarten. What is your point?
And i would nt expect to see a tenth grader visiting kindergarten. What is your point?
And i would nt expect to see a tenth grader visiting kindergarten. What is your point?
Diva d+ n da, muito conhecimento
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 😊😅
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 70)
this.c -= 3;
}
this.angle += 1;
}
else{
this.c = 70;
this.angle = 0;
}
}
Ddo you really neeeed to be on this channel?
Hey Alex great video thank you so much
Does video editors play a big role in the success of video ads ?
We are looking for hiring french video editors that have potential and willing to work long term
Why going for cheap and foreign video editors?
It's a bit too fast without properly explaining stuff, it feels like I'm watching someone do something more than learning
Did u use the program while watching? If so did you get an eerror @ 8:08 stating “Block” is not deefined?
can you please add subtitles to your videos? The videos are great but as I'm not a native English speaker I feel difficulty in understanding.
❤😂❤😂
Anyone interested in collabing? I’m looking for software devs.
it's really fast and lack of explanation
Daniel shiffman aka the coding train already do this course better than this🔥🔥🔥
Yeeeeah and there should be only one math, science, language, etc. teacher in the world yeah
Can you help me 🙏 in some course I want to learn.
So please can you help me in data science please
Did you search the channel for uploaded videos on this subject? I’ve seen some already.
Hello 👋
That was so much fun, thanks @pattvira.
I agreee
Damn, it is definitely not for beginners 😅 no explanation, like I’m listening to some maya ancient lg
welp, there goes my creative coding experience! lol. 8 mins in and Block not defined. Followed step by step, even stopped and check to see if code was the same. You kinda move too fast. Not really explaining what each entry of code does. Then things like Print function get removed without being captured in the video.
Again at 11:38 Nope, no grid. "j is not defined" ! frustrating.
I do not why but I disliked hearing some words in INTRO
It’s less than 30 and and gives credit to creator. Not a big deal. Relax.
it is my opinion to dislike ? why bother ? @@elissitdesign
@@K8LOYTKeep your irrelevant opinions to yourself. No one cares. Be better.
I will share but it will trigger ppl @@AlexFalkenberg
You're not here to judge , aren't you 😊