Ep.15 Processing tutorial | Circle Pattern with an Array of Colors (Generative art, creative coding)
Вставка
- Опубліковано 27 чер 2024
- "CIRCLE PATTERNS | Grid Studies 06" - • Processing CIRCLE PATT...
#Processing #ArtTutorial #CreativeCoding
This Processing tutorial shows how to create circle patterns with code. The Processing tutorial uses two for() loop functions and an array with colors to create generative art. The code is a good start for further development, including Object Oriented Programming with additional variations and effects.
0:00 Introduction
0:18 Start coding of circle pattern
1:16 That looks nice!
2:57 Add colors
4:17 Thank you to my Patreon supporters!
This tutorial art video is part of the series on "How to draw with code": • Processing art tutoria...
Tools: Made with code / Processing
Audio: Invisible by Vibe Tracks (UA-cam library)
▌ Generative art and design
▌ Made with code (Processing)
▌ LIKE and SUBSCRIBE to thedotisblack
SUPPORT thedotisblack on Patreon: / thedotisblack
SUPPORT thedotisblack:
- Prints on Society6: society6.com/davidmrugala?cur...
- PayPal contributions: paypal.me/davidmrugala
SOCIAL MEDIA, for contact or more works:
Tumblr: / www
Instagram: / thedotiswhite
Facebook: / thedotisblack
Twitter: / davidmrugala
Ello: www.ello.co/thedotisblack
Watch "Grid Studies 06" > ua-cam.com/video/gVSeSV08UEA/v-deo.html
Same code, different outcome.
Playlist of Processing tutorials: ua-cam.com/play/PLbLdd1fdNg5zPBMYYZLO2JVqMrBkK5Lux.html
If you find this tutorial useful and would like to see more, please share/comment and like the video.
Thank you for your support.
Thank you to my Patreon supporters!
Website: www.thedotisblack.com
Instagram: instagram.com/thedotiswhite
Patreon: www.patreon.com/thedotisblack (with additional tutorials and codes)
Fantastic. Lots and lots of variations covered in 4 minutes. Plus love the step by step approach to complexity. Keep it up.
Glad you like it! Thank you for your feedback!
been looking for this type of content for a while, so thank you!
Glad you like it. Thanks!
Thank you so much for all the tutorials!! amazing
You’re welcome and thank you for your feedback, Soojung.
This is SO awesome. I love playing with one thing and trying out new shapes and sizes. It always amazes me.
Thanks Joyce! :)
@@thedotisblack If you get the chance, look at what I just posted. It is my birthday vid. Thanks. JJ:)
@@JJDigitalartStudio Oh, in this case, Happy Birthday, Joyce! :)
This was great. Please do more!!!
I will definitely do. Thank you for your feedback.
Excellent stuff again!
Thank you, Jerome!
Amazing, thank you.
Thank you for your feedback!
wow that was amazing dude, nice!!!
Glad you like it. Thank you.
This one was really nice. I liked it :)
Thanks a lot! Glad you like it.
AMAZING!!!!
Thank you! :)
Awsome Love it
Thanks a lot!
Very very cool.
Thank you for your feedback! :)
This is really helpful thanks man!
Sorta unrelated but could you give any tips on recording? When I try and screen record complex moving patterns like this using OBS it always gets ruined by compression. How do you record your screen so it doesn't look pixelated / fuzzy?
That’s an important question! Video export is sort of complicated if it comes to image quality, file size and usage, such as UA-cam encoding. There are lots of possibilities.
You’ll need to give me more information at which stage your video becomes blurred?
Is the video blurred right after you screen record, the raw video file? Or after you post edit it in a video editing software? Or is it only blurred once you upload on UA-cam? Also, what are your export settings, codec, bit rate etc.?
I usually record my screen at 1080p30. Then use the raw video file (H.264, mp4) to edit and combine with other sequences, such as the intro (1080p60), into a final video that I export as 1080p60.
60fps is always better as it allows for higher bit rates on UA-cam.
@@thedotisblackthanks! it's generally blurred on the mp4 file outputted by OBS.
The last project I tried to record involved some 3d tiles that were animated. It looked alright when they were large, but when there was lots of small ones moving around it caused clumps of pixelation and rough edges.
I think it may be to do with my codec as I'm not really experienced in video and not familiar with what everything means. I used Nvidia nvenc h.264 encoder with the profile / presets up to highest quality. I can't remember what bitrates specifically I used but I tried different values.
Normally I'd just export the frames in p3 and sequence them in a video editor but I needed the render to be synced to a live audio track so had to screen record.
Thanks for your help :)
Btw is there a reason you record in 30fps and then convert into 60 in your editor, rather than just recording 60fps initially? Is it just to reduce render times?
If you check tutorial Ep.9, you will see the same issue with my intro.
There’s not much you can do, except of increasing the Bitrate to 32 or even 40. This will increase the file size of course. Additionally, select colors with high contrast to the background and don’t let the objects become too small or moving too fast when they are small. Still images with small objects are no problem.
In general, small and fast moving objects with low contrast always make issues. This becomes even worse if you upload to UA-cam. (On my computer the video quality is always fine though.)
The reason why I record my screen in 30fps is simply because I do time lapse videos of the coding tutorials. So, the frames will be compressed anyway.
Proper animations I export frame by frame and combine to 60fps of course.