<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	>

<channel>
	<title>Jonas Friedemann Heuer - portfolio</title>
	<atom:link href="http://www.jonasheuer.de/index.php/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.jonasheuer.de</link>
	<description>Online portfolio of Jonas F. Heuer, graphic design student</description>
	<pubDate>Fri, 27 May 2011 23:44:04 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Noteput</title>
		<link>http://www.jonasheuer.de/index.php/noteput/</link>
		<comments>http://www.jonasheuer.de/index.php/noteput/#comments</comments>
		<pubDate>Sun, 25 Oct 2009 19:38:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[audio]]></category>

		<category><![CDATA[digital]]></category>

		<category><![CDATA[HfG Schwäbisch Gmünd]]></category>

		<category><![CDATA[interactive]]></category>

		<category><![CDATA[interface]]></category>

		<category><![CDATA[Jonas's favourite]]></category>

		<category><![CDATA[music]]></category>

		<category><![CDATA[projection]]></category>

		<category><![CDATA[tangible]]></category>

		<guid isPermaLink="false">http://www.jonasheuer.de/?p=245</guid>
		<description><![CDATA[“Noteput” is an interactive music table with tangible notes, that combines all three senses of hearing, sight and touch to make learning the classical notation of music for children and pupils more easy and interesting.]]></description>
			<content:encoded><![CDATA[<p>&#8220;<a href="http://www.jonasheuer.de/index.php/noteput/" >Noteput</a>&#8221; is an interactive music table with tangible notes, that combines all three senses of hearing, sight and touch to make learning the classical notation of music for children and pupils more easy and interesting.</p>
<p>All basic clefs, note values and accidentals exist as single wood elements. Whole, half, quarter and eighth notes differ not only in their form, but also in their weight: Long note values are heavier than short ones.   </p>
<p><iframe class="video" src="http://player.vimeo.com/video/8308494?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="655" height="368" frameborder="0"></iframe></p>
<p>The table has two modes: A standard mode, where you can place notes on the table in a playful and experimental way and explore the related music outcome. And an excercise mode, where excercises and tutorials sort by topic and difficulty have to be mastered.</p>
<p>To activate &#8220;<a href="http://www.jonasheuer.de/index.php/noteput/" >Noteput</a>&#8221;, simply put the treble clef on the table. As soon as a note is placed on the staves, the respective sound is heard. That serves as a kind of preview and an orientation while putting the notes. If several notes are on the table, you can hit the play button and listen to the notes in relation to each other and considering note values. In addition to piano other instruments like guitar, flute, vibraphon or e-piano can be chosen. It is also possible to play the notes in a loop. That way it is easy to compare how the current note sequence sounds like and how changes of the notation immediatly influence the music.</p>
<p><img src="http://www.jonasheuer.de/wp-content/uploads/noteput1.jpg" alt="Noteput" /></p>
<p>The theoretical basis for the Output project was the theses, that a combination of as much as many senses leads to the best learning results. One&#8217;s motivation plays a key role in the process of learning and remembering. With the fundamental approach of tangible notes Output does not only want to reach music interested children and pupils, but mostly those who have not yet enjoyed music lessons and have thought of learning the notation as a burden.  </p>
<p>As proof of concept we built and programmed a functional prototype of the table with slightly reduced functions. All elements were cut out of thin wood plates, weighted differently with lead balls and painted black matte. The technical part was done with the visual programming language vvvv and the so-called Fiducial Marker. Each object has a unique marker at its bottom, which is tracked with a camera placed inside the table. The software recognizes the marker and is therefore able to define which note with what note value is at what position on the staves. With this data a vvvv-patch computes the respective note sequence and sends it via MIDI to a sound software, which then can play these singals for different instruments.</p>
<p><img src="http://www.jonasheuer.de/wp-content/uploads/noteput2.jpg" alt="Noteput" /><br />
<img src="http://www.jonasheuer.de/wp-content/uploads/noteput3.jpg" alt="Noteput" /><br />
<img src="http://www.jonasheuer.de/wp-content/uploads/noteput4.jpg" alt="Noteput" /><br />
<img src="http://www.jonasheuer.de/wp-content/uploads/noteput5.jpg" alt="Noteput" /><br />
<img src="http://www.jonasheuer.de/wp-content/uploads/noteput6.jpg" alt="Noteput" /><br />
<img src="http://www.jonasheuer.de/wp-content/uploads/noteput7.jpg" alt="Noteput" /></p>
<p>Some pictures of the prototype:</p>
<p><img src="http://www.jonasheuer.de/wp-content/uploads/noteput8.jpg" alt="Noteput" /><br />
<img src="http://www.jonasheuer.de/wp-content/uploads/noteput9.jpg" alt="Noteput" /><br />
<img src="http://www.jonasheuer.de/wp-content/uploads/noteput10.jpg" alt="Noteput" /><br />
<img src="http://www.jonasheuer.de/wp-content/uploads/noteput11.jpg" alt="Noteput" /><br />
<img src="http://www.jonasheuer.de/wp-content/uploads/noteput12.jpg" alt="Noteput" /><br />
<img src="http://www.jonasheuer.de/wp-content/uploads/noteput13.jpg" alt="Noteput" /></p>
<p><img src="http://www.jonasheuer.de/wp-content/uploads/noteput15.jpg" alt="Noteput" /><br />
The vvvv-patch tracking the positions of the notes and computing the respective note sequence.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jonasheuer.de/index.php/noteput/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Clavilux 2000</title>
		<link>http://www.jonasheuer.de/index.php/clavilux-2000/</link>
		<comments>http://www.jonasheuer.de/index.php/clavilux-2000/#comments</comments>
		<pubDate>Sun, 15 Feb 2009 11:42:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[audio]]></category>

		<category><![CDATA[digital]]></category>

		<category><![CDATA[HfG Schwäbisch Gmünd]]></category>

		<category><![CDATA[interactive]]></category>

		<category><![CDATA[Jonas's favourite]]></category>

		<category><![CDATA[music]]></category>

		<category><![CDATA[piano]]></category>

		<category><![CDATA[vvvv]]></category>

		<guid isPermaLink="false">http://www.jonasheuer.de/?p=8</guid>
		<description><![CDATA[The “Clavilux 2000” is an interactive instrument for generative music visualization.]]></description>
			<content:encoded><![CDATA[<p>The setting of this installation consists of three parts: A digital piano with 88 keys and midi output, a computer running a vvvv patch and a vertical projection above the keyboard.</p>
<p>The visual concept of <a href="http://www.jonasheuer.de/index.php/clavilux-2000/" >Clavilux 2000</a> is quite simple. For every note played on the keyboard a new visual element appears in form of a stripe, which follows in its dimensions, position and colour the way the particular key was stroke: The length and vertical position show the velocity, the stripe’s width reflects the length of each note.<br />
By mapping the color wheel on the circle of fifths, the colours finally give the viewer and listener an impression of the harmonic relations. Notes belonging to one specific tonality always get colors from one specific area of the color wheel. Therefore each key gets it&#8217;s own color scheme and &#8220;wrong&#8221; notes stand out in contrasting colors. The more different tonalities a piece has, the more colorful the visualization will be.</p>
<p><iframe class="video" src="http://player.vimeo.com/video/8012159?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="655" height="491" frameborder="0"></iframe></p>
<p>Unlike most other visualized music, the visualization of <a href="http://www.jonasheuer.de/index.php/clavilux-2000/" >Clavilux 2000</a> does not disappear when the music fades away. All stripes stay and overlap each other in an additive way, so at the end a kind of pattern remains – a summary of the music – which will be always unique. Since not only the notes played but also the interpretation of the piano player are influencing the outcome, visualizations for one single piece of music will vary, too. Therefore the stripes allow one to say something about the composition aswell as the specific performance: Which notes were played the most? Which were the loudest notes? Which range of the keys was played mostly? How harmonically constant was the music?</p>
<p>Furthermore the system allows the piano player to switch between the standart 2d view and an additional 3d view of the visualization while playing. Also the visibility of a background grid, as well as the „deepness“ of the 3d view can be adjusted with sliders on the piano.<br />
The technical part was done with the visual programming language vvvv. The MIDI signals sent by the piano to the computer get processed in real time and directly transfered into the visualization of the Clavilux.</p>
<p>The <a href="http://www.jonasheuer.de/index.php/clavilux-2000/" >Clavilux 2000</a> project was part of my 3rd semester at the Hochschule für Gestaltung Schwäbisch Gmünd and was supervised by Prof. Michael Götte and Veldana Sehic.</p>
<p> </p>
<p><img src="http://www.jonasheuer.de/wp-content/uploads/clavilux1.jpg" alt="Clavilux" /><br />
<img src="http://www.jonasheuer.de/wp-content/uploads/clavilux2.jpg" alt="Clavilux" /><br />
<img src="http://www.jonasheuer.de/wp-content/uploads/clavilux3.jpg" alt="Clavilux" /><br />
<img src="http://www.jonasheuer.de/wp-content/uploads/clavilux4.jpg" alt="Clavilux" /><br />
<img src="http://www.jonasheuer.de/wp-content/uploads/clavilux5.jpg" alt="Clavilux" /></p>
<p><img src="http://www.jonasheuer.de/wp-content/uploads/clavilux6.jpg" alt="Clavilux" /><br />
Claude Debussy&#8217;s Childrens Corner - Dr Gradus ad Parnassum (rendering)</p>
<p> </p>
<p><img src="http://www.jonasheuer.de/wp-content/uploads/clavilux7.jpg" alt="Clavilux" /><br />
Claude Debussy&#8217;s Childrens Corner - Dr Gradus ad Parnassum (3d view rendering)</p>
<p> </p>
<p><img src="http://www.jonasheuer.de/wp-content/uploads/clavilux8.jpg" alt="Clavilux" /><br />
Rimski-Korsakow&#8217;s Hummelflug (3d view rendering)</p>
<p> </p>
<p> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.jonasheuer.de/index.php/clavilux-2000/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Collisions</title>
		<link>http://www.jonasheuer.de/index.php/collisions/</link>
		<comments>http://www.jonasheuer.de/index.php/collisions/#comments</comments>
		<pubDate>Thu, 03 Apr 2008 11:50:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[audio]]></category>

		<category><![CDATA[digital]]></category>

		<category><![CDATA[AfterEffects]]></category>

		<category><![CDATA[animation]]></category>

		<category><![CDATA[music]]></category>

		<category><![CDATA[sound design]]></category>

		<category><![CDATA[Uleria Records]]></category>

		<category><![CDATA[vvvv]]></category>

		<guid isPermaLink="false">http://www.jonasheuer.de/?p=531</guid>
		<description><![CDATA[A summer electropop track plus an official music video done with vvvv.]]></description>
			<content:encoded><![CDATA[<p>The track and the video were created within one week, inspired by some beautiful spring days in Graz. All the graphics in the video were generated using vvvv, controlled through a midi file of the track. Just a little editing was done afterwards in AfterEffects.</p>
<p><iframe class="video" src="http://player.vimeo.com/video/10642822?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="655" height="369" frameborder="0"></iframe></p>
<p><img src="http://www.jonasheuer.de/wp-content/uploads/collisions_2.jpg" alt="Collisions" /><br />
More screenshots on <a href="http://www.flickr.com/photos/uleria/sets/72157623759880658/" target="_blank">flickr</a>.</p>
<p> </p>
<p><object width="100%" height="81" data="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fuleria%2Fcollisions&amp;show_comments=true&amp;auto_play=false&amp;color=1e1e1e" type="application/x-shockwave-flash"><param name="allowscriptaccess" value="always" /><param name="src" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fuleria%2Fcollisions&amp;show_comments=true&amp;auto_play=false&amp;color=1e1e1e" /></object><br />
Listen to the track without video above or on <a href="http://soundcloud.com/uleria/collisions" target="_blank">soundcloud</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jonasheuer.de/index.php/collisions/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Scene Changing</title>
		<link>http://www.jonasheuer.de/index.php/scene-changing/</link>
		<comments>http://www.jonasheuer.de/index.php/scene-changing/#comments</comments>
		<pubDate>Tue, 15 Jan 2008 05:26:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[audio]]></category>

		<category><![CDATA[digital]]></category>

		<category><![CDATA[animation]]></category>

		<category><![CDATA[exhibition]]></category>

		<category><![CDATA[music]]></category>

		<category><![CDATA[projection]]></category>

		<category><![CDATA[sound design]]></category>

		<category><![CDATA[typography]]></category>

		<category><![CDATA[vvvv]]></category>

		<guid isPermaLink="false">http://www.jonasheuer.de/?p=451</guid>
		<description><![CDATA[A generative video and audio installation for the FORMAT magazine booth.]]></description>
			<content:encoded><![CDATA[<p>FORMAT is the magazine of the Hochschule für Gestaltung Schwäbisch Gmünd. During the school&#8217;s biannual semester exhibition every new issue is presented at FORMAT&#8217;s own booth, located at the entrace area of the building. This semester&#8217;s fourth issue has the topic „Szenenwechsel” - “Scene Change”. Based on this topic, I created a generative installation with visuals and audio to attract visitors to the booth.</p>
<p><iframe class="video" src="http://player.vimeo.com/video/9774597?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="655" height="491" frameborder="0"></iframe></p>
<p>The projection showed the FORMAT logo, constantly changing in its appearance and sliced into 20 layers. These slices were combined with randomly chosen and also sliced pages of the actual magazine and bright colors.</p>
<p>Music was aswell randomly chosen from a collection of about 150 tracks. The idea was to create a radio-like impression with noise and glitches between the songs - as if someone was tuning an old school radio. Tracks have been played for at least 8 seconds and 2 minutes at most.</p>
<p>Again, vvvv was the best choice for both video and audio&#8230;</p>
<p> </p>
<p><a href="http://www.flickr.com/photos/uleria/sets/72157623462868380/" target="_blank" class="noborder"><img src="http://www.jonasheuer.de/wp-content/uploads/formatbooth4_6.jpg" alt="" /></a><br />
Typography, Images and Colors changing randomly&#8230; more pictures on <a href="http://www.flickr.com/photos/uleria/sets/72157623462868380/" target="_blank">flickr.com</a></p>
<p> </p>
<p><img src="http://www.jonasheuer.de/wp-content/uploads/formatbooth4_1.jpg" alt="" /><br />
<img src="http://www.jonasheuer.de/wp-content/uploads/formatbooth4_2.jpg" alt="" /><br />
<img src="http://www.jonasheuer.de/wp-content/uploads/formatbooth4_3.jpg" alt="" /><br />
<img src="http://www.jonasheuer.de/wp-content/uploads/formatbooth4_4.jpg" alt="" /><br />
<img src="http://www.jonasheuer.de/wp-content/uploads/formatbooth4_5.jpg" alt="" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jonasheuer.de/index.php/scene-changing/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>

