I'm new to P5.js, I came looking for how to use vertex function, and I was smiling through this video. I have to say, I like your exciting energy, it makes me want to be really excited about P5.js Thanks
Just wanted to say thanks for making these videos. Keeps me sane from my day job. Getting visual feedback from programming is so rewarding. Love the energy!
I was looking for a video explaining curveVortex() to me an I didn't expect that it can be be so great and funny to learn it :D Thank you! It's so amazing :D
I had to do little modifications to adapt the first custom shape (the "breathing one") to processing ( no angle mode, no let) and this is what I came up with so far, if anyone is interested : void setup(){ size(400, 400); } float x; float y; float a; float spacing; void draw(){ stroke(255); noFill(); background(0); beginShape(); spacing = map(mouseX, 0, width, radians(5), radians(100)); for(a = 0; a < radians(360); a += spacing){ x = 100 * sin(a) + 200; y = 100 * cos(a) + 200; vertex(x,y); println("A is now: ", a, ", x is now: ", x, ", y is now: ", y); } endShape(CLOSE); }
You make software development easy and creative, hope you make an angularjs series I would be more grateful than I am already. Thank you for every thing
Is there a way to “group” shapes like you would in Illustrator? I have a design I’m working on that includes 8 squares. I need to group the first four squares I have created and then basically “copy”, “paste”, and “rotate” on the center axis. How can I do this?
Is there some way to group shapes together. I have made a picture with over 10 shapes and want to group them together. I am trying to control this shape with the keys " w a s d" and i have achieved this with only one shape. If they were all grouped together i could move the entire shape with these keys and not just one. Please help.
Silly question but did you swap cos and sin at 6:25 ? I am trying to fully understand the polar to cartesian thing and this confused me, I thought cos gives you the x and sin gives y. I know it basically doesn't matter in the whole scheme of things but I just wanna make sure I understand it correctly.
For me autocompletion of code des not work for p5.js library at all and for all the functions it says they are undefined even though the code works in the browser. Other libraries work fine. I tried IntelliJ IDEA and Brackets without any luck. Does someone know how to solve this?
hello. the software is called atom (or maybe he now uses visual basic code or something, but you can use just any text editor, I'll suggest atom.) the language is p5.js, which is a library for JavaScript, and is beautiful. it is processing, implemented into JavaScript.
I'm not sure if you can write javascript code in dreamweaver or not, but either way dreamweaver is a bit outdated so I would suggest you switch to something like atom or visual studio code.
Nihar Ranjan Bhuyan in this tutorial you need to do it in processing or p5.js, you could proabably do this in java, but this tutorial will not help you, sorry :)
If you don't stop assuming that every video is the first contact viewers have with coding at all I am going to have to stop following you. It is extremely tiresome, plus we who follow you can never get progress as we are always kept behind to the basics..
You still ask a question. I confirm what you were saying. The sin and cos doesnt need to be on x or y, it will only change the orientation of the shape by 90 degrees.
Man you're an awesome teacher. What energy. I can't believe you're doing this for us
I'm new to P5.js, I came looking for how to use vertex function, and I was smiling through this video. I have to say, I like your exciting energy, it makes me want to be really excited about P5.js
Thanks
Just wanted to say thanks for making these videos. Keeps me sane from my day job. Getting visual feedback from programming is so rewarding. Love the energy!
this guy is for real the best coder ever he has helped me out so much because i am a beginer
This video helped me understand so much about creating shapes in my current coding class. Thanks for the lesson. 👍
I was looking for a video explaining curveVortex() to me an I didn't expect that it can be be so great and funny to learn it :D Thank you! It's so amazing :D
This video is so delightful and helpful. Literally my favorite coding video I’ve seen to date. Thank you!!!!!!
I had to do little modifications to adapt the first custom shape (the "breathing one") to processing ( no angle mode, no let) and this is what I came up with so far, if anyone is interested :
void setup(){
size(400, 400);
}
float x;
float y;
float a;
float spacing;
void draw(){
stroke(255);
noFill();
background(0);
beginShape();
spacing = map(mouseX, 0, width, radians(5), radians(100));
for(a = 0; a < radians(360); a += spacing){
x = 100 * sin(a) + 200;
y = 100 * cos(a) + 200;
vertex(x,y);
println("A is now: ", a, ", x is now: ", x, ", y is now: ", y);
}
endShape(CLOSE);
}
For anyone wondering, the p5 cureVertex uses the *uniform* Catmull-Rom spline :)
You make math so easy and fun
You make software development easy and creative, hope you make an angularjs series I would be more grateful than I am already.
Thank you for every thing
You mean angular4 - The future is now old man :)
Noitse Noitse I actually meant angular 4, miss written 😀
@@ludanca11 You mean Angular 8? 🤣
@@javalisson They keep throwing new versions monthly 😂😂
Great video!
I'm loving your book, it's a perfect read-along with the coding challenges and tutorials!
Gets everybody closer to gettin that cloud :)
Very nice programing video.
Thank you very much!!!!
Nice video.Helps us for exercises.
Is there a way to “group” shapes like you would in Illustrator?
I have a design I’m working on that includes 8 squares. I need to group the first four squares I have created and then basically “copy”, “paste”, and “rotate” on the center axis. How can I do this?
Nice, Will use this!
omg. thank you! now I should be able to make a bent 2d leg😅
is there a way around curveVertex for shape objects? I'm not able to do s.beginShape(), it states curveVertex only works with beginShape()
Best nerd ever! thank you!
Thanks!
Thank you for the support!
I can't find the link for the Cloud video you meantion around 9:00
Is there some way to group shapes together. I have made a picture with over 10 shapes and want to group them together. I am trying to control this shape with the keys " w a s d" and i have achieved this with only one shape. If they were all grouped together i could move the entire shape with these keys and not just one. Please help.
Silly question but did you swap cos and sin at 6:25 ? I am trying to fully understand the polar to cartesian thing and this confused me, I thought cos gives you the x and sin gives y. I know it basically doesn't matter in the whole scheme of things but I just wanna make sure I understand it correctly.
Not a silly question at all! And yes, it should be x = r * cos(theta) and y = r * sin(theta)!
For me autocompletion of code des not work for p5.js library at all and for all the functions it says they are undefined even though the code works in the browser. Other libraries work fine. I tried IntelliJ IDEA and Brackets without any luck. Does someone know how to solve this?
There's no "link to a video that goes through that in more detail"... or i'm blind? ;(
Ooops, about which subject?
polar to cartesian coordinate transformation
It is at 7:08
Ah, apologies, here it is!
Thanks
Can you go over 3D custom shapes via vertex? and specifying the co ordinates to do so?
How do I create a star?
thx soo much
what code it is for rectangle
Hello !! Thanks or the video. How can I create a Spiral?
Hello sir,
PLZ tell me which software you are using to code
And what language you are using
hello.
the software is called atom (or maybe he now uses visual basic code or something, but you can use just any text editor, I'll suggest atom.)
the language is p5.js, which is a library for JavaScript, and is beautiful. it is processing, implemented into JavaScript.
Tushar Sadhwani thx bro.
I have Dreamweaver
Can it be ok
I'm not sure if you can write javascript code in dreamweaver or not, but either way dreamweaver is a bit outdated so I would suggest you switch to something like atom or visual studio code.
I'm breaking my head trying to create shapes that I can resize by using the mouse. Please help me!
The possibility of doing whatever things to those shapes after you've created them is the reward. Keep going
ther's a way to convert simple svg paths into shape to use inside p5?
Looking for this answer too, have you solve it yet?
great
How will I do that on java
Nihar Ranjan Bhuyan in this tutorial you need to do it in processing or p5.js, you could proabably do this in java, but this tutorial will not help you, sorry :)
Ok
Can you tell me how can i directly post java made programme on playstore without going through koltin
I m waiting MEAN app tutorials
Nyc sir
stupid question but how did you do that auto spacing at 6:30
ctrl + t, or cmd + t on mac
ty
is sin for x ? No !
Don't forget to stroke your shape.
how is your Hand now, Sir?
much better than you for asking!
That's great! Keep on doing good work!
Why are you using let
See: ua-cam.com/video/q8SHaDQdul0/v-deo.html
"It can be stroked, or filled" *wink* *wink*
3
Why is he always laughing
2nd hah
If you don't stop assuming that every video is the first contact viewers have with coding at all I am going to have to stop following you. It is extremely tiresome, plus we who follow you can never get progress as we are always kept behind to the basics..
Think you got cos and sin reversed, shouldn't cos be on the X var? It shouldn't matter but still
TheDucklets it doesnt really matter :)
which is why i specified that in my comment. I was concerned because this is a tutorial video.
You still ask a question. I confirm what you were saying. The sin and cos doesnt need to be on x or y, it will only change the orientation of the shape by 90 degrees.
Yes, you are correct, this is my mistake!