emailconfirmed
1,824
edits
GMU:Processing im Park/Part1 (view source)
Revision as of 01:17, 15 November 2015
, 15 November 2015embed images from github
(link to source code on github) |
(embed images from github) |
||
| Line 70: | Line 70: | ||
* display them in a 3x3 grid on screen | * display them in a 3x3 grid on screen | ||
* scale each picture to 100x100 pixels | * scale each picture to 100x100 pixels | ||
[[Image:processing-im-park-screenshot-1.png]] | [[Image:processing-im-park-screenshot-1.png]] | ||
Source code: [https://github.com/bitcraftlab/Processing-im-Park/blob/master/lecture-01/park_grid/park_grid.pde park_grid.pde] | |||
=== ''Interactive Park'' Sketch === | === ''Interactive Park'' Sketch === | ||
| Line 85: | Line 83: | ||
* Learn about the power of ''%'' a.k.a. modulo a.k.a. division with rest | * Learn about the power of ''%'' a.k.a. modulo a.k.a. division with rest | ||
* Learning to use ''Flow control'' (the ''if else'' command) | * Learning to use ''Flow control'' (the ''if else'' command) | ||
[[Image:processing-im-park-screenshot-2-anim.gif]] | [[Image:processing-im-park-screenshot-2-anim.gif]] | ||
Source code: [https://github.com/bitcraftlab/Processing-im-Park/blob/master/lecture-01/interactive_park/interactive_park.pde interactive_park.pde] | |||
=== Homework 1 === | === Homework 1 === | ||
| Line 123: | Line 119: | ||
==== Simple Tiles Example ==== | ==== Simple Tiles Example ==== | ||
We are cutting the original image into 9 | We are cutting the original image into 9 tiles and rearrange them. | ||
https://raw.githubusercontent.com/bitcraftlab/Processing-im-Park/master/lecture-02/simple_tiles-screenshot.jpg | |||
[https://github.com/bitcraftlab/Processing-im-Park/blob/master/lecture-02/simple_tiles/simple_tiles.pde simple_tiles.pde] | Source code: [https://github.com/bitcraftlab/Processing-im-Park/blob/master/lecture-02/simple_tiles/simple_tiles.pde simple_tiles.pde] | ||
==== Final Tiles Example ==== | ==== Final Tiles Example ==== | ||
| Line 132: | Line 129: | ||
Here's the final version, that uses variables, arrays and loops to allow for arbitrary number of tiles: | Here's the final version, that uses variables, arrays and loops to allow for arbitrary number of tiles: | ||
[https://github.com/bitcraftlab/Processing-im-Park/blob/master/lecture-02/tiles/tiles.pde tiles.pde] | https://raw.githubusercontent.com/bitcraftlab/Processing-im-Park/master/lecture-02/tiles-screenshot.jpg | ||
Source code: [https://github.com/bitcraftlab/Processing-im-Park/blob/master/lecture-02/tiles/tiles.pde tiles.pde] | |||
=== Homework 2 === | === Homework 2 === | ||