Ep.13 Processing tutorial | Perfect for() loop - Disorder and order (Creative coding)
This Processing tutorial video shows how to interact (i.e. mouse) with a for() loop, using 2d transformations in Processing. This approach is very useful, especially when animations are supposed to be connected to interactive visuals, for example with sound. This Processing animation uses mainly trigonometry functions with a for() loop and lines that can change from disorder to order, and vice versa. 0:00 Introduction 0:16 Start coding of a perfect loop with a line 1:17 Let's design the end points of the line 2:35 Add second line to extend beyond the display window 3:09 Interact with mouse and the for() loop 4:14 Outro This tutorial art video is part of the series on "How to draw with code": https://www.youtube.com/playlist?list=PLbLdd1fdNg5zPBMYYZLO2JVqMrBkK5Lux Tools: Made with code / Processing Audio: Parisian Funk by DivKid (YouTube library) ▌ Generative art and design ▌ Made with code (Processing) ▌ LIKE and SUBSCRIBE to thedotisblack *****SUPPORT thedotisblack***** PATREON: https://www.patreon.com/thedotisblack YT MEMBER: https://www.youtube.com/channel/UCX4GSh1gpRuugPpjxu0gLmw/join BUY PRINTS: https://society6.com/davidmrugala?curator=davidmrugala BUY NFTS: https://opensea.io/thedotisblack *****SOCIAL MEDIA***** Tumblr: http://www.thedotisblack.tumblr.com Instagram: https://www.instagram.com/thedotiswhite/ Facebook: http://www.facebook.com/thedotisblack Twitter: http://www.twitter.com/davidmrugala Ello: http://www.ello.co/thedotisblack #Processing #Tutorial #CreativeCoding
This Processing tutorial video shows how to interact (i.e. mouse) with a for() loop, using 2d transformations in Processing. This approach is very useful, especially when animations are supposed to be connected to interactive visuals, for example with sound. This Processing animation uses mainly trigonometry functions with a for() loop and lines that can change from disorder to order, and vice versa. 0:00 Introduction 0:16 Start coding of a perfect loop with a line 1:17 Let's design the end points of the line 2:35 Add second line to extend beyond the display window 3:09 Interact with mouse and the for() loop 4:14 Outro This tutorial art video is part of the series on "How to draw with code": https://www.youtube.com/playlist?list=PLbLdd1fdNg5zPBMYYZLO2JVqMrBkK5Lux Tools: Made with code / Processing Audio: Parisian Funk by DivKid (YouTube library) ▌ Generative art and design ▌ Made with code (Processing) ▌ LIKE and SUBSCRIBE to thedotisblack *****SUPPORT thedotisblack***** PATREON: https://www.patreon.com/thedotisblack YT MEMBER: https://www.youtube.com/channel/UCX4GSh1gpRuugPpjxu0gLmw/join BUY PRINTS: https://society6.com/davidmrugala?curator=davidmrugala BUY NFTS: https://opensea.io/thedotisblack *****SOCIAL MEDIA***** Tumblr: http://www.thedotisblack.tumblr.com Instagram: https://www.instagram.com/thedotiswhite/ Facebook: http://www.facebook.com/thedotisblack Twitter: http://www.twitter.com/davidmrugala Ello: http://www.ello.co/thedotisblack #Processing #Tutorial #CreativeCoding