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?
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
Can I ask when I type the second for loop(even not finished), the web editor crashing,. Is there some way to check and solve? my Mac is Ventura 13 and Chrome is 121 version.
@@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)
@@ColorfulCoding An option where it add an outline to your pen, let’s say I draw with black, but if I turn on stroke option, white outlines come on whatever I drew Hopefully I explained it better
@@yeez_pao I actually made another tutorial explaining a more advanced drawing app: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-S9pT7dpb2Zk.htmlsi=z_LoW8e9-7_AF1wq But beside the extra stuff mentioned in this, you could try creating an eraser to only delete some specific parts of the drawing instead of resetting the entire canvas. Or you could make it possible to create a gradient background with multiple colors blending into each other. Hope that helps!
Hello friend, I hope you can answer me. I happen to have seen your other video where you teach how to make an audio visualizer. I want to export the video with this tutorial, but it turns out that when I see the export everything is very fast.
I think that has to do with the speed at which CCapture records the canvas. When recording it moves through the frames slower than it normally do. However, the music that the animation reacts to, is playing at normal speed during the recording. So when you play the recorded video, it will be faster than the music. Hope that makes sense.
You could try to slow down the song using either playback rate (p5js.org/examples/sound-playback-rate.html) or speed (p5js.org/reference/#/p5.MediaElement/speed).
@@ColorfulCoding I solved the problem, it was the speed of the audio as you said. But I had problems with the tone changing the wave too much, although I managed to fix it with FL Studio. My last question, how can I get the audio to start right away? Thanks friend, from here to this week I will join your page as a member to take the courses.
Awesome tutorial! It was really helpful, tho I remain a question How can I change the resolution of the final video, it all depends on the canvas size?
This is neat, It's difficult to top the coding train in terms of educations and learning the basics of code, but the result you give are much more pleasing esthaetically, and that's really educationnal and inspiring too
I love this channel! Can you explain this part let r = p5.map(p5.sin(p5.frameCount), -1, 1, 50, 255); let g = p5.map(p5.cos(frameCount / 2), -1, 1); let b = p5.map(p5.sin(frameCount / 4), -1, 1, 50, 255); What is the map and cos/sin doing and how is it being applied
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.
