p5.js Coding Tutorial | Binary Piano 🎵
33:09
p5.js Coding Tutorial | Chaos Game
16:38
Пікірлер
@bartvenken7138
@bartvenken7138 10 сағат бұрын
THe 'trail' the white pixels leave behind (and which vanishes) is it purely a result of the animation?
@mehmeterendesign
@mehmeterendesign Күн бұрын
One of my fav…
@paulh1720
@paulh1720 Күн бұрын
thanks you. i've been struggling with idea's, and mask creation, - and I was thinking about rotating fonts , concentrically, but was'nt sure how to do it
@auwalirobello8706
@auwalirobello8706 Күн бұрын
Thank you. Please do a simple pendulum and other scientific simulations, please. I'm part of a research team working on science laboratory simulations for universities in Nigeria. I believe we can collaborate
@slacle
@slacle Күн бұрын
You might be interested in "Nature of Code" by Daniel Shiffman
@Roman-New-Big-Thing
@Roman-New-Big-Thing 2 күн бұрын
Wow It is incredible. Thank you so much for this easiest tutorial
@Totallyfine29_
@Totallyfine29_ 2 күн бұрын
thanks girl, I did a version with Palestinian flag colors. I want to figure out how anypixel assigned a diff color for the logo any ideas?
@muradinyeri
@muradinyeri 4 күн бұрын
Turkish please
@tequilasunset4651
@tequilasunset4651 4 күн бұрын
Really appreciate the stuff you've done do far! They're all amazing resources - clearly explained logic, to the point style and really fun ideas.
@Souvik3.14
@Souvik3.14 4 күн бұрын
Another fantastic video ❤
@pattvira
@pattvira 4 күн бұрын
Thank you 🤗
@wanderwithdaniel
@wanderwithdaniel 5 күн бұрын
Nice work 👏
@pattvira
@pattvira 4 күн бұрын
Thank you so much 😀
@ChicoPiranha
@ChicoPiranha 5 күн бұрын
hey Patt, nice tutorial. Take a look at this: String.prototype.padStart() It would be something like: let n = 25; let s = n.toString(2).padStart(10, "0"); let Bits = s.split('');
@pattvira
@pattvira 4 күн бұрын
Thanks for the tips!
@akashvanionwards912
@akashvanionwards912 6 күн бұрын
var cnv=document.getElementById("cnv") var ctx=cnv.getContext("2d") var ch=cnv.height=600 var cw=cnv.width=window.innerWidth var radius=150 var m=0 var num=10 function chakra(){ ctx.beginPath() ctx.arc(cw/2,ch/2,radius,0,Math.PI*2) ctx.strokeStyle="red" ctx.stroke() for(let i=0;i<2*num;i++){ var a=(i+1)*Math.PI/num ctx.moveTo(cw/2+radius*Math.cos(a),ch/2+radius*Math.sin(a)) ctx.lineTo(cw/2,ch/2) ctx.stroke() } ctx.closePath() } function osilation(){ m+=0.01 if(m>Math.PI*2){ m=0 } for(let i=0;i<num;i++){ ctx.beginPath() var n1=2*(i+1)*Math.PI/num ctx.arc(cw/2+(radius/2)*Math.cos(n1-m)+(radius/2)*Math.cos(m),ch/2-(radius/2)*Math.sin(n1-m)-(radius/2)*Math.sin(m),10,0,Math.PI*2) ctx.fillStyle="blue" ctx.fill() ctx.closePath() } } var h=document.getElementById("h") h.addEventListener("input",()=>{ num=(Math.floor(parseInt(h.value))) document.getElementById("num").innerText="Number of balls:"+num }) function animate(){ ctx.clearRect(0,0,cw,ch) chakra() osilation() requestAnimationFrame(animate) } animate() I did the same but in a different approach :)
@rastcheck6037
@rastcheck6037 8 күн бұрын
Amazing tutorial❤! Just a couple of questions : At 21.26 how do you calculate the values for the midi notes arrays? And towards the end why you switch from RGB to HSB color space? Thanks a lot 😊
@pattvira
@pattvira 7 күн бұрын
Thanks! 1. I got the corresponding midi note arrays from here: newt.phys.unsw.edu.au/jw/notes.html 2. I changed it to the HSB mode so that I can change the value of the first argument (hue) to get the rainbow color over time.
@rastcheck6037
@rastcheck6037 7 күн бұрын
@@pattvira thanks so much for the explanation 😀
@MandoRick1978
@MandoRick1978 8 күн бұрын
Another cool video, cheers!
@pattvira
@pattvira 7 күн бұрын
Thanks again!
@danielacabrera2253
@danielacabrera2253 8 күн бұрын
Hi! I did it the same way, but for some reason it wouldn't save the gif as a whole but only about 300images of each of the frames. How can I save it as a gif/video altogether? thanks so much for your videos btw :)
@krccmsitp2884
@krccmsitp2884 9 күн бұрын
Nice and straightforward. Keep up your good work here.
@sethdeleon8530
@sethdeleon8530 9 күн бұрын
Really great tutorial, only question i have is why is it when colours are added the "life" aspect stops working?
@pattvira
@pattvira 7 күн бұрын
There are two separate things happening here: 1. Decrement 'life variable' from the value of 255 down by a certain amount each frame. When life < 0, we say life is done. 2. Pass 'life variable' as an alpha value (transparency) in a fill function. Transparency ranges between 0 and 255, so when value < 0, we cannot see the color. Hope this helps!
@akashvanionwards912
@akashvanionwards912 9 күн бұрын
Underrated channel
@stefanvanraemdonck9054
@stefanvanraemdonck9054 11 күн бұрын
Perfect timing !! Since you started a time ago with the sound library i was thinking to create a sort of keyboard. Thanks Patt
@zhiyan909
@zhiyan909 12 күн бұрын
I Loved the background Sound of Rain. We don't hear sound of Lightning in Netherlands.
@MandoRick1978
@MandoRick1978 12 күн бұрын
Very cool series Patt. I am learning much, thank you.
@beotiger
@beotiger 13 күн бұрын
Patt Vira! You are the coolest tech youtuber I've ever seen!
@PearlaSantiesteban
@PearlaSantiesteban 14 күн бұрын
keep these videos coming!!! i love them thank you!
@jumaxeno5004
@jumaxeno5004 14 күн бұрын
Thank you for posting these, I recently started learning processing and I find these really helpful :)
@rastcheck6037
@rastcheck6037 15 күн бұрын
Amazing ❤❤
@LoginusLagonow
@LoginusLagonow 15 күн бұрын
You should say that the code from this episode is ready for testing on the website (website address in the description).
@carecavoador
@carecavoador 15 күн бұрын
Love your content. But this is just awesome! Maybe a little bit of Fourier Transform in the future?
@pattvira
@pattvira 14 күн бұрын
FFT is on the list!
@Fullsnackdevelopr
@Fullsnackdevelopr 15 күн бұрын
Great physics lesson! I teach students about sound using embedded computing with Swift. Loving your deep dive onto this area.
@Fullsnackdevelopr
@Fullsnackdevelopr 15 күн бұрын
Phenomenal work Patt! I recommend your videos to all my students.
@pattvira
@pattvira 14 күн бұрын
Thanks Brad!
@Vivek-qc8qo
@Vivek-qc8qo 15 күн бұрын
Ant colony simulation pleasee i beg you please 😭😭😭😭😭😭😭😭😭
@rastcheck6037
@rastcheck6037 16 күн бұрын
Congratulations :)
@raphandrews1
@raphandrews1 16 күн бұрын
CONGRATZ LINDAA
@laurentstrodiot8434
@laurentstrodiot8434 16 күн бұрын
Congratulations ! I learned a lot from your videos. Thanks ! Merci bcp !
@ChrisRodriguez9694
@ChrisRodriguez9694 17 күн бұрын
Wow! I came across your channel when you only had like 3 videos and now you've hit 100, congratulations on making this amazing and inspiring content!!!! 🎉
@pattvira
@pattvira 14 күн бұрын
Yes! It's been a journey. Thanks for supporting since the very beginning.
@VernonSwanepoel
@VernonSwanepoel 17 күн бұрын
I would really love to see tutorials on physical computing!!!
@oscarbavi7886
@oscarbavi7886 17 күн бұрын
congratulations. Can you create how to create landscapes in 2d (or pictures of landcaspes in 2d)? not 3d thanks
@Salehalanazi-7
@Salehalanazi-7 17 күн бұрын
Absolutely inspiring!
@alvarobyrne
@alvarobyrne 17 күн бұрын
"this thing called derivative"
@yipyapyolio1416
@yipyapyolio1416 17 күн бұрын
Congrats!
@StevesMakerspace
@StevesMakerspace 17 күн бұрын
Thanks for sharing your wisdom! Your videos are excellent.
@Fullsnackdevelopr
@Fullsnackdevelopr 15 күн бұрын
Your videos are wonderfully helpful too!
@StevesMakerspace
@StevesMakerspace 15 күн бұрын
@@Fullsnackdevelopr Thanks!
@pattvira
@pattvira 14 күн бұрын
Thanks Steve!
@lianggrander9233
@lianggrander9233 17 күн бұрын
you are the best! you are the best ! you are the best!
@flaviopsilva_
@flaviopsilva_ 17 күн бұрын
Congratulation for 100 tutorial vídeos!!
@prjcts_be
@prjcts_be 17 күн бұрын
You are a true inspiration! Thank you Patt!
@pattvira
@pattvira 14 күн бұрын
I appreciate it! Thank you.
@atys1966
@atys1966 18 күн бұрын
Congratulations and thank you for your efforts, its much appreciated. will be interesting to see what you do with an Arduino.
@paulh1720
@paulh1720 18 күн бұрын
Congrats, keep up the good work...
@terraflops
@terraflops 18 күн бұрын
I subscribed and watch videos whenever I can. I often just watch for a few minutes (on my tv) to see how much time it will take to follow along on my computer where I have to stop the video constantly just to keep up with the coding. (so don't rely on video metrics for 100% engagement). This channel makes such interesting artwork that I enjoy. You do seem to be an expert but that is the magic of video editing and code prep. Video idea: a plasma ball.
@failscript
@failscript 18 күн бұрын
You're awesome Patt, let's gooo 🚀
@-slt
@-slt 18 күн бұрын
Congrats 🎉🎉 learned a lot from you 🙏 Also maybe check ESP32. It can be programmed like Arduino using Arduino ide and also it can be programmed using micropython. There are many different boards for it and has a lots of abilities. I just started learning more about it and i found it amazing. Maybe you find it interesting too.
@jaciok
@jaciok 18 күн бұрын
👏👏👏🥹🇧🇷
@andygray9819
@andygray9819 18 күн бұрын
Congratulations, and thanks for all the great tutorials!