Creating an interactive Grid System with Processing

Hey there! In this livestream-recording i create a complex design-application with Processing, utilizing concepts like arrays, nested-for-loops and the powerful copy-function.

Get the full code here:

Wanna learn Processing and Creative Coding? Join my Patreon Community to access the Processing-courses on my website:

[LELEFO]

I’m always so very impressed with people that offer up their knowledge and time to teach strangers on the internet 😭🙏🏾 thank you <3

[slobzheninov]

That semi-generative semi-human aspect of the outcome is really interesting! Thanks for the tutorial, Tim

[STYLisDoingYouTube]

Brilliant work man I appreciate so much all the effort you put into your work keep it up always!

[techdesign]

Tim deine Tutorials sind erste Sahne!
Kannst Du ein Tutorial mit Scribble machen? Ich habe eine V Plotter gebsut und möchte Skizzen drucken. 😉

[LostCatFUDClub]

This just gave me such a cool idea! Thank you

[_ar]

wanted to learn how to make images change in a loop this can help me understand that Thanks!

[anushka]

Hey Tim! This is such a great video and I had a lot of fun making my own project with this.
I was wondering how I could use the mouseMoved function? So instead of clicking through the different arguments, if it could be a hover state. With the countUp(mx, my); it runs through it super fast (as the mouse position keeps changing). How could I make it change each time the mouse hovers over a grid? Thanks so much in advance! (:

[BMJMediaLLC]

at around the 14 minute mark I keep getting an error saying 3" I've triple checked everything too

[tommynko]

Hey Tim! this is a super cool tutorial, thank you! :) Actually, I find it useful for 1 of my project but I have a question for you. Please how can I use this exact thing but for portrait-oriented artboard? Thank you very much!