emailconfirmed
1,824
edits
no edit summary
No edit summary |
No edit summary |
||
| Line 59: | Line 59: | ||
If this is all mumbo-jumbo to you, you better be quick, and start learning to code. Here is how to survive: | If this is all mumbo-jumbo to you, you better be quick, and start learning to code. Here is how to survive: | ||
# If you love watching TV check out Dan Shiffmans Vimeo, or go to | # If you love watching TV check out Dan Shiffmans Vimeo, or go to [http://hello.processing.org hello.processing.org] (its just 1 hour!) – Highly recommended! | ||
# If you prefer to learn by example check out | # If you prefer to learn by example check out [http://openprocessing.org OpenProcessing.org] and [http://sketchbook.cc Sketchbook.cc] | ||
# If you prefer to read a book, check out the | # If you prefer to read a book, check out the [https://processing.org/books/ Processing books]. | ||
=== Image Grid Sketch === | |||
Let's create our very first program! | |||
* Loads nine images from our data folde | |||
* display them in a 3x3 grid on screen | |||
* scale each picture to 100x100 pixels | |||
=== Interactive Sketch === | |||
Our very second program ;) | |||
* Load two images from our data folder | |||
* Switch between the images every second frame | |||
* Learn about the power of ''%'' a.k.a. modulo a.k.a. division with rest | |||
* Learning to use ''Flow control'' (the ''if else'' command) | |||
=== .·:*¨*:·. HOMEWORK .·:*¨*:·. === | |||
* Create a sketch that loads 9 images | |||
** (feel free to recycle code from our first program) | |||
* Make the sketch flip through all nine images to create a slideshow / animation | |||
** Feel free to take inspiration from our second program | |||
== Cut-Ups, Pixels, Stripes, Collages == | == Cut-Ups, Pixels, Stripes, Collages == | ||