10.7: Painting with Pixels - Processing Tutorial

This video looks at how to use the pixels of an image as a "database of color" for a drawing system.

Learning Processing A Beginner's Guide to Programming, Images, Animation, and Interaction

Code examples:

Help us caption & translate this video!

[kevnar]

Virtual Van Gogh algorithm:

1. pick a random point on the canvas that has not already been painted.
2. set the circle's color to the color of that point on the frog image, + or - some slight mutation factor
3. set the circle in motion with a vector that has random acceleration added over time, so that it glides and wiggles around in a random walk.
4. As the circle moves, check its color against the color of the frog image at the new location. If it changes too much, stop it.
5. Repeat from step 1 until all areas of the canvas have been filled with color.

[tu]

I'm Japanese student.
This video make me feel infinite possibilities of processing.
I'll study the great language!!

[kg]

My jaw dropped in awe when I saw 3000 particles, loved it!

[engineeringwithmehran]

Processing is a great framework for learning and visualization and you are the best teacher, who helped us grasp our mind over programming and understand some of the basics of some complicated algorithms.

[AntandraMusic]

These videos are so awesome. Been improving my programming skills a lot. Thanks!

[joaquimjesus]

honestly i love your videos... these playlist videos, about pixels, can used\learned for all languages. the only thing you miss was more about drawing with stretch\alphablend and more about using math with pixels. please add more videos about pixels.. please

[amirulidzham]

Seriously, I need people like you teach people like me as a startup. Sometimes, I having difficulties understanding the code by lab demonstrator.

[peterhayman]

man this idea of pushing pixels into a 3d space! im just so excited to start dooin it!! :-D

[philmageo]

I love you when you make short videos !!! This one is great.

[williamwherewhatwho]

I've been so busy watching your tutorials I've been forgetting to click like. But be not mistaken, I love your videos! Keep them coming!

[ajnovember]

You have many excellent videos but this may be your best!

[kocaksaid]

okay wow, i think this lesson was quite impressive for me. really amazing... thanks again !

[mdtanveeralamgir]

I Just love your work and admire your passion for coding.

[JavierOrtiz-ggem]

Un trabajo increible, Gracias por tu aportacion, personas como tu hacen un mundo mejor. ( It is a incredible work, thank you very much for your contribution, people like you make a better world ). Un cordial saludo (best regards).

[MrSmalix]

Great videos, enjoyed wactching'em, witch is quite rare for coding tutorials, thanks !

[sweethomes]

Outstanding information teaching and examples 😊

[wiedwijanarto]

you just done what everybody needs in graphics ! great job !

[arvikirjonen]

Code examples link needs updating.
And thank you for all the tutorials! Once im done with these i will move start following your coding challenges. Great fun ! :)

[mgpyae]

2:40 you gotta take some minutes here and enjoy the small wonderful little things in life .. :)

[furrane]

I going through all your tutorial video of processing, and after each videos I'm like " I got god power at my finger tips " xD

I got into processing for an arduino project but I got so mindfucked about the possibilities I just can't stop learning this language.

Thanks for the vids man, deeply !