Your video might just save my college midterm and I am forever grateful to you for this.
@erickgarcia1616
3 ай бұрын
uol ??? I am in the same struggle myself bro hahaha I will add this to my midterm.
@abdurrahmanalsayed149
3 ай бұрын
@@erickgarcia1616 yea UoL, I did that, I'm only missing one of the Coursera extensions and the report
@ConfusedNDazed
3 жыл бұрын
The best tutorial so far, please keep producing them 👍
@joan.ps1
5 ай бұрын
I skipped through the video as i dont have time now, but definitely interesting, informative and cool! Will definitely check it out in depth! Thanks for the video
@mixtapeverse1184
9 ай бұрын
Thank you for this awesome video! How did you capture/export the visualizer and turn it into a video?
@richardjamesbunker
3 жыл бұрын
This is so good! Very inspiring and so happy I learned javascript!
@mixtapeverse1184
10 ай бұрын
That was awesome and works great! Definitely checking your patreon. Thank you!
@67Keldar
Жыл бұрын
Mind Blown.... 😮❤‼
@fabiomicalizzi6052
26 күн бұрын
Your waveform is beautifully smoother than mine. I'm using the web editor ad mp3 file. Any suggestions? Thank you so much for your dedication!
@yibin-t1m
5 күн бұрын
Hello,I want to fully implement most of the functions from Python's turtle module using p5.js, including showing the drawing trace. Now there’s a problem: after defining the turtle class, if I execute multiple predefined turtle methods in the draw() function, for example, executing turtle.forward(100) twice in the draw() function, they will be executed simultaneously. How can I make them execute in sequence, one after the other, so that it achieves the same effect as drawing with Python's turtle library?
@alebychac
Жыл бұрын
This is amazing. I'm so happy to find this video👍
@juanjoherreragimenez3988
8 ай бұрын
Fantastic video tutorial, you help me so more for a job thanks you very much
@deckermv7530
2 жыл бұрын
You're mad talented. Just subbed
@turboblitz4587
2 жыл бұрын
This looks amazing! Will try it out with some adjustements :) Thanks for the video
@sunlight8127
3 жыл бұрын
Been looking for these things, you saved me a lot of time :), to put my things in better way.
@yvonnewu7668
2 жыл бұрын
This is awesome!! your explanation is very clear! thanks!
@KevinYu900
4 ай бұрын
I followed your tutorial and came last in the class.
@umeshrajbanshi
8 ай бұрын
The awesome tutorial i have found❤❤
@TrDer-bm3yk
2 ай бұрын
good on you brother
@gunjandhanuka9140
2 жыл бұрын
Great tutorial!
@u2bMusicBeauty
3 жыл бұрын
Wow 👏😮, I like it, so far so good, it's really fun.+👍
@ColorfulCoding
3 жыл бұрын
Thank you very much!
@henryschneiderproductions4061
3 жыл бұрын
very good explanation for what I needed thx a lot 😁
@911Kano
3 жыл бұрын
My music file won't play at all. The audio is on the right folder, what might be the issue? Even clicking doesn't work.
@StevesMakerspace
3 жыл бұрын
Very helpful. Thank you!
@yodering
Жыл бұрын
I've been trying to make this, however, when I use the preload function, my whole page gets stuck on Loading.... what should I do?
@ColorfulCoding
Жыл бұрын
You are most likely running into some kind of error during the preload function. Have you made any changes to it or is it like the one in the video?
@Chizuko_TuT
4 ай бұрын
@@ColorfulCoding i have the same problem, but everything is just like in the video. when i delete the 'function preload() {...' my black canvas is back but with it the whole canvas is gone and there is a message in the top left corner, saying that it is 'loading...' (forever)
@shrippie-4214
2 жыл бұрын
So why does my page just say loading.. forever?
@techmasterxd4739
3 жыл бұрын
Is there anyway you could make this into an actual program which could visualise audio by inserting a youtube link or something like that, it would be very appreciated as I'm working on this as a school project and need some help
@thinhnguyenhuy9119
2 ай бұрын
you're awesome :D
@dear_dada
2 жыл бұрын
hi can i know why my particles just kept generating even the song was played
@leonmatryovsk5637
3 жыл бұрын
AWESOME
@taihatranduc8613
2 жыл бұрын
very good video. thank you
@MOHAMMEDIREX16
2 жыл бұрын
Thank you very much 😉
@alehtsiusiankou7636
3 жыл бұрын
a have a problem, The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page
@ColorfulCoding
3 жыл бұрын
It just means that you cannot directly start the audio from your code. It has to be started by the user gesture, like a click on a button or the canvas
@flaviomarcelo9044
3 жыл бұрын
Thank you so much, you are amazing.
@andrewperkinson8941
2 жыл бұрын
Hi! i have to stupid questions... is the live preview integrated in your visual studio( somehow cant do that) and on chrome in the console i cannot execute fft.waveform() VM97:1 Uncaught TypeError: Cannot read properties of undefined (reading 'waveform') at :1:5
@andrewperkinson8941
2 жыл бұрын
Solved It!
@sgtrat5772
Жыл бұрын
@@andrewperkinson8941 how
@lanenaamorcita
Жыл бұрын
Can I made this animation with a file mp4 instead of mp3? I uploaded I video with some filters but would be interesting adding this sound visualizer and seeing that the animation works contemporary with the music from the video.
@RemRDS
2 жыл бұрын
What's a substitute for the class function? I get a parsing error: keyword 'class' is reserved
@christiancampos86
Жыл бұрын
Hi man! thanks for this video, how can i find you on patreon
@Baeyk
Жыл бұрын
bro, how you record the screen? Please help me! I want recorde my arts to share
@henrickzhang5868
Жыл бұрын
what is this song, please share a link with me, Thanks
@brunoavelar4003
2 жыл бұрын
Could this be done with p5.audioIn() and graph the audio from the users microphone in real time?
@ColorfulCoding
2 жыл бұрын
Definitely! I think thecodingtrain has made a video doing that
@brunoavelar4003
2 жыл бұрын
@@ColorfulCoding What a fast reply! Thanks a lot.
@SuilujChannel
3 жыл бұрын
Great video! One question: why does the flickering of particles stop if you loop backwards?
@SuilujChannel
2 жыл бұрын
@@bysho thanks for your detailed answer:)
@filipsozolins347
2 жыл бұрын
where did you get this music?
@dianab536
3 жыл бұрын
hi, thanks for the video. I'm having issues with the update method for the Particle class. nothing syntactically wrong but no particle display. I'm doing this for a react project but the update method doesn't seem to work in my case. only on the p5 editor
@dianab536
3 жыл бұрын
i figured out the problem my this.vel was suppose to be p5.Vector.random2D().mult(0).
@mohankrishna3560
2 жыл бұрын
thanks man
@mlvmakesart21
2 жыл бұрын
is it possible for us to load 2 songs simultaneously and give them different waves to see them reacting differently?
@redeye-s0ul949
2 жыл бұрын
How can I fix these errors Uncaught (in promise) ReferenceError: loadSound is not defined at preload (assignment2.js:9) at p5._start (p5.js:62905) at new p5 (p5.js:63261) at _globalInit (p5.js:62189) Uncaught TypeError: Cannot read properties of undefined (reading 'isPlaying') at mouseClicked (assignment2.js:38) at p5._main.default._onclick (p5.js:78581)
@IC-ec7hw
6 ай бұрын
Is this doable in Flutter?
@cormacang567
2 жыл бұрын
Hi, my circle is not meeting at the bottom, there is space in between for some reason, can you please address this ?
@victoriagrace2139
Жыл бұрын
i had the same issue and couldn't find the issue to save my life but i ended up randomly messing with the var under the beginShape and by changing the i+= 5 back down to a smaller number like 0.1 it closes the circle !
@tomiwaadesanya7346
Жыл бұрын
Is it possible to achieve this same thing using python?
@vikramenu
Жыл бұрын
hi, Can we get the same effect with the mic stream audio data using P5.js?
@ColorfulCoding
Жыл бұрын
Yes, you can create a audio stream from the mic like this: p5js.org/examples/sound-frequency-spectrum.html
@SculptShape3D
8 ай бұрын
what word to search in petreon
@Weeniehutnurse
2 жыл бұрын
i'm getting the error cannot access Particle before initialization
@AMITGUPTA-nx1dn
3 жыл бұрын
Awesome content man. I was wondering if p5.js can we used in ReactJs project? Not sure , i have a reactjs project and i need to draw some visuals. Please let me know if it can be done
@RishiSingh-sc2sr
3 жыл бұрын
It can be used in reactjs, go for it.
@Merthalophor
3 жыл бұрын
probably difficult, consider using an
@SumanMondal-cb8yl
3 жыл бұрын
How do I make the spikes sharper? Anyways a brilliant tutorial ❤️. Keep it up
@ColorfulCoding
3 жыл бұрын
You could decrease the number of points in the waveform. That would add some more space between each point and make the spikes sharper :)
@rikdehoop9612
3 жыл бұрын
Hey man, I keep getting this error "Cannot read property 'length' of undefined at RingBuffer.push (f9bb4b58-d2fe-49e9-9dd4-8cb68d6ca98f:75) and at AudioWorkletProcessor.process (f9bb4b58-d2fe-49e9-9dd4-8cb68d6ca98f:170)" It seems it's the sounds library but I can't find a fix... I really want this to work... I tried it without using FFT but just amp and this was just fine. Can you help me?
@ColorfulCoding
3 жыл бұрын
Hey, I think it is just a bug in the sound library. I used to get the same error message, but it didn't affect the code or sound in any way, though. However, I got rid of the error message by downloading the newest version of the p5js sound library. I'm not sure this is available on their website, but it is on GitHub. Hope that helps.
@rikdehoop9612
3 жыл бұрын
@@ColorfulCoding Hey do you maybe have a link to the version you used? because I tried that earlier but without success... I also get two warnings "p5.sound.min.js:2 The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page" and "DevTools failed to load SourceMap: Could not load content for 127.0.0.1:5500/libraries/p5.sound.min.js.map: HTTP error: status code 404," maybe this is whats causing the malfunction?
@rikdehoop9612
3 жыл бұрын
Hey Thanks, I got it to work!! still have the error though
@ColorfulCoding
3 жыл бұрын
Most browsers don't allow audio to start automatically, so you need to create a function that will start the audio - e.g. when you click on the canvas.
@klemlloydmwenya2224
2 жыл бұрын
How can this be archived in React.js?
@timetraining6496
Жыл бұрын
Do you teach? I would like to learn from you.
@adityasinha3851
3 жыл бұрын
After pausing the song, I want to resume from the point it was paused at and not from the beginning. How to handle this ?
@ColorfulCoding
3 жыл бұрын
If you use "play" after you have used "pause", the song should resume from the point it was paused. If it doesn't, it might have something to do with the sound library. It might solve the problem, if you use the most recent sound library. I think there was a bug in one of the older versions. I don't think the most recent version is available on their webside, but you can get it on their GitHub page. Hope it helps :)
@adityasinha3851
3 жыл бұрын
@@ColorfulCoding Thank you for quick response. Can I ask one more thing, it is not related to this actually ? I am using p5.js to display live input from microphone. Is there any way to freeze the display ?
@ColorfulCoding
3 жыл бұрын
You can use the noLoop() function to freeze the canvas. To resume you can call loop().
@adityasinha3851
3 жыл бұрын
@@ColorfulCoding Thank you for your suggestion. It worked.
@rickierick7532
2 жыл бұрын
May I ask which editor you use to write your p5.js code?
@ColorfulCoding
2 жыл бұрын
I use Visual Studio Code :)
@bananahit
Жыл бұрын
how to export to mp4
@lunaeclipse5768
2 жыл бұрын
this is LIT
@Sophia-kf6tm
2 жыл бұрын
12:40 Can someone explain to me why it is -width/2 and -height/2? Why isn't it 0? I tried and it didn't work.
@ColorfulCoding
2 жыл бұрын
The particles is created in the center of the canvas and the origin has previously been translated to the center instead of the top left corner. So (0, 0) is the center of the canvas. In order to check if a particle has hit the left edge, we need to check if its x position is smaller than -width/2. Hope that makes sense
@Sophia-kf6tm
2 жыл бұрын
@@ColorfulCoding Yes it does. Thank you😄
@bypro8511
3 жыл бұрын
why you dont doing free site for that can you doing it we all need it too much pls
@sergiocraverath4646
3 жыл бұрын
i want this music
@ezequielignaciosalgueiro7285
3 жыл бұрын
what software are you using??
@ColorfulCoding
3 жыл бұрын
It is just code. But I'm working in Visual Studio Code if that is what you mean :)
@ezequielignaciosalgueiro7285
3 жыл бұрын
Thanks, i use Eclipse, but i have visual studio too ☺️
@nelsonfrank
Жыл бұрын
Great content, but i think you should use your own voice or really human voice..
@swiftsausages
2 жыл бұрын
Hello. Great tutorial. Do you have any suggestions to modify this code to make it more alike to this one here? kzitem.info/news/bejne/zauO2oKkb2ajio4 I don't think this one uses waveform and instead has different parts of the wave reacting to different elements such as the bass and the treble. Would love some suggestions.
@arter9370
2 жыл бұрын
I believe what is happening here is that the audio is separate into 4 parts, like using the Moises app. Then use this tutorial but instead of a mirror, you section this into 4 parts, all using a different instrument of the song like bass, drums, vocals and others.
@KingKakashi45
2 жыл бұрын
The particles doesn't show up and I am not sure why...
Пікірлер: 99