GMU:Processing im Park/Jessica Hüttig - Revision history

Issica: detail

2016-03-31T20:30:09Z

detail

← Older revision		Revision as of 20:30, 31 March 2016
Line 89:		Line 89:
	== Homework VIII – SOLVING A MAZE ==		== Homework VIII – SOLVING A MAZE ==

	For our last assignment we had to create a maze-solving sketch with some kind audio-visual feedback. Use the arrow <br> keys for navigating in the maze and click on the red buttons for sound. First photo views the clue to the maze and <br> the second one shows some locations, that are playing sound. Code can be viewed here.		For our last assignment we had to create a maze-solving sketch with some kind audio-visual feedback. Use the arrow <br> keys for navigating in the maze and click on the red buttons for sound. First photo views the clue to the maze and <br> the second one shows some locations, that are playing sound. Code can be viewed [http://www.openprocessing.org/sketch/337898 here].

	[[Image:maze-01.png\|thumb\|left\|200px]]		[[Image:maze-01.png\|thumb\|left\|200px]]

Issica: link

2016-03-30T09:30:19Z

link

← Older revision		Revision as of 09:30, 30 March 2016
Line 89:		Line 89:
	== Homework VIII – SOLVING A MAZE ==		== Homework VIII – SOLVING A MAZE ==

	For our last assignment we had to create a maze-solving sketch with some kind audio-visual feedback. Use the arrow <br> keys for navigating in the maze and click on the red buttons for sound. First photo views the clue to the maze ~~(''oops'')~~ and <br> the second one shows some locations, that are playing sound. Code can be viewed here.		For our last assignment we had to create a maze-solving sketch with some kind audio-visual feedback. Use the arrow <br> keys for navigating in the maze and click on the red buttons for sound. First photo views the clue to the maze and <br> the second one shows some locations, that are playing sound. Code can be viewed here.

	[[Image:maze-01.png\|thumb\|left\|200px]]		[[Image:maze-01.png\|thumb\|left\|200px]]
	[[Image:maze-02.png\|thumb\|left\|200px]]		[[Image:maze-02.png\|thumb\|left\|200px]]
			<br style="clear:both;">

			== [https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park/Jessica_Hüttig/Soundlandscape LINK TO MY FINAL PROJECT] ==

Issica at 23:13, 21 February 2016

2016-02-21T23:13:10Z

← Older revision		Revision as of 23:13, 21 February 2016
Line 1:		Line 1:
	This is the »Processing im Park« page of [[User:Issica\| — Jessica Hüttig]] <br>		This is the »Processing im Park« page of [[User:Issica\| — Jessica Hüttig]] <br>

	I uploaded some pictures, I took for this course on [https://www.flickr.com/photos/138312984@N08/albums/ Flickr]. <br>		I uploaded some pictures, that I took for this course on [https://www.flickr.com/photos/138312984@N08/albums/ Flickr]. <br>
	The code for my sketches can be viewed on [http://www.openprocessing.org/user/54561 OpenProcessing].<br>		The code for my sketches can be viewed on [http://www.openprocessing.org/user/54561 OpenProcessing].<br>

Line 33:		Line 33:
	<br style="clear:both;">		<br style="clear:both;">

	For the second homework we had to pick a type of collage, we want to recreate from a link section. <br> I've choosen [http://a-gerace.com/files/gimgs/17_006%20%28368%29_v2.jpg this one] for reference. [http://www.openprocessing.org/sketch/269807 ~~c o d e~~] <br>		For the second homework we had to pick a type of collage, we want to recreate from a link section. <br> I've choosen [http://a-gerace.com/files/gimgs/17_006%20%28368%29_v2.jpg this one] for reference. [http://www.openprocessing.org/sketch/269807 CODE] <br>

	[[Image:001.png\|thumb\|left\|200px]]		[[Image:001.png\|thumb\|left\|200px]]
Line 42:		Line 42:
	== Homework III – BRUSH ==		== Homework III – BRUSH ==

	Let's animate a bit more! ~~<br>~~		Let's animate a bit more!
	We had to walk around an object and take a few photos, so we will have a panorama-ish view of it. <br>		We had to walk around an object and take a few photos, so we will have a panorama-ish view of it. <br>
	I've chosen an adversiting column. Code can be viewed [http://www.openprocessing.org/sketch/309228 here].<br>		I've chosen an adversiting column. Code can be viewed [http://www.openprocessing.org/sketch/309228 here].<br>
Line 70:		Line 70:
	== Homework VI – VIDEO PROCESSING ==		== Homework VI – VIDEO PROCESSING ==

	We had to create a sketch, that loads one of our videos from the park, change the characteristic of it and export <br> it using the Movie Maker in Processing. I've decided to display every pixel as a stroke. You can change the width <br> of the stroke by moving the mouse on the y-axis. View the [https://vimeo.com/153317019 video] and the [http://www.openprocessing.org/sketch/302720 code]. <br>		We had to create a sketch, that loads one of our videos from the park, change the characteristic of it and export <br> it using the Movie Maker in Processing. I've decided to display every pixel as a stroke. You can change the width <br> of the stroke by moving the mouse on the y-axis. View the [https://vimeo.com/153317019 interactive video] and the [http://www.openprocessing.org/sketch/302720 code]. <br>

	[[Image:thin-stroke.png\|thumb\|left\|300px]]		[[Image:thin-stroke.png\|thumb\|left\|300px]]
Line 78:		Line 78:
	== Homework VII – WEBCAM-MANIPULATION ==		== Homework VII – WEBCAM-MANIPULATION ==

	I got inspired by an [http://www.generative-gestaltung.de/P_4_3_1_01 example] of the book »Generative Design«, that was based on image-manipulation. I've <br> adapted the code for my idea and added the feature, that it will change the characteristic of the webcam-output and <br> not only of an image. It is some kind of video delay ~~and~~ every pixel is translated into a new element by displaying <br> them as a stroke, that is wiggling. So the characteristic of a webcam-video gets a furry look. [http://www.openprocessing.org/sketch/309230 See the code here].		I got inspired by an [http://www.generative-gestaltung.de/P_4_3_1_01 example] of the book »Generative Design«, that was based on image-manipulation. I've <br> adapted the code for my idea and added the feature, that it will change the characteristic of the webcam-output and <br> not only of an image. It is some kind of video delay, because every pixel is translated into a new element by displaying <br> them as a stroke, that is wiggling. So the characteristic of a webcam-video gets a furry look. [http://www.openprocessing.org/sketch/309230 See the code here].

	>> [https://vimeo.com/156191598 INTERACTIVE VIDEO RECORDING]		>> [https://vimeo.com/156191598 INTERACTIVE VIDEO RECORDING]

Issica: added maze solving homework

2016-02-21T23:04:46Z

added maze solving homework

← Older revision		Revision as of 23:04, 21 February 2016
Line 78:		Line 78:
	== Homework VII – WEBCAM-MANIPULATION ==		== Homework VII – WEBCAM-MANIPULATION ==

	I got inspired by an [http://www.generative-gestaltung.de/P_4_3_1_01 example] of the book »Generative Design«, that was based on image-manipulation. I've ~~adapted~~ <br> the code for my idea and added the feature, that it will change the characteristic of the webcam-output and not only of an image. ~~<br>~~ It is some kind of video delay and every pixel is translated into a new element by displaying them as a stroke, that is wiggling. ~~<br>~~ So the characteristic of a webcam-video gets a furry look. [http://www.openprocessing.org/sketch/309230 See the code here].		I got inspired by an [http://www.generative-gestaltung.de/P_4_3_1_01 example] of the book »Generative Design«, that was based on image-manipulation. I've <br> adapted the code for my idea and added the feature, that it will change the characteristic of the webcam-output and <br> not only of an image. It is some kind of video delay and every pixel is translated into a new element by displaying <br> them as a stroke, that is wiggling. So the characteristic of a webcam-video gets a furry look. [http://www.openprocessing.org/sketch/309230 See the code here].

	>> [https://vimeo.com/156191598 INTERACTIVE VIDEO RECORDING]		>> [https://vimeo.com/156191598 INTERACTIVE VIDEO RECORDING]
Line 89:		Line 89:
	== Homework VIII – SOLVING A MAZE ==		== Homework VIII – SOLVING A MAZE ==

	''~~coming soon~~ ... ''		For our last assignment we had to create a maze-solving sketch with some kind audio-visual feedback. Use the arrow <br> keys for navigating in the maze and click on the red buttons for sound. First photo views the clue to the maze (''oops'') and <br> the second one shows some locations, that are playing sound. Code can be viewed here.

			[[Image:maze-01.png\|thumb\|left\|200px]]
			[[Image:maze-02.png\|thumb\|left\|200px]]

Issica at 22:42, 21 February 2016

2016-02-21T22:42:56Z

← Older revision		Revision as of 22:42, 21 February 2016
Line 82:		Line 82:
	>> [https://vimeo.com/156191598 INTERACTIVE VIDEO RECORDING]		>> [https://vimeo.com/156191598 INTERACTIVE VIDEO RECORDING]

	[[Image:webcam-manipulation-03.png\|thumb\|left\|~~400px~~]]		[[Image:webcam-manipulation-03.png\|thumb\|left\|315px]]
	~~<br style="clear:both;">~~		[[Image:webcam-manipulation-01.png\|thumb\|left\|250px]]
	[[Image:webcam-manipulation-01.png\|thumb\|left\|~~200px~~]]		[[Image:webcam-manipulation-02.png\|thumb\|left\|250px]]
	[[Image:webcam-manipulation-02.png\|thumb\|left\|~~200px~~]]
	<br style="clear:both;">		<br style="clear:both;">

Issica: added homework furry webcam

2016-02-21T22:38:12Z

added homework furry webcam

← Older revision		Revision as of 22:38, 21 February 2016
Line 9:		Line 9:
	Code for this sketch can be viewed [http://www.openprocessing.org/sketch/251188 here]. <br>		Code for this sketch can be viewed [http://www.openprocessing.org/sketch/251188 here]. <br>

	Additionally we created a simple grid of nine photos. ~~<br>~~		Additionally we created a simple grid of nine photos.
	Code for this sketch can be viewed [http://www.openprocessing.org/sketch/251189 here] <br>		Code for this sketch can be viewed [http://www.openprocessing.org/sketch/251189 here]. <br>

	[[File:animated_park200px.gif\|thumb\|left\|200px]]		[[File:animated_park200px.gif\|thumb\|left\|200px]]
Line 33:		Line 33:
	<br style="clear:both;">		<br style="clear:both;">

	For the second homework we had to pick a type of collage, we want to recreate from a link section. <br> I've choosen [http://a-gerace.com/files/gimgs/17_006%20%28368%29_v2.jpg this one] for reference. ~~Wanna see the code?~~ [http://www.openprocessing.org/sketch/269807 ~~CLICK!~~] <br>		For the second homework we had to pick a type of collage, we want to recreate from a link section. <br> I've choosen [http://a-gerace.com/files/gimgs/17_006%20%28368%29_v2.jpg this one] for reference. [http://www.openprocessing.org/sketch/269807 c o d e] <br>

	[[Image:001.png\|thumb\|left\|200px]]		[[Image:001.png\|thumb\|left\|200px]]
Line 44:		Line 44:
	Let's animate a bit more! <br>		Let's animate a bit more! <br>
	We had to walk around an object and take a few photos, so we will have a panorama-ish view of it. <br>		We had to walk around an object and take a few photos, so we will have a panorama-ish view of it. <br>
	I've chosen an adversiting column... ~~(Code upload coming soon)~~ <br>		I've chosen an adversiting column. Code can be viewed [http://www.openprocessing.org/sketch/309228 here].<br>

	[[Image:brush-ac.png\|thumb\|left\|425px]]		[[Image:brush-ac.png\|thumb\|left\|425px]]
Line 52:		Line 52:
	== Homework IV – SOUNDBOARD ==		== Homework IV – SOUNDBOARD ==

	Our task was to create a soundboard of the [https://www.google.de/maps/place/Park+an+der+Ilm/@50.9734588,11.333158,17z/data=!3m1!4b1!4m2!3m1!1s0x47a41ad75599adad:0x81933ec85ccbb6c0 Ilmpark] by using the audio-snippets we recorded ~~<br>~~ a few weeks ago in the Parkhöhlen. Additionally we had to draw a map of the park, mark several points, ~~<br>~~ where we want to play our audio-files and highlight the location, that is currently playing. ~~<br>~~		Our task was to create a soundboard of the [https://www.google.de/maps/place/Park+an+der+Ilm/@50.9734588,11.333158,17z/data=!3m1!4b1!4m2!3m1!1s0x47a41ad75599adad:0x81933ec85ccbb6c0 Ilmpark] by using the audio-snippets we recorded a few weeks ago <br> in the Parkhöhlen. Additionally we had to draw a map of the park, mark several points, where we want to play our <br> audio-files and highlight the location, that is currently playing. Code can be viewed on [http://www.openprocessing.org/sketch/301718 OpenProcessing].
	Code can be viewed on [http://www.openprocessing.org/sketch/301718 OpenProcessing].

	[[Image:soundboard-ilmpark-2.png\|thumb\|left\|400px]]		[[Image:soundboard-ilmpark-2.png\|thumb\|left\|400px]]
Line 77:		Line 76:
	<br style="clear:both;">		<br style="clear:both;">

	== Homework VII – WEBCAM ~~VIDEO DELAY~~ ==		== Homework VII – WEBCAM-MANIPULATION ==

	'~~'coming soon~~ ... ''		I got inspired by an [http://www.generative-gestaltung.de/P_4_3_1_01 example] of the book »Generative Design«, that was based on image-manipulation. I've adapted <br> the code for my idea and added the feature, that it will change the characteristic of the webcam-output and not only of an image. <br> It is some kind of video delay and every pixel is translated into a new element by displaying them as a stroke, that is wiggling. <br> So the characteristic of a webcam-video gets a furry look. [http://www.openprocessing.org/sketch/309230 See the code here].

			>> [https://vimeo.com/156191598 INTERACTIVE VIDEO RECORDING]

			[[Image:webcam-manipulation-03.png\|thumb\|left\|400px]]
			<br style="clear:both;">
			[[Image:webcam-manipulation-01.png\|thumb\|left\|200px]]
			[[Image:webcam-manipulation-02.png\|thumb\|left\|200px]]
			<br style="clear:both;">

	== Homework VIII – SOLVING A MAZE ==		== Homework VIII – SOLVING A MAZE ==

	''coming soon ... ''		''coming soon ... ''

Issica: /* Homework VIII – MAZE SOLVING */

2016-01-28T08:54:22Z

Homework VIII – MAZE SOLVING

← Older revision		Revision as of 08:54, 28 January 2016
Line 81:		Line 81:
	''coming soon ... ''		''coming soon ... ''

	== Homework VIII – MAZE ~~SOLVING~~ ==		== Homework VIII – SOLVING A MAZE ==

	''coming soon ... ''		''coming soon ... ''

Issica at 08:53, 28 January 2016

2016-01-28T08:53:28Z

← Older revision		Revision as of 08:53, 28 January 2016
Line 71:		Line 71:
	== Homework VI – VIDEO PROCESSING ==		== Homework VI – VIDEO PROCESSING ==

	We had to create a sketch, that loads one of our videos from the park, change the characteristic of it and export <br> it using the Movie Maker in Processing. I've decided to display every pixel as a stroke. You can change the ~~weight~~ <br> of the stroke by moving the mouse on the y-axis. View the [https://vimeo.com/153317019 video] and the [http://www.openprocessing.org/sketch/302720 code]. <br>		We had to create a sketch, that loads one of our videos from the park, change the characteristic of it and export <br> it using the Movie Maker in Processing. I've decided to display every pixel as a stroke. You can change the width <br> of the stroke by moving the mouse on the y-axis. View the [https://vimeo.com/153317019 video] and the [http://www.openprocessing.org/sketch/302720 code]. <br>

			[[Image:thin-stroke.png\|thumb\|left\|300px]]
	[[Image:thicker-stroke.png\|thumb\|left\|300px]]		[[Image:thicker-stroke.png\|thumb\|left\|300px]]
	~~[[Image:thin-stroke.png\|thumb\|left\|300px]]~~
	<br style="clear:both;">		<br style="clear:both;">

Issica: /* Homework V – PIXEL SORTING */

2016-01-28T02:43:35Z

Homework V – PIXEL SORTING

← Older revision		Revision as of 02:43, 28 January 2016
Line 62:		Line 62:

	I've changed our sketch we did in class a bit, so only a specific part of the photo gets sorted left. <br>		I've changed our sketch we did in class a bit, so only a specific part of the photo gets sorted left. <br>
	Therefor I've added one line of code in the function sortleft. ~~On the~~ second image ~~it's~~ sorted by the green value.		Therefor I've added one line of code in the function sortleft. The second image is sorted by the green value.

	[[Image:sorted-wall.png\|thumb\|left\|200px]]		[[Image:sorted-wall.png\|thumb\|left\|200px]]

Issica at 02:40, 28 January 2016

2016-01-28T02:40:20Z

← Older revision		Revision as of 02:40, 28 January 2016
Line 44:		Line 44:
	Let's animate a bit more! <br>		Let's animate a bit more! <br>
	We had to walk around an object and take a few photos, so we will have a panorama-ish view of it. <br>		We had to walk around an object and take a few photos, so we will have a panorama-ish view of it. <br>
	I ~~chose~~ an adversiting column... <br>		I've chosen an adversiting column... (Code upload coming soon) <br>

	[[Image:brush-ac.png\|thumb\|left\|425px]]		[[Image:brush-ac.png\|thumb\|left\|425px]]
Line 62:		Line 62:

	I've changed our sketch we did in class a bit, so only a specific part of the photo gets sorted left. <br>		I've changed our sketch we did in class a bit, so only a specific part of the photo gets sorted left. <br>
	Therefor I've added one line of code in the function sortleft.		Therefor I've added one line of code in the function sortleft. On the second image it's sorted by the green value.

			[[Image:sorted-wall.png\|thumb\|left\|200px]]
			[[Image:sorted-green.png\|thumb\|left\|200px]]
	[[Image:sketch-code.png\|thumb\|left\|200px]]		[[Image:sketch-code.png\|thumb\|left\|200px]]
	~~[[Image:sorted-wall.png\|thumb\|left\|200px]]~~
	<br style="clear:both;">		<br style="clear:both;">

Line 72:		Line 73:
	We had to create a sketch, that loads one of our videos from the park, change the characteristic of it and export <br> it using the Movie Maker in Processing. I've decided to display every pixel as a stroke. You can change the weight <br> of the stroke by moving the mouse on the y-axis. View the [https://vimeo.com/153317019 video] and the [http://www.openprocessing.org/sketch/302720 code]. <br>		We had to create a sketch, that loads one of our videos from the park, change the characteristic of it and export <br> it using the Movie Maker in Processing. I've decided to display every pixel as a stroke. You can change the weight <br> of the stroke by moving the mouse on the y-axis. View the [https://vimeo.com/153317019 video] and the [http://www.openprocessing.org/sketch/302720 code]. <br>

			[[Image:thicker-stroke.png\|thumb\|left\|300px]]
	[[Image:thin-stroke.png\|thumb\|left\|300px]]		[[Image:thin-stroke.png\|thumb\|left\|300px]]
	~~[[Image:thicker-stroke.png\|thumb\|left\|300px]]~~
	<br style="clear:both;">		<br style="clear:both;">

	== Homework VII – WEBCAM VIDEO DELAY ==		== Homework VII – WEBCAM VIDEO DELAY ==

			''coming soon ... ''

			== Homework VIII – MAZE SOLVING ==

	''coming soon ... ''		''coming soon ... ''