Ep.1 Processing tutorial | GENERATIVE CIRCLE with line and loop (Creative coding, Generative art)

This Processing art tutorial is part of the video series on “How to draw with code”:

This is some insight into creative coding by thedotisblack, it is a short Processing tutorial that emphasizes on the use of the for loop. It's a quick sketch from scratch for a simple generative circles with lines based on trigonometry, lines and randomness. I don't exactly remember how long it took but it not supposed to have been more than 10 minutes. The video is a recording of my laptop screen and actually 10 months old already.

Tools: Algorithm made with Processing
#Processing #CreativeCoding #ArtTutorial

▌ Generative art and design
▌ Made with code (Processing)
▌ LIKE and SUBSCRIBE to thedotisblack

SUPPORT thedotisblack on Patreon:

SUPPORT thedotisblack:

SOCIAL MEDIA, for contact or more works:

[thedotisblack]

This short video shows some simple sketch from scratch that took about ten or less minutes. The design is nothing particular but gives some insight how I usually sketch with code. Actually I recorded this video of my old laptop screen about 10 months ago and finally decided to upload it. I hope you enjoy it. And as usual, thanks for watching and your support.



Website: www.thedotisblack.com
Instagram:

[xZuby]

Thanks man for providing this. I have been looking for the best opportunity to start creating art after completing a smart contract tutorial, this is so perfect and exactly what I need right now. Thank you once again.

[alwayssomewhattired]

Thank you so much. I really needed to see something like this. I was feeling drained doing my coding homework. I didn’t know what to use it for. You showed me what loops can do. Thank you

[JJDigitalartStudio]

Awesome. Thanks. This is something completely different yet consistent with the laws of physics.

[mckibb_n]

I really need to incorporate these kinds of comprehensive, yet lightweight visual assets in my projects. Thank you dot.

[yeahxp]

This is just so amazing. I seriously appereciate your effort to help folks like us out explore our creativity.

Just one question. If I want certain part of the sound to have a specific color. How can i do this?

[taeyangyoo]

cool! i always think about colors. i watched this, i'll decide to use nested loop more deeper!

[lomzart]

ooou! Please make more videos like this! Thank you for share!

[AliChoudhry]

What program are you using to write the code in?

[zoezart]

Thanks for sharing! This is so awesome! I learned your tutorial and adapt a bit based on your code. I'm wondering if I can share it online? would give credit to this tutorial and link your website. Thank you!

[ArmedPlaysMC]

how would i go about getting it to draw based off of a sound file?

[seanephram]

thank you for this! starting today. where is this music from?

[algorists]

Nice. But code could be little cleaner. You set for example the background two times and then fill the whole canvas anyway witch the rectangle grid. Also transformation matrix rather obscures the whole thing rather than making it easier. Her for example everything cleaned up based on polar coordinates and in Python mode.


def setup():
size(800, 800)
frameRate(1)
strokeWeight(4)
rectMode(CENTER)

def draw():
for x in range(100, 800, 200):
for y in range(100, 800, 200):
noStroke()
fill(random(256), random(256), random(256))
rect(x, y, 200, 200)
for degree in range(360):
stroke(random(256), random(256), random(256))
angle = radians(degree)
radius = random(80, 100)
line(x+25*cos(angle), y+25*sin(angle), x+radius*cos(angle), y+radius*sin(angle))

[raavenstark]

That is not a tutorial.. it's copy/paste