I Tried Making Generative Art (p5js)
Вставка
- Опубліковано 29 лис 2024
- 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...
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
this is great - in 4 minutes you covered a lot of beautiful applications
Hey, awesome to see this video. I am one of the contributor in p5.js.
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 !
I would like to see a tutorials of these art. Great work👍🏻
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!
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 😊
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.
Cool! A good source to read is the Gorilla Sun blog. It is a good place to learn new things
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
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!
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!!
I love your style & work
Nice, interesting video. Good Job !
What a fun video.
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
Amazing. Hoping to see more videos in the future
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!! :)
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
Great video. Creative coding is really interesting
I also really like the vibe of this video
I loved your work.🖤
Hello I started to do generative art again because of your videos!! well done... it is possible somehow to share the code of the perlin noise for the dot grid? I been trying to get to the same effect but so far no luck :(
Thanks for the analysis! Could you help me with something unrelated: I have a SafePal wallet with USDT, and I have the seed phrase. (alarm fetch churn bridge exercise tape speak race clerk couch crater letter). Could you explain how to move them to Binance?
Great work! Thank you for sharing, I was looking for something like this.
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 :)
That's pretty cool.
love the mood of the video
didnt know you could do 3d as well
simple and nice editing
great job 👍
amazing stuff!
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?
Can you recommend a special youtude course on generative art design and were to start from i will really appreciate
Hey, just making my first steps into generative art and I wondered if you could share the code at [3:04] for the randomly sized rectangles ! Thanks a lot
because I don't understand code really much so I need to see and visualize a lot before creative a random piece
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
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!
Thanks for the video! 😊
thank You very much!
Love this but how did you do this
Amazing!! How long did you learn p5.js?
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
Awesome sauce
i really thought of rick roll on 2:16 HAHAHHAA
this was trippy 2:49
NICE VID
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
1:54 random line. Do you have link or keyword for study more . thank you
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!
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 👍
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
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
Muhteşem!!!
💎✨👍
poggers!
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
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