GMU:Processing im Park/Part1 - Revision history

Ms at 12:16, 21 January 2016

2016-01-21T12:16:54Z

@@ Line 142: / Line 142: @@
 * Don't tweak my sketch, start from scratch
 * Use comments, to explain your intention
 === Links ===
@@ Line 162: / Line 164: @@
 ** [http://www.tkellner.com/ Film  Mosaics] by Thomas Kellner
 ** [http://www.mauriziogalimberti.it/?tag=venezia Polaroid Mosaic Portraits] by Maurizio Galimberti

Ms at 10:14, 17 December 2015

2015-12-17T10:14:27Z

← Older revision		Revision as of 10:14, 17 December 2015
Line 103:		Line 103:
	* [https://github.com/bitcraftlab/Processing-im-Park/tree/master/homework-01/animated_park_4/animated_park_4.pde animated_park_4.pde]		* [https://github.com/bitcraftlab/Processing-im-Park/tree/master/homework-01/animated_park_4/animated_park_4.pde animated_park_4.pde]

	== Cut-Ups~~, Pixels, Stripes,~~ Collages ==		== Cut-Ups and Collages ==

	This part was about how to create cut-ups, interactive photo puzzles and collages.		This part was about how to create cut-ups, interactive photo puzzles and collages.

Ms: Embed all images via github

2015-11-15T01:18:59Z

Embed all images via github

← Older revision		Revision as of 01:18, 15 November 2015
Line 71:		Line 71:
	* scale each picture to 100x100 pixels		* scale each picture to 100x100 pixels

	~~[[Image~~:~~processing~~-im-~~park~~-screenshot-1.~~png]]~~		https://raw.githubusercontent.com/bitcraftlab/Processing-im-Park/master/lecture-01/park_grid-screenshot.jpg

	Source code: [https://github.com/bitcraftlab/Processing-im-Park/blob/master/lecture-01/park_grid/park_grid.pde park_grid.pde]		Source code: [https://github.com/bitcraftlab/Processing-im-Park/blob/master/lecture-01/park_grid/park_grid.pde park_grid.pde]
Line 84:		Line 84:
	* 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]]		https://raw.githubusercontent.com/bitcraftlab/Processing-im-Park/master/lecture-01/interactive_park-screenshot.gif

	Source code: [https://github.com/bitcraftlab/Processing-im-Park/blob/master/lecture-01/interactive_park/interactive_park.pde interactive_park.pde]		Source code: [https://github.com/bitcraftlab/Processing-im-Park/blob/master/lecture-01/interactive_park/interactive_park.pde interactive_park.pde]

Ms: embed images from github

2015-11-15T01:17:35Z

embed images from github

← Older revision		Revision as of 01:17, 15 November 2015
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

	~~Here's a screen shot:~~

	[[Image:processing-im-park-screenshot-1.png]]		[[Image:processing-im-park-screenshot-1.png]]

	~~Here's the source~~: [https://github.com/bitcraftlab/Processing-im-Park/blob/master/lecture-01/park_grid/park_grid.pde park_grid.pde]		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)

	~~Here's a screen shot:~~

	[[Image:processing-im-park-screenshot-2-anim.gif]]		[[Image:processing-im-park-screenshot-2-anim.gif]]

	~~Here's the source~~: [https://github.com/bitcraftlab/Processing-im-Park/blob/master/lecture-01/interactive_park/interactive_park.pde interactive_park.pde]		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 ~~parts,~~ and rearrange them.~~<br>~~		We are cutting the original image into 9 tiles and rearrange them.
	~~Here's the source code for s simple 3x3 puzzle~~:
			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 ===

Ms: link to source code on github

2015-11-15T01:12:46Z

link to source code on github

Show changes

Ms: fix links

2015-11-15T00:17:35Z

fix links

← Older revision		Revision as of 00:17, 15 November 2015
Line 102:		Line 102:

	Solution to the homework in progressive steps of abstraction:		Solution to the homework in progressive steps of abstraction:
	* [https://github.com/bitcraftlab/Processing-im-Park/blob/master/homework-02/animated_park_1/animated_park_1.pde animated_park_1.pde]		* [https://github.com/bitcraftlab/Processing-im-Park/blob/master/homework-01/animated_park_1/animated_park_1.pde animated_park_1.pde]
	* [https://github.com/bitcraftlab/Processing-im-Park/tree/master/homework-02/animated_park_2/animated_park_2.pde animated_park_2.pde]		* [https://github.com/bitcraftlab/Processing-im-Park/tree/master/homework-01/animated_park_2/animated_park_2.pde animated_park_2.pde]
	* [https://github.com/bitcraftlab/Processing-im-Park/tree/master/homework-02/animated_park_3/animated_park_3.pde animated_park_3.pde]		* [https://github.com/bitcraftlab/Processing-im-Park/tree/master/homework-01/animated_park_3/animated_park_3.pde animated_park_3.pde]
	* [https://github.com/bitcraftlab/Processing-im-Park/tree/master/homework-02/animated_park_4/animated_park_4.pde animated_park_4.pde]		* [https://github.com/bitcraftlab/Processing-im-Park/tree/master/homework-01/animated_park_4/animated_park_4.pde animated_park_4.pde]

	== Cut-Ups, Pixels, Stripes, Collages ==		== Cut-Ups, Pixels, Stripes, Collages ==

Ms: update links

2015-11-15T00:15:42Z

update links

← Older revision		Revision as of 00:15, 15 November 2015
Line 102:		Line 102:

	Solution to the homework in progressive steps of abstraction:		Solution to the homework in progressive steps of abstraction:
	* [https://github.com/bitcraftlab/Processing-im-Park/blob/master/~~lecture~~-02/animated_park_1/animated_park_1.pde animated_park_1.pde]		* [https://github.com/bitcraftlab/Processing-im-Park/blob/master/homework-02/animated_park_1/animated_park_1.pde animated_park_1.pde]
	* [https://github.com/bitcraftlab/Processing-im-Park/tree/master/~~lecture~~-02/animated_park_2/animated_park_2.pde animated_park_2.pde]		* [https://github.com/bitcraftlab/Processing-im-Park/tree/master/homework-02/animated_park_2/animated_park_2.pde animated_park_2.pde]
	* [https://github.com/bitcraftlab/Processing-im-Park/tree/master/~~lecture~~-02/animated_park_3/animated_park_3.pde animated_park_3.pde]		* [https://github.com/bitcraftlab/Processing-im-Park/tree/master/homework-02/animated_park_3/animated_park_3.pde animated_park_3.pde]
	* [https://github.com/bitcraftlab/Processing-im-Park/tree/master/~~lecture~~-02/animated_park_4/animated_park_4.pde animated_park_4.pde]		* [https://github.com/bitcraftlab/Processing-im-Park/tree/master/homework-02/animated_park_4/animated_park_4.pde animated_park_4.pde]

	== Cut-Ups, Pixels, Stripes, Collages ==		== Cut-Ups, Pixels, Stripes, Collages ==

Ms: links to processing sketches on github

2015-11-15T00:09:22Z

links to processing sketches on github

@@ Line 75: / Line 75: @@
 [[Image:processing-im-park-screenshot-1.png]]
-Here's the source:
+Here's the source: [https://github.com/bitcraftlab/Processing-im-Park/blob/master/lecture-01/park_grid/park_grid.pde park_grid.pde]
 === ''Interactive Park'' Sketch ===
@@ Line 134: / Line 90: @@
 [[Image:processing-im-park-screenshot-2-anim.gif]]
-Here's the source:
+Here's the source: [https://github.com/bitcraftlab/Processing-im-Park/blob/master/lecture-01/interactive_park/interactive_park.pde interactive_park.pde]
 === Homework 1 ===
@@ Line 174: / Line 102: @@
 Solution to the homework in progressive steps of abstraction:
-* [https://github.com/bitcraftlab/Processing-im-Park/blob/master/lecture-02/animated_park_1/animated_park_1.pde Animated Park 1]
+* [https://github.com/bitcraftlab/Processing-im-Park/blob/master/lecture-02/animated_park_1/animated_park_1.pde animated_park_1.pde]
-* [https://github.com/bitcraftlab/Processing-im-Park/tree/master/lecture-02/animated_park_2/animated_park_2.pde Animated Park 2]
+* [https://github.com/bitcraftlab/Processing-im-Park/tree/master/lecture-02/animated_park_2/animated_park_2.pde animated_park_2.pde]
-* [https://github.com/bitcraftlab/Processing-im-Park/tree/master/lecture-02/animated_park_3/animated_park_3.pde Animated Park 3]
+* [https://github.com/bitcraftlab/Processing-im-Park/tree/master/lecture-02/animated_park_3/animated_park_3.pde animated_park_3.pde]
-* [https://github.com/bitcraftlab/Processing-im-Park/tree/master/lecture-02/animated_park_4/animated_park_4.pde Animated Park 4]
+* [https://github.com/bitcraftlab/Processing-im-Park/tree/master/lecture-02/animated_park_4/animated_park_4.pde animated_park_4.pde]
 == Cut-Ups, Pixels, Stripes, Collages ==

Ms: link to animated park sketch

2015-11-15T00:04:28Z

link to animated park sketch

← Older revision		Revision as of 00:04, 15 November 2015
Line 170:		Line 170:
	* Make the sketch flip through all nine images to create a slideshow / animation		* Make the sketch flip through all nine images to create a slideshow / animation
	** Feel free to take inspiration from our second program		** Feel free to take inspiration from our second program

			==== Solution ====

			Solution to the homework in progressive steps of abstraction:
			* [https://github.com/bitcraftlab/Processing-im-Park/blob/master/lecture-02/animated_park_1/animated_park_1.pde Animated Park 1]
			* [https://github.com/bitcraftlab/Processing-im-Park/tree/master/lecture-02/animated_park_2/animated_park_2.pde Animated Park 2]
			* [https://github.com/bitcraftlab/Processing-im-Park/tree/master/lecture-02/animated_park_3/animated_park_3.pde Animated Park 3]
			* [https://github.com/bitcraftlab/Processing-im-Park/tree/master/lecture-02/animated_park_4/animated_park_4.pde Animated Park 4]

	== Cut-Ups, Pixels, Stripes, Collages ==		== Cut-Ups, Pixels, Stripes, Collages ==

Ms: example headlines

2015-11-05T11:01:39Z

example headlines

← Older revision		Revision as of 11:01, 5 November 2015
Line 185:		Line 185:
	** rearrange stripes and squares		** rearrange stripes and squares

			==== 3x3 Puzzle Example ====
	Here's the source code for s simple 3x3 puzzle.		Here's the source code for s simple 3x3 puzzle.
	We are cutting the original images into 9 parts, and rearrange them:		We are cutting the original images into 9 parts, and rearrange them:
Line 227:		Line 228:
	----		----

			==== Final Puzzle Example ====
	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: