I Tried Making Generative Art (p5js)
HTML-код
- Опубликовано: 8 июл 2022
- Just a video showing the first few things I did with P5js, a Javascript library for creating generative art.
If you like what I do, consider "buying me a coffee" / tipping me via my Kofi page (I could really use the extra £s right now):
ko-fi.com/ph4sespace
Follow my instagram to see the art I make sometimes:
/ ph4se.space
My website:
ph4se.space
Backing music from Tunetank.com
Alex GL - Late Night Latte (Copyright Free Music)
Download free: tunetank.com/t/2iqo/5415-late... 
Наука
Hope you guys liked the video, I really enjoyed getting into generative art.
Just wanted to comment to say that if you like what I do, consider "buying me a coffee" / tipping me via my Kofi page (I could really use the extra £s right now):
ko-fi.com/ph4sespace
Also here's my instagram if you want to follow!
instagram.com/ph4se.space
Thanks for making such a delightful video. I loved the pace, and the sketches. Please make lots more :-)
A fan of your videos. Please keep going. Keep making your art !
Great work! Thank you for sharing, I was looking for something like this.
I loved your work.🖤
Hey, awesome to see this video. I am one of the contributor in p5.js.
love the mood of the video
didnt know you could do 3d as well
simple and nice editing
great job 👍
Amazing. Hoping to see more videos in the future
amazing stuff!
Wow this was a really good video. Al of your art was really cool. The painting looking thong was very cool, so was the cracked glass. And the perlin noise displacements aahhhh it was all brilliant! ❤️
Subbed
Thank you!!
very nice work
i've dabbled with the basics in p5.js - was not aware it had 3d capabilities or that you could get into the lower level shader stuff
Cool! A good source to read is the Gorilla Sun blog. It is a good place to learn new things
Thanks for the video! 😊
Nice, interesting video. Good Job !
Great video. I got interested in making generative art after watching The Coding Train using P5. I've done a few things, nothing ground breaking though, but it is fun to tinker with. Good luck on your journey!
What a fun video.
I would like to see a tutorials of these art. Great work👍🏻
That's pretty cool.
Awesome sauce
Hey, super cool video! Happy to see my little lifeform blob in the first couple of frames!
Oh also seeing some vestige in there 😅
Thanks for watching, your blog is a really good resource 😊
Great video. Creative coding is really interesting
I also really like the vibe of this video
thank You very much!
Loved the video! Could you share the resources you used to learn generative art? I'm looking forward to learn as well, but I've noticed there's not so many places to learn about it.
Wonderful video! I like how you take us through the journey of what you learned in a casual and cozy way.
Do you have the source code for the blendMode loops and noise layer? There are some things I could grock by pausing the video, but would love to see what's happening under the hood.
if you mean the paint-like thing the code is here: editor.p5js.org/ph4se.space/sketches/Jh1kK7qM5 . It's not well commented but hopefully you can understand what's happening :)
Now this is what I meant by typing "digital art" and not some painting on a computer with a tablet bruhhh
If you're still looking for more: I usually search for "generative art", "creative code art" or "art from code" when I'm looking for this type of thing! Digital art might be a bit too broad since it could include any art made on a computer/digitally!
This is SUCH a great video! The noise-influenced designs look really cool!
I think it's a function called colorMode to get hue in p5
Hey, i've just recently came across generative arts and watching your video has inspired me and brought me some confidence to get started with it. Thanks.
Also, this video deserves hella more lieks
I just discovered your channel and immediately fell in love with your content! I just started (more like restarted after a long break) p5.js for generative art and loved your work.
Thank you!! :)
Thank you for this, pls do more stuff!
PS im really looking how to get started with gen art but i dont have any coding experience... what would you recommend to learn first? Like basic java for a year or something like that?
TY!
Learning the fundamentals of Javascipt would be good (I guess that's what you meant by Java but Java is actually an entirely separate programming language!) but you probably won't need a year, just learn the main things like variables, loops, functions etc. I've actually seen that some coding courses teach you basic generative art projects as a way to learn to code, so there's nothing stopping you learning to code and to do generative art at the same time. I think it can be really helpful to learn coding by manipulating something visual with the code
@@ph4sespace ty!
NICE VID
Very informative video that really gives a nice intro. How did you do that graphic on 4:52. I really like it. I have a good understanding of processing and p5 but i am not 100% sure how to produce that. I have for example no clue an how to fill rectangles with lines. Is this done by a p5 function or did you have to program it yourself?
To create the rectangles filled with lines I made a function that essentially creates a new image each time it is called using P5's "createGraphics()". This image is an individual rectangle and I add vertical lines to it with the specified width between. Then in the main "draw" function I call the rectangle-producing function to produce the individual images of rectangles and rotate and position them. Something like: var rect = myRectangleFunction(...); translate(...); rotate(...); image(rect, 0, 0);
@@ph4sespace Thanks
Love this but how did you do this
poggers!
your videos are so high quality why the FUCK do you not have more subs
thanks!! this is motivating for me to make more videos haha
Muhteşem!!!
💎✨👍
Amazing!! How long did you learn p5.js?
Hey there im also starting with genArt but face a problem with finding enough information. How did you find your information for creating artf or did you just start out of nowhere?
I replied to a similar comment about this: I watched some of The Coding Train's youtube videos on P5js and I found this blog gorillasun.de/blog/making-of-vestige with some interesting projects for inspiration. Other than that I played around with it and referred to the documentation or googled specific things that I wanted to achieve. I already knew how to code so I didn't start completely from scratch, I just had to learn about P5js and generative art specifically. Another thing I would add is that attempting to copy other people's generative art that you like is a good way to learn, for example I saw a couple of things on Reddit that I liked and I figured out how to make something similar myself without any tutorial
@@ph4sespace dope thanks for the awnser good luck on your journey!
I wanna get into generative to make stuff like this, mainly flow fields. I haven’t done any type of coding since I was in 11th grade which was 13 years ago (geez). Where should I start with coding and how much do I need to know so I can get started with creating stuff like this?
Interesting! Are you planning to sell generative art as tokens or something like that?
No but i may consider it if i make something that i think is exceptionally cool
@@ph4sespace do I need to have a GPU for p5js and generative art
this was trippy 2:49
what resources did you use to learn these?
I watched some of The Coding Train's youtube videos on P5js and I found this blog gorillasun.de/blog/making-of-vestige with some interesting projects for inspiration. Other than that I played around with it and referred to the documentation or googled specific things that I wanted to achieve. I already knew how to code so I didn't start completely from scratch, I just had to learn about P5js and generative art specifically
1:54 random line. Do you have link or keyword for study more . thank you
Do I need to have a GPU for p5js and generative art
Not for using the standard p5js canvas but i think it is needed for anything using webGL (i.e. anything 3D or using shaders)
@@ph4sespace thanks 👍
did u used Processing also?
no i didn't use Processing
@@ph4sespace just python?
Javascript
@@ph4sespace but I think that Processing base on JS or not?
Processing is its own language that is closer to C/C++. P5.js is the Javascript version of Processing i believe. There is an explanation on the Processing Wikipedia page
hi, i really love the art that you created! i am really interested in learning generative art too, what resources helped you get to where you are today?
Hello, I am very interested in this tutorial. Can you post a complete tutorial of the steps of making the things you mentioned in this video? I am impatiently waiting
Is that a mechanical keyboard? If no, why????
no, i've thought about getting one and probably will in future but for now i haven't experienced a typing experience any better than a cheap keyboard so i figure i may as well save my money for now :D
suggest proper tutorials