<?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/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>un3x.net</title>
	<atom:link href="http://un3x.net/feed/" rel="self" type="application/rss+xml" />
	<link>http://un3x.net</link>
	<description>building stuff since 1987</description>
	<lastBuildDate>Sat, 19 May 2012 07:36:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Difflect</title>
		<link>http://un3x.net/difflect/</link>
		<comments>http://un3x.net/difflect/#comments</comments>
		<pubDate>Tue, 25 Oct 2011 08:31:49 +0000</pubDate>
		<dc:creator>unex</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[interaction design]]></category>
		<category><![CDATA[interface design]]></category>
		<category><![CDATA[kinect]]></category>
		<category><![CDATA[markerless tracking]]></category>
		<category><![CDATA[openframeworks]]></category>

		<guid isPermaLink="false">http://un3x.net/wordpress/?p=98</guid>
		<description><![CDATA[Difflect is a project connecting print, spatial installation and software which makes it possible to experience print media in a digitally enhanced, interactive way.

The setup &#8230;]]></description>
			<content:encoded><![CDATA[<p class="big">Difflect is a project connecting print, spatial installation and software which makes it possible to experience print media in a digitally enhanced, interactive way.</p>
<p><span id="more-98"></span></p>
<p>The setup consists of two cameras and a display which shows a mirror-like, abstract representation of the user. The system can be fed with content by putting a printed object in front of it. It will recognize the medium being consumed by the user and display digital content related to the printed information. To introduce the system, four foldable printed objects describing the four classical elements can be chosen by the user. Each print object will show a digital representation of its element when put in front of the installation, allowing hands-on interaction to experience the characteristics and behaviour of the element. The project features a highly reduced visual language to put focus on interaction as well as surround sound (meaning spatially positioned stereo sound).</p>
<p>The entire project was realized with openFrameworks, using OpenNI for Kinect integration, as well as the libraries ofxOpenNI, OpenCV and ofxFernCameraDemo.</p>
<p>Difflect was the final project of my communication design studies at the university of applied sciences, Würzburg. My supervising professors were Prof. Erich Schöls and Prof. Uli Braun.</p>
<p><iframe src="http://player.vimeo.com/video/33834276?portrait=0&amp;color=ffffff" width="600" height="338" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></p>
<p>The name &#8220;Difflect&#8221; is a combination of &#8220;to diffuse&#8221; and &#8220;to reflect&#8221;, two words that describe the idea behind the setup pretty well. The screen appears to be like a membrane filtering certain pieces of information in- and outwards which are <strong>diffusing</strong> via the screen: information about what content is being watched at the print level is perceived by the system. in return, only information relevant and connected to the current print level is sent back to the user. The print object is source of information for the user as well as the navigational element in digital space.</p>
<p>At the same time, the screen serves as a <strong>reflection</strong> of the real world: the user can see himself in a highly reduced version. Self-perception was a very important aspect for me as it strengthens the connection between the user and the digital content he is interacting with.</p>
<p><img class="alignnone size-large wp-image-179" title="wind_close" src="http://un3x.net/wp-content/uploads/2011/10/wind_close3-1024x508.jpg" alt="" width="600" /></p>
<p>My initial plans in realizing the project were to create a printed part which equals the digital one in complexity. For my bachelor degree, I put focus on the digital side. Each of the four elements has its ownways and possibilities to interact. The respective paper sheets give a short introduction to the respective element and invite to interact.</p>
<p><img class="alignnone size-full wp-image-178" title="print" src="http://un3x.net/wp-content/uploads/2011/10/print1.jpg" alt="" width="600" /></p>
<p>&nbsp;</p>
<p>Air lets you use the power of your hands to create your own wind phenomena and make them visible on screen. It&#8217;s the most simple way of interacting and can be seen as an introduction to the system.</p>
<p><img class="alignnone size-large wp-image-156" title="wind_close" src="http://un3x.net/wp-content/uploads/2011/10/wind_close-1024x577.jpg" alt="" width="600" /></p>
<p>&nbsp;</p>
<p>Placing the earth sheet on the table lets you create and deform your own landscape. Pull up mountains or press in canyons. By rotating the sheet, you can navigate your newly created landscape. Turning the paper to the other side and back again lets you reset the object and start with a newly created, random landscape.</p>
<p><img class="alignnone size-large wp-image-157" title="erde_virtuell" src="http://un3x.net/wp-content/uploads/2011/10/erde_virtuell-1024x577.jpg" alt="" width="600" /></p>
<p>&nbsp;</p>
<p>The fire sheet has its own fireplace in store, allowing you to turn your hand into a virtual torch and inflame your environments. Fear not: by rotating the sheet, you can access the extinguishing mode which allows you to clean up the mess.</p>
<p><img class="alignnone size-large wp-image-158" title="feuer_virtuell" src="http://un3x.net/wp-content/uploads/2011/10/feuer_virtuell-1024x577.jpg" alt="" width="600" /></p>
<p>&nbsp;</p>
<p>Water is the most complex level of the project and consists of two modes you can switch by rotating the sheet. The first mode presents a water surface you can play and create waves with. You can let two waves fight each other and see how they compensate their effect.</p>
<p>The second mode lets you experience water molecules and how they react on temperature.  By rotating the sheet, you set the temperature and by that, the concentration of the molecules. You can go from ice to cooking water. Rotating the sheet further zooms out and takes you to the surface view again.</p>
<p><img class="alignnone size-large wp-image-159" title="wasser_real" src="http://un3x.net/wp-content/uploads/2011/10/wasser_real-1024x577.jpg" alt="" width="600" /></p>
<p>&nbsp;</p>
<p>The setup, consisting of the Kinect, a second webcam, a construction keeping it all together, put on a tripod and placed behind the display.</p>
<p><img class="alignnone size-large wp-image-169" title="hardware" src="http://un3x.net/wp-content/uploads/2011/10/hardware-1024x577.jpg" alt="" width="600" /></p>
]]></content:encoded>
			<wfw:commentRss>http://un3x.net/difflect/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sociotope</title>
		<link>http://un3x.net/sociotope/</link>
		<comments>http://un3x.net/sociotope/#comments</comments>
		<pubDate>Tue, 22 Feb 2011 21:18:04 +0000</pubDate>
		<dc:creator>unex</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[data visualization]]></category>
		<category><![CDATA[generative design]]></category>
		<category><![CDATA[social network]]></category>

		<guid isPermaLink="false">http://un3x.net/wordpress/?p=5</guid>
		<description><![CDATA[Sociotope is an interactive data visualization of your digital identity. By connecting the application to your Facebook account, it will build a virus-like object whose &#8230;]]></description>
			<content:encoded><![CDATA[<p class="big">Sociotope is an interactive data visualization of your digital identity. By connecting the application to your Facebook account, it will build a virus-like object whose behaviour, look and feel corresponds to the way you are behaving in the social network.</p>
<p><span id="more-5"></span></p>
<p>Objects are build from the sums of their corresponding user&#8217;s actions within the Facebook network. Every tentacle relates to one post on the user&#8217;s wall. The more reactions a post has got (comments, likes), the stronger the movement of its tentacle will be. The color of your tentacle object will correspond to the profile picture you have. Adding your friends to Sociotope will will create a complex, vivid visualization showing the interaction between you and your Facebook contacts, with each single objects being its own information graphic sortable by time and space.</p>
<p><iframe src="http://player.vimeo.com/video/19864597?portrait=0&amp;color=ffffff" frameborder="0" width="600" height="337"></iframe></p>
<p><img class="alignnone size-full wp-image-96" title="Sociotope" src="http://un3x.net/wp-content/uploads/2011/02/Sociotope.png" alt="" width="600" /></p>
<p>For searching objects by content and exploring your self-build information graphic for trends, you can add magnet objects which can be filled with search terms and so &#8220;scan&#8221; the objects &#8211; posts which include the term will be attracted by the magnet.</p>
<p>Visit the <a title="Sociotope facebook page" href="http://facebook.com/sociotope" target="_blank">Sociotope facebook page</a> for more information (please like).</p>
<p><iframe src="http://player.vimeo.com/video/19923866?portrait=0&amp;color=ffffff" frameborder="0" width="600" height="337"></iframe></p>
<p><iframe src="http://player.vimeo.com/video/19924098?portrait=0&amp;color=ffffff" frameborder="0" width="600" height="337"></iframe></p>
<p>For more screenshots and a detailled description, <a title="have a look here" href="http://www.behance.net/gallery/Sociotope/2943101" target="_blank">have a look here for now</a>.</p>
<p>For promoting Sociotope, I created three posters showing the visuals and features of the project:</p>
<div class="gallery">
<ul>
<li><a href="http://un3x.net/wp-content/uploads/2011/02/SWagner_Sociotope_Plakate_01.jpg" rel="lightbox[roadtrip]"><img class="alignleft size-thumbnail wp-image-91" title="SWagner_Sociotope_Plakate_01" src="http://un3x.net/wp-content/uploads/2011/02/SWagner_Sociotope_Plakate_01-150x150.jpg" alt="" width="150" /></a></li>
<li><a href="http://un3x.net/wp-content/uploads/2011/02/SWagner_Sociotope_Plakate_02.jpg" rel="lightbox[roadtrip]"><img class="alignleft size-thumbnail wp-image-95" title="SWagner_Sociotope_Plakate_02" src="http://un3x.net/wp-content/uploads/2011/02/SWagner_Sociotope_Plakate_02-150x150.jpg" alt="" width="150" /></a></li>
<li><a href="http://un3x.net/wp-content/uploads/2011/02/SWagner_Sociotope_Plakate_031.jpg" rel="lightbox[roadtrip]"><img class="alignleft size-thumbnail wp-image-93" title="SWagner_Sociotope_Plakate_03" src="http://un3x.net/wp-content/uploads/2011/02/SWagner_Sociotope_Plakate_031-150x150.jpg" alt="" width="150" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://un3x.net/sociotope/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Noise</title>
		<link>http://un3x.net/noise/</link>
		<comments>http://un3x.net/noise/#comments</comments>
		<pubDate>Sun, 15 Feb 2009 21:20:43 +0000</pubDate>
		<dc:creator>unex</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[data visualization]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[print]]></category>

		<guid isPermaLink="false">http://un3x.net/wordpress/?p=10</guid>
		<description><![CDATA[Noise is a book I concepted, designed and realised in the second year of my studies.

From the introduction:
The texts, explanations and ways of thinking collected in &#8230;]]></description>
			<content:encoded><![CDATA[<p class="big">Noise is a book I concepted, designed and realised in the second year of my studies.</p>
<p><span id="more-10"></span></p>
<p>From the introduction:</p>
<blockquote><p>The texts, explanations and ways of thinking collected in this book make no claim to be complete. They are not even necessarily supposed to inform, but rather to open the view, to raise awareness for the non-Apparent, for the coincidence, for the factor of &#8220;noise&#8221; in our environment, our perceptions and our actions.Human society is more and more being defined by noise. This book is supposed to illustrate the most complex and diverse facets of the phenomenon of &#8221;noise&#8221; and the circumstances of its formation and thereby entertain, inspire and provoke.</p></blockquote>
<p>The book has 70 pages, its format is a little smaller than A4 landscape.</p>
<p>The cover was produced using serigraphy; each of the two copies made has a different version: one with a black cover and white motive and one contrary.</p>
<p><img class="alignnone size-full wp-image-12" title="noise01" src="http://un3x.net/wp-content/uploads/2011/02/noise01.jpg" alt="" width="600" /></p>
<p><img class="alignnone size-full wp-image-11" title="noise04" src="http://un3x.net/wp-content/uploads/2011/02/noise04.jpg" alt="" width="600" /></p>
<p><img class="alignnone size-full wp-image-53" title="noise03" src="http://un3x.net/wp-content/uploads/2009/01/noise03.jpg" alt="" width="600" /></p>
<p><img class="alignnone size-full wp-image-52" title="noise02" src="http://un3x.net/wp-content/uploads/2009/01/noise02.jpg" alt="" width="600" /></p>
<p><img class="alignnone size-full wp-image-12" title="noise01" src="http://un3x.net/wp-content/uploads/2011/02/noise01.jpg" alt="" width="600" /></p>
<div id="efe-swf-2" class="efe-flash"><!-- --></div>
]]></content:encoded>
			<wfw:commentRss>http://un3x.net/noise/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Curl</title>
		<link>http://un3x.net/curl/</link>
		<comments>http://un3x.net/curl/#comments</comments>
		<pubDate>Tue, 03 Feb 2009 21:23:53 +0000</pubDate>
		<dc:creator>unex</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[data visualization]]></category>
		<category><![CDATA[generative design]]></category>

		<guid isPermaLink="false">http://un3x.net/wordpress/?p=14</guid>
		<description><![CDATA[Curl is intended to be the prototype for a tool helping at linguistic and phonetic analyses as well as an attempt to make text, language &#8230;]]></description>
			<content:encoded><![CDATA[<p class="big">Curl is intended to be the prototype for a tool helping at linguistic and phonetic analyses as well as an attempt to make text, language and speech visible and tangible.</p>
<p><span id="more-14"></span></p>
<p>It generates a shape representing the phonetic character of the words entered by the user. In a second step, frequency spectra are mapped onto the shape, displaying different ways the words can be pronounced depending on language and regional slang. The resulting object is generated in real-time and can be rotated and explored with an intuitive, easy-to-use interface.</p>
<p>Curl was my first project using Processing and can be seen as my first steps into the field of generative design.</p>
<p><img class="alignnone size-full wp-image-15" title="curl01" src="http://un3x.net/wp-content/uploads/2011/02/curl01.jpg" alt="" width="600" /></p>
<p><img class="alignnone size-full wp-image-74" title="curl03" src="http://un3x.net/wp-content/uploads/2009/02/curl03.jpg" alt="" width="600" /></p>
<p><img class="alignnone size-full wp-image-75" title="curl04" src="http://un3x.net/wp-content/uploads/2009/02/curl04.jpg" alt="" width="600" /></p>
<p><img class="alignnone size-full wp-image-76" title="curl05" src="http://un3x.net/wp-content/uploads/2009/02/curl05.jpg" alt="" width="600" /></p>
<p><img class="alignnone size-full wp-image-77" title="curl06" src="http://un3x.net/wp-content/uploads/2009/02/curl06.jpg" alt="" width="600" /></p>
<p><img class="alignnone size-full wp-image-78" title="curl07" src="http://un3x.net/wp-content/uploads/2009/02/curl07.jpg" alt="" width="600" /></p>
]]></content:encoded>
			<wfw:commentRss>http://un3x.net/curl/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Level Design</title>
		<link>http://un3x.net/level-design/</link>
		<comments>http://un3x.net/level-design/#comments</comments>
		<pubDate>Tue, 10 Aug 2004 14:04:21 +0000</pubDate>
		<dc:creator>unex</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://un3x.net/wordpress/?p=20</guid>
		<description><![CDATA[Even though this was long long time ago, for completeness, I&#8217;d like to share with you the skeletons in my closet.

Between 2003 and 2005 I &#8230;]]></description>
			<content:encoded><![CDATA[<p class="big">Even though this was long long time ago, for completeness, I&#8217;d like to share with you the skeletons in my closet.</p>
<p><span id="more-20"></span></p>
<p>Between 2003 and 2005 I took my first steps into the world of interactive, threedimensional environments by using the <a title="Unreal Engine 2" href="http://en.wikipedia.org/wiki/Unreal_Engine#Unreal_Engine_2" target="_blank">Unreal Engine 2</a> Level Editor. I was part of a nice and creative community, participated in several mapping contests (for example Squall was one of the finalists in the &#8220;nVidia 1 Million $ Make Something Unreal Contest&#8221;)  and worked as a level designer for the action game project <a title="Eden Eclipse" href="http://edeneclipse.com/" target="_blank">Eden Eclipse</a>.</p>
<h3>Dm-1on1-Squall</h3>
<p><img class="alignnone size-full wp-image-24" title="squall01" src="http://un3x.net/wp-content/uploads/2011/02/squall01.jpg" alt="" width="600" /></p>
<p><img class="alignnone size-full wp-image-60" title="squall05" src="http://un3x.net/wp-content/uploads/2011/02/squall05.jpg" alt="" width="600" /></p>
<p><img class="alignnone size-full wp-image-63" title="squall04" src="http://un3x.net/wp-content/uploads/2011/02/squall04.jpg" alt="" width="600" /></p>
<h3>Eden Eclipse</h3>
<p><img class="alignnone size-full wp-image-66" title="EE2" src="http://un3x.net/wp-content/uploads/2004/08/EE2.jpg" alt="" width="600" /></p>
<h3>Dm-Passage (Unreal Engine 1)</h3>
<p><img class="alignnone size-full wp-image-62" title="PASSAGE3" src="http://un3x.net/wp-content/uploads/2011/02/PASSAGE3.jpg" alt="" width="600" /></p>
]]></content:encoded>
			<wfw:commentRss>http://un3x.net/level-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

