<?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>der hess &#187; My Experiments</title>
	<atom:link href="http://blog.derhess.de/category/experiments/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.derhess.de</link>
	<description>am medialen werkeln</description>
	<lastBuildDate>Wed, 01 Feb 2012 12:00:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Processing meets Box2D and blob detection</title>
		<link>http://blog.derhess.de/2011/06/27/processing-meets-box2d-and-blob-detection/</link>
		<comments>http://blog.derhess.de/2011/06/27/processing-meets-box2d-and-blob-detection/#comments</comments>
		<pubDate>Mon, 27 Jun 2011 10:55:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[english]]></category>
		<category><![CDATA[My Experiments]]></category>
		<category><![CDATA[box2d]]></category>
		<category><![CDATA[image processing]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[webcam]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=1601</guid>
		<description><![CDATA[For the Programming II Workshop at our Interface Culture department I decided to do an small experiment with Box 2D. For a long time I wanted to play around with Box 2D. Especially merging real world objects with virtual object fascinates me very much. I don't like so much the common Augmented Reality stuff. However, [...]
No related posts.]]></description>
			<content:encoded><![CDATA[<p><iframe src="http://player.vimeo.com/video/25589234?byline=0&amp;portrait=0" width="600" height="338" frameborder="0"></iframe><br />
For the Programming II Workshop at our <strong><a title="Interface Culture" href="http://www.ufg.ac.at/index.php?id=1594&amp;L=1" target="_blank">Interface Culture</a></strong> department I decided to do an small experiment with Box 2D. For a long time I wanted to play around with <strong><a title="Box 2D Homepage" href="http://www.box2d.org/" target="_blank">Box 2D</a></strong>. Especially merging real world objects with virtual object fascinates me very much. I don't like so much the common<a title="webcam solar AR" href="http://www.youtube.com/watch?v=NK59Beq0Sew" target="_blank"> Augmented</a> <a title="Lego AR Kiosk" href="http://www.youtube.com/watch?v=L587qNCmYnU" target="_blank">Reality stuff</a>. However, some stuff is really cool and inspires me. Here are some projects I got my inspiration from: <strong><a title="EDGEBOMBER (Homepage)" href="http://edgebomber.com/" target="_blank">EdgeBomber</a>, <a title="Laser Sound test" href="http://blog.califaudio.com/2009/08/laser-sound-test-0.html" target="_blank">Laser Sound test</a>, <a title="Phun - Educational Game" href="http://www.algodoo.com/wiki/Home" target="_blank">Phun</a>, <a title="Crayon Physics Deluxe" href="http://www.crayonphysics.com/" target="_blank">Crayon Physics</a>, <a title="2d sketches become 3d reality" href="http://gamesalfresco.com/2009/10/16/ismar-2009-sketch-and-shape-recognition-preview-from-ben-gurion-university/" target="_blank">2d Sketches becomes 3d Reality</a>, <a title="IloveSketch" href="http://blog.makezine.com/archive/2009/09/ilovesketch-a-gesture-based-3d-sket.html" target="_blank">ILoveSketch,</a> <a title="Protable beamer device interaction" href="http://www.motion-beam.com/" target="_blank">MotionBeam</a>, <a href="http://blog.makezine.com/archive/2009/08/fps-gaming-with-actual-firearms.html" target="_blank">Tangible Fire Controlls</a></strong>.</p>
<p><span id="more-1601"></span>Now talking about the technical stuff. In my experiment I am using the<strong> <a title="Google project blobscanner" href="http://code.google.com/p/blobscanner/" target="_blank">Blobscanner</a></strong> library and the <strong><a title="Box2D + Processing by Daniel Shiffman" href="http://www.shiffman.net/teaching/nature/box2d-processing/" target="_blank">Box2D code of Daniel Shiffman</a></strong>. It is really a small experiment, I just wanted to check out how difficult it is to combine camera data and virtual data. For the first test I am using a easy .jpg file with 3 rectangles. This examples works pretty well. The next map has some diagonal rectangles. The first problems appears. The upper right rectangles are drawn in the wrong direction. This is the reason why the physics simulation fails. At the moment I am using the Surface object of Box2D for drawing more complex objects. For the <strong><a title="Bumpy surface example" href="http://www.shiffman.net/itp/classes/nature/box2d_2010/bumpysurface/">surface</a></strong> object is the direction of drawing very important. You have to draw counter clockwise. So  that the normal vectors does not point inside the object (check <a title="Box2D manual" href="http://www.box2d.org/manual.html" target="_blank">chapter 4.4 Polygon Shapes</a>). Even using a <strong><a title="Understanding custom polygons in box2d" href="http://www.emanueleferonato.com/2008/12/19/understanding-custom-polygons-in-box2d/" target="_blank">polygon object</a></strong> would make more sense instead of using the surface object...</p>
<p>Another issue I have, is the correct recognition of the shapes. This problem is caused by two challenges. First challenge is to order the <a title="Forum post about segmentation" href="https://forum.processing.org/topic/new-blob-detection-and-analysis-image-labelling-and-segmentation-library-for-processing" target="_blank">edge points array</a> correctly. I get only edge points and I don't know is it the right or the left side of the object. My sorting algoritm is not implemented very well. For this reason some of my recognitions fails. But for doing a fast check on simple objects to get an idea, it was enough. However, this <strong><a title="IMPLEMENTATION OF ACO ALGORITHM FOR EDGE DETECTION AND SORTING SALESMAN PROBLEM" href="http://www.ijest.info/docs/IJEST10-02-06-132.pdf" target="_blank">paper</a></strong> about edge detection can solve my problem, or I just have to implement a "find the shortest distance algorithm". If you have some better advices, please leave a comment. Thx! The second challenge is minimizing the size of the edge points array. For this I found a nice article: <strong><a title="Line Generalization in ActionScript" href="http://www.motiondraw.com/blog/?p=50" target="_blank">Line Generalization (Smoothing, Simplifying)</a></strong>. I ported the ActionScript code to processing and it seemed to work. Tough a better approach could be to vectorize the camera data. <a href="http://en.nicoptere.net/" target="_blank">Nicolas Barradeau</a> wrote two nice blog posts about <strong><a href="http://en.nicoptere.net/?p=166" target="_blank">vectorization v0</a></strong> and <strong><a href="http://en.nicoptere.net/?p=191" target="_blank">vectorization v1</a></strong>. His code I defintely have to check out. I guess there are some  hidden solutions for my problems.</p>
<p>So far about my experiment. My code is online on my <a href="http://code.google.com/p/derhess/" target="_blank">google project</a> site or <a href="http://blog.derhess.de/wp-content/uploads/2011/06/processingBlobBox2d.zip">download</a> it. Please consider that my code is far far away from perfect. Big thanks to the great tutorial writers. I shit love the ActionScript community and the processing community <img src='http://blog.derhess.de/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  Knowledge sharing, ahoi!!</p>
<p>No related posts.</p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=1601&amp;md5=2d4c99bc279dd360473e89515b9ca304" title="Flattr" target="_blank"><img src="http://blog.derhess.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.derhess.de/2011/06/27/processing-meets-box2d-and-blob-detection/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=1601&amp;md5=2d4c99bc279dd360473e89515b9ca304" type="text/html" />"
	</item>
		<item>
		<title>Interactive Media Installation: Sound Drawings</title>
		<link>http://blog.derhess.de/2011/02/18/interactive-media-installation-sound-drawings/</link>
		<comments>http://blog.derhess.de/2011/02/18/interactive-media-installation-sound-drawings/#comments</comments>
		<pubDate>Fri, 18 Feb 2011 11:03:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[english]]></category>
		<category><![CDATA[Interaction]]></category>
		<category><![CDATA[My Experiments]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[MaxMSP]]></category>
		<category><![CDATA[studium]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=1515</guid>
		<description><![CDATA[In the end of november I was a part of the Sound &#38; Vision 4 concert for Music and Media Technology at the Anton Bruckner University.The Sound &#38; Vision concert serie allows young musician and audio-visual artists to present their new experimental artworks and installations. &#160; &#160; &#160; &#160; &#160; &#160; &#160; In my installation [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2011/02/17/interaktive-installation-sound-drawings/' rel='bookmark' title='Interaktive Installation: Sound Drawings'>Interaktive Installation: Sound Drawings</a></li>
<li><a href='http://blog.derhess.de/2009/05/12/bewerbungen-fur-einen-master-in-interactive-media/' rel='bookmark' title='Bewerbungen für den Master in Interactive Media'>Bewerbungen für den Master in Interactive Media</a></li>
<li><a href='http://blog.derhess.de/2007/12/21/as3-interactive-webcam-package-12/' rel='bookmark' title='AS3: Interactive Webcam Package 1.2'>AS3: Interactive Webcam Package 1.2</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>In the end of november I was a part of the <strong><a title="Sound &amp; Vision IV Homepage" href="http://avant.mur.at/concerts/SonVis/sonvis4.html" target="_blank">Sound &amp; Vision 4 concert</a></strong> for Music and Media Technology at the Anton Bruckner University.The <a href="http://avant.mur.at/concerts/SonVis/index.html" target="_blank">Sound &amp; Vision concert serie </a>allows young musician and audio-visual artists to present their new experimental artworks and installations.</p>
<div id="attachment_1494" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.derhess.de/wp-content/uploads/2011/02/SoundVisionIV_Plakat.jpg" rel="lightbox[1515]"><img class="size-thumbnail wp-image-1494" title="Poster" src="http://blog.derhess.de/wp-content/uploads/2011/02/SoundVisionIV_Plakat-150x150.jpg" alt="" width="150" height="150" /></a><p class="wp-caption-text">Poster</p></div>
<div id="attachment_1495" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.derhess.de/wp-content/uploads/2011/02/SoundVisionIV_ProgrammI.jpg" rel="lightbox[1515]"><img class="size-thumbnail wp-image-1495" title="Sound &amp; Vision IV programme page 1" src="http://blog.derhess.de/wp-content/uploads/2011/02/SoundVisionIV_ProgrammI-150x150.jpg" alt="" width="150" height="150" /></a><p class="wp-caption-text">Programme #1</p></div>
<div id="attachment_1496" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.derhess.de/wp-content/uploads/2011/02/SoundVisionIV_ProgrammII.jpg" rel="lightbox[1515]"><img class="size-thumbnail wp-image-1496" title="Sound &amp; Vision IV programme page 2" src="http://blog.derhess.de/wp-content/uploads/2011/02/SoundVisionIV_ProgrammII-150x150.jpg" alt="" width="150" height="150" /></a><p class="wp-caption-text">Programme  #2</p></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>In my installation "<strong>Sound Drawings</strong>" the musicians can use their instruments for drawing an abstract painting. The pitch and the volume of their instruments paint the canvas with an harmonious-sensitive-line-based brush (a digital ribbon brush). The installation tries to put the aesthetic experience of music and visual on an equipollent level. Usually , the music defines the visual experience (see the battle between DJs and VJs) or vice versa. The realtime visual feedback gives the musicians an additional channel for improving and influencing their improvised perfomance. The musicians are oriented towards the visual aesthetics of their drawing and their bandmates. New sounds and musical aesthetics can emerge.</p>
<p><span id="more-1515"></span></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="450" height="253" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=19824207&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed type="application/x-shockwave-flash" width="450" height="253" src="http://vimeo.com/moogaloop.swf?clip_id=19824207&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><strong><a href="http://www.facebook.com/#!/profile.php?id=653047323" target="_blank">Emily Stewart</a></strong> (violin) and <strong><a href="http://www.myspace.com/miralukovacs" target="_blank">Mira Lu Kovacs</a></strong> (singer) performed three different parts. These parts were influnced by transforming the coordinate systems of the canvas.</p>
<ol>
<li>Part: <em>Against each other </em>: Volume axis are  reflected | <a href="http://blog.derhess.de/wp-content/uploads/2011/02/konzert_satz01.png" target="_blank" rel="lightbox[1515]">Painting</a> | <a href="http://avant.mur.at/download/JIM/SDraw1_SonVis4_2010.mp3" target="_blank">MP3</a></li>
<li>Satz: <em>Rotation </em>: Volume and Pitch axis are rotated through 90° | <a href="http://blog.derhess.de/wp-content/uploads/2011/02/konzert_satz02.png" target="_blank" rel="lightbox[1515]">Painting</a> | <a href="http://avant.mur.at/download/JIM/SDraw2_SonVis4_2010.mp3" target="_blank">MP3</a></li>
<li>Satz: <em>Together </em>: Both using the same coordinate system | <a href="http://blog.derhess.de/wp-content/uploads/2011/02/konzert_satz03.png" target="_blank" rel="lightbox[1515]">Painting</a> | <a href="http://avant.mur.at/download/JIM/SDraw3_SonVis4_2010.mp3" target="_blank">MP3</a></li>
</ol>
<div id="attachment_1500" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.derhess.de/wp-content/uploads/2011/02/konzert_satz01.png" rel="lightbox[1515]"><img class="size-thumbnail wp-image-1500 " title="Drawing Part No. 1" src="http://blog.derhess.de/wp-content/uploads/2011/02/konzert_satz01-150x150.png" alt="" width="150" height="150" /></a><p class="wp-caption-text">Drawing Part No. 1</p></div>
<div id="attachment_1501" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.derhess.de/wp-content/uploads/2011/02/konzert_satz02.png" rel="lightbox[1515]"><img class="size-thumbnail wp-image-1501 " title="Drawing Part No. 2" src="http://blog.derhess.de/wp-content/uploads/2011/02/konzert_satz02-150x150.png" alt="" width="150" height="150" /></a><p class="wp-caption-text">Drawing Part No. 2</p></div>
<div id="attachment_1502" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.derhess.de/wp-content/uploads/2011/02/konzert_satz03.png" rel="lightbox[1515]"><img class="size-thumbnail wp-image-1502" title="Drawing Part No. 3" src="http://blog.derhess.de/wp-content/uploads/2011/02/konzert_satz03-150x150.png" alt="" width="150" height="150" /></a><p class="wp-caption-text">Drawing Part No. 3</p></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong>Technical implementation</strong><strong>:</strong></p>
<p>The whole software is written in Max/MSP/Jitter. The ribbon brush is strongly based on <a title="Harmony Web application" href="http://mrdoob.com/projects/harmony/" target="_blank">Mr. Doob's Harmony Drawing application</a>. For this installation I ported the original Web JavaScript version to a <a title="Max / MSP blog article about the port" href="http://blog.derhess.de/2010/07/08/mr-doobs-harmony-drawing-app-ported-to-max-msp/" target="_blank">Max MSP working version</a>. After the porting process I extended the application with a multiple brush ability. In the end it was possible to use several brushes at the same time. The sound and pitch tracking is done by the external Max MSP object Fiddler. This object works nice for voices and string instruments. Also the color management uses the data of the Fiddler object in combination with a pre-defined color set.</p>
<p><strong>Equipment:</strong><br />
- Dell Latitude E6400 2,66GHZ Notebook<br />
- M-Audio Fast Track Ultra Soundkarte (2 channels)<br />
- HD Beamer<br />
- <a href="http://cycling74.com/products/maxmspjitter/" target="_blank">Max/MSP 5</a> (Software)<br />
- <a href="http://github.com/mrdoob/harmony" target="_blank">Harmony Open Source Project</a> (JavaScript)<br />
- <a href="http://crca.ucsd.edu/~tapel/software.html" target="_blank">Fiddler Project</a></p>
<p><strong>Acknowledgement:</strong></p>
<p>Big thanks to <strong><a href="http://avant.mur.at/weixler/index.html" target="_blank">Andreas Weixler</a></strong> for the technical support, his great advice to use the Fiddler object for sound analyzing, and of course for getting the invitation for his <a title="Bilder vom Konzert" href="http://www.facebook.com/#!/album.php?aid=2069775&amp;id=1242938966" target="_blank">Sound &amp; Vision</a> concert serie. Furthermore, big thanks to Mira and Emily for their great performance, feedback  and their patience during calibrate the software. The whole work was a real pleasure. Thx!</p>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2011/02/17/interaktive-installation-sound-drawings/' rel='bookmark' title='Interaktive Installation: Sound Drawings'>Interaktive Installation: Sound Drawings</a></li>
<li><a href='http://blog.derhess.de/2009/05/12/bewerbungen-fur-einen-master-in-interactive-media/' rel='bookmark' title='Bewerbungen für den Master in Interactive Media'>Bewerbungen für den Master in Interactive Media</a></li>
<li><a href='http://blog.derhess.de/2007/12/21/as3-interactive-webcam-package-12/' rel='bookmark' title='AS3: Interactive Webcam Package 1.2'>AS3: Interactive Webcam Package 1.2</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=1515&amp;md5=3d3f6cc1b85217c7fc00d41b3f312882" title="Flattr" target="_blank"><img src="http://blog.derhess.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.derhess.de/2011/02/18/interactive-media-installation-sound-drawings/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
<enclosure url="http://avant.mur.at/download/JIM/SDraw1_SonVis4_2010.mp3" length="4070016" type="audio/mpeg" />
<enclosure url="http://avant.mur.at/download/JIM/SDraw2_SonVis4_2010.mp3" length="3365376" type="audio/mpeg" />
<enclosure url="http://avant.mur.at/download/JIM/SDraw3_SonVis4_2010.mp3" length="4560768" type="audio/mpeg" />
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=1515&amp;md5=3d3f6cc1b85217c7fc00d41b3f312882" type="text/html" />"
	</item>
		<item>
		<title>Interaktive Installation: Sound Drawings</title>
		<link>http://blog.derhess.de/2011/02/17/interaktive-installation-sound-drawings/</link>
		<comments>http://blog.derhess.de/2011/02/17/interaktive-installation-sound-drawings/#comments</comments>
		<pubDate>Thu, 17 Feb 2011 12:45:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Interaction]]></category>
		<category><![CDATA[My Experiments]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[MaxMSP]]></category>
		<category><![CDATA[studium]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=1493</guid>
		<description><![CDATA[Ende November nahm ich an dem Sound &#38; Vision 4 Konzert für Musik und Medientechnologie an der Anton Bruckner Universität mit meiner Installation "Sound Drawings" teil. Die Sound &#38; Vision Konzertreihe gibt Musikern und Audio-visuellen Programmieren die Möglichkeit ihre neuen experiementellen Klangwelten und Visualisierungen der Öffentlichkeit zu präsentieren. Bei meiner Installation "Sound Drawings" zeichnen Musiker [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2011/02/18/interactive-media-installation-sound-drawings/' rel='bookmark' title='Interactive Media Installation: Sound Drawings'>Interactive Media Installation: Sound Drawings</a></li>
<li><a href='http://blog.derhess.de/2008/12/08/medien-ist-der-interaktive-film-schon-tot/' rel='bookmark' title='Medien: Ist der interaktive Film schon tot?'>Medien: Ist der interaktive Film schon tot?</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Ende November nahm ich an dem <strong><a title="Sound &amp; Vision IV Homepage" href="http://avant.mur.at/concerts/SonVis/sonvis4.html" target="_blank">Sound &amp; Vision 4 Konzert</a></strong> für Musik und Medientechnologie an der Anton Bruckner Universität mit meiner Installation "Sound Drawings" teil. Die <a href="http://avant.mur.at/concerts/SonVis/index.html" target="_blank">Sound &amp; Vision Konzertreihe</a> gibt Musikern und Audio-visuellen Programmieren die Möglichkeit ihre neuen experiementellen Klangwelten und Visualisierungen der Öffentlichkeit zu präsentieren.</p>
<div id="attachment_1494" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.derhess.de/wp-content/uploads/2011/02/SoundVisionIV_Plakat.jpg" rel="lightbox[1493]"><img class="size-thumbnail wp-image-1494" title="Plakat" src="http://blog.derhess.de/wp-content/uploads/2011/02/SoundVisionIV_Plakat-150x150.jpg" alt="" width="150" height="150" /></a><p class="wp-caption-text">Plakat</p></div>
<div id="attachment_1495" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.derhess.de/wp-content/uploads/2011/02/SoundVisionIV_ProgrammI.jpg" rel="lightbox[1493]"><img class="size-thumbnail wp-image-1495" title="Sound &amp; Vision IV Programm Seite I" src="http://blog.derhess.de/wp-content/uploads/2011/02/SoundVisionIV_ProgrammI-150x150.jpg" alt="" width="150" height="150" /></a><p class="wp-caption-text">Programm Flyer Seite 1</p></div>
<div id="attachment_1496" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.derhess.de/wp-content/uploads/2011/02/SoundVisionIV_ProgrammII.jpg" rel="lightbox[1493]"><img class="size-thumbnail wp-image-1496" title="Sound &amp; Vision IV Programm Seite 2" src="http://blog.derhess.de/wp-content/uploads/2011/02/SoundVisionIV_ProgrammII-150x150.jpg" alt="" width="150" height="150" /></a><p class="wp-caption-text">Programm Flyer Seite 2</p></div>
<p><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>Bei meiner Installation "<strong>Sound Drawings" </strong>zeichnen Musiker mit Hilfe ihrer Instrumente ein abstraktes Farbenbild von harmonisch schwingenden Linien. Die Tonhöhe und die Lautstärke lässt den digitalen Pinsel an verschiedenen Positionen an der Leinwand gleiten. Die Installation versucht die ästhetischen Erfahrungen zwischen musikalischer und visueller Wahrnehmung auf ein gleichberechtigtes Level zuheben. Normalerweise gibt die Musik den Ton für die Visualisierung, oder und umgehkehrt. Durch das visuelle in Echtzeit generierte Feedback entsteht für die Musiker eine neue Improvisationserfahrungen. Diese neue Erfahrung beeinflusst die Interaktion zwischen den Musikern zusätzlich, und verändert somit die musikalische Ästhetik.<span id="more-1493"></span></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="450" height="253" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=19824207&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed type="application/x-shockwave-flash" width="450" height="253" src="http://vimeo.com/moogaloop.swf?clip_id=19824207&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Emily Stewart an der Violine und Mira Lu Kovacs mit ihrer Stimmen improvisierten drei verschiedene Sätze. Diese drei Improvisationen wurden zusätzlich durch die Manipulation des Koordinatensystems beeinflusst.</p>
<ol>
<li>Satz: Gegeneinander: Lautstärken Achsen sind gespiegelt | <a href="http://blog.derhess.de/wp-content/uploads/2011/02/konzert_satz01.png" target="_blank" rel="lightbox[1493]">Bild</a> | <a href="http://avant.mur.at/download/JIM/SDraw1_SonVis4_2010.mp3" target="_blank">MP3</a></li>
<li>Satz: Rotation: Lautstärke und Tonhöhe ist um 90° Grad verdreht | <a href="http://blog.derhess.de/wp-content/uploads/2011/02/konzert_satz02.png" target="_blank" rel="lightbox[1493]">Bild</a> | <a href="http://avant.mur.at/download/JIM/SDraw2_SonVis4_2010.mp3" target="_blank">MP3</a></li>
<li>Satz: Miteinander: Beide benutzen das gleiche Koordinatensystem | <a href="http://blog.derhess.de/wp-content/uploads/2011/02/konzert_satz03.png" target="_blank" rel="lightbox[1493]">Bild</a> | <a href="http://avant.mur.at/download/JIM/SDraw3_SonVis4_2010.mp3" target="_blank">MP3</a></li>
</ol>
<div id="attachment_1500" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.derhess.de/wp-content/uploads/2011/02/konzert_satz01.png" rel="lightbox[1493]"><img class="size-thumbnail wp-image-1500 " title="Bild Satz 1" src="http://blog.derhess.de/wp-content/uploads/2011/02/konzert_satz01-150x150.png" alt="" width="150" height="150" /></a><p class="wp-caption-text">Bild Satz Nr. 1</p></div>
<div id="attachment_1501" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.derhess.de/wp-content/uploads/2011/02/konzert_satz02.png" rel="lightbox[1493]"><img class="size-thumbnail wp-image-1501 " title="Bild Satz 2" src="http://blog.derhess.de/wp-content/uploads/2011/02/konzert_satz02-150x150.png" alt="" width="150" height="150" /></a><p class="wp-caption-text">Bild Satz Nr. 2</p></div>
<div id="attachment_1502" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.derhess.de/wp-content/uploads/2011/02/konzert_satz03.png" rel="lightbox[1493]"><img class="size-thumbnail wp-image-1502" title="Bild Satz 3" src="http://blog.derhess.de/wp-content/uploads/2011/02/konzert_satz03-150x150.png" alt="" width="150" height="150" /></a><p class="wp-caption-text">Bild Satz Nr. 3</p></div>
<p><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><strong>Technische Umsetzung:</strong><br />
Die Umsetzung dieser Installation erfolgte mit Hilfe von Max/MSP und Jitter. Für die technische Umsetzung des Malens und des Ribbon Pinsels wurde sich stark an die <a title="Harmony" href="http://mrdoob.com/projects/harmony/" target="_blank">Harmony Malen Applikation</a> von Mr. Doob orientiert. Diese Applikation wurde eigens für dieses Projekt von der ursprünglichen Web JavaScript Version zu einer <a title="Max / MSP Port Blog article" href="http://blog.derhess.de/2010/07/08/mr-doobs-harmony-drawing-app-ported-to-max-msp/" target="_blank">Max/MSP tauglichen Version </a>portiert. Für die Soundanalyse wurde das externe Fiddler Max/MSP Objekt verwendet. Dieses Objekt kann die Tonhöhe des jeweiligen Instruments und/oder Stimme herausfiltern, und gibt die entsprechende Note zurück.</p>
<p><strong>Ausrüstung:</strong><br />
- Dell Latitude E6400 2,66GHZ Notebook<br />
- M-Audio Fast Track Ultra Soundkarte (2 Kanäle)<br />
- HD Beamer<br />
- <a href="http://cycling74.com/products/maxmspjitter/" target="_blank">Max/MSP 5</a> (Software)<br />
- <a href="http://github.com/mrdoob/harmony" target="_blank">Harmony Open Source Project</a> (JavaScript)<br />
- <a href="http://crca.ucsd.edu/~tapel/software.html" target="_blank">Fiddler Project</a></p>
<p><strong>Danksagung</strong>:<br />
Ich danke <strong><a href="http://avant.mur.at/weixler/index.html" target="_blank">Andreas Weixler</a></strong> sehr für den technischen Support, den Tipp mit dem Fiddler Objekt, und der Möglichkeit auf seiner <a title="Bilder vom Konzert" href="http://www.facebook.com/#!/album.php?aid=2069775&amp;id=1242938966" target="_blank">Sound &amp; Vision</a> Konzertreihe auftreten zu dürfen. Weiterer großer Dank geht an <strong><a href="http://www.myspace.com/miralukovacs" target="_blank">Mira</a></strong> und <strong><a href="http://www.facebook.com/#!/profile.php?id=653047323" target="_blank">Emily</a></strong> für ihr Feedback und natürlich für ihre super Perfomance! Selten so ein freies und ungezwungenes Experementieren gehabt. Danke!</p>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2011/02/18/interactive-media-installation-sound-drawings/' rel='bookmark' title='Interactive Media Installation: Sound Drawings'>Interactive Media Installation: Sound Drawings</a></li>
<li><a href='http://blog.derhess.de/2008/12/08/medien-ist-der-interaktive-film-schon-tot/' rel='bookmark' title='Medien: Ist der interaktive Film schon tot?'>Medien: Ist der interaktive Film schon tot?</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=1493&amp;md5=be7134f06b0a7d600333f7161a4353b3" title="Flattr" target="_blank"><img src="http://blog.derhess.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.derhess.de/2011/02/17/interaktive-installation-sound-drawings/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://avant.mur.at/download/JIM/SDraw1_SonVis4_2010.mp3" length="4070016" type="audio/mpeg" />
<enclosure url="http://avant.mur.at/download/JIM/SDraw2_SonVis4_2010.mp3" length="3365376" type="audio/mpeg" />
<enclosure url="http://avant.mur.at/download/JIM/SDraw3_SonVis4_2010.mp3" length="4560768" type="audio/mpeg" />
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=1493&amp;md5=be7134f06b0a7d600333f7161a4353b3" type="text/html" />"
	</item>
		<item>
		<title>AS3: Interactive Webcam Package 1.2</title>
		<link>http://blog.derhess.de/2007/12/21/as3-interactive-webcam-package-12/</link>
		<comments>http://blog.derhess.de/2007/12/21/as3-interactive-webcam-package-12/#comments</comments>
		<pubDate>Fri, 21 Dec 2007 15:27:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Interaction]]></category>
		<category><![CDATA[My Experiments]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[library]]></category>
		<category><![CDATA[motion detection]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[publications]]></category>
		<category><![CDATA[tracking]]></category>
		<category><![CDATA[webcam]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=321</guid>
		<description><![CDATA[Es ist endlich geschafft und auch noch rechtzeitig zu Weihnachten wurde die Version 1.2 meines Interactive Webcam Packages fertig gestellt. Viel hat sich in der Funktionalität zur Version 1.0 eigentlich nicht getan, ausser dass das Interactive Webcam Package nun komplett auf ActionScript 3 portiert wurde. Aber der damit verbundene erhebliche Perfomancesprung von ActionScript 2 auf [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2007/06/14/as2-interactive-webcam-package/' rel='bookmark' title='AS2: Interactive Webcam Package'>AS2: Interactive Webcam Package</a></li>
<li><a href='http://blog.derhess.de/2006/10/10/webcam-user-interface/' rel='bookmark' title='Webcam User Interface'>Webcam User Interface</a></li>
<li><a href='http://blog.derhess.de/2007/04/16/webcam-lightwriter-version-20/' rel='bookmark' title='Webcam &#8211; Lightwriter Version 2.0'>Webcam &#8211; Lightwriter Version 2.0</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-252" title="iacamlogo_web" src="http://blog.derhess.de/wp-content/uploads/2009/04/iacamlogo_web.jpg" alt="iacamlogo_web" width="128" height="96" /> <img class="alignnone size-full wp-image-322" title="iacamdoku" src="http://blog.derhess.de/wp-content/uploads/2009/04/iacamdoku.jpg" alt="iacamdoku" width="128" height="96" /> <img class="alignnone size-full wp-image-323" title="iacamdoku2" src="http://blog.derhess.de/wp-content/uploads/2009/04/iacamdoku2.jpg" alt="iacamdoku2" width="128" height="96" /></p>
<p>Es ist endlich geschafft und auch noch rechtzeitig zu Weihnachten <img src='http://blog.derhess.de/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  wurde die Version 1.2 meines Interactive Webcam Packages fertig gestellt. Viel hat sich in der Funktionalität zur Version 1.0 eigentlich nicht getan, ausser dass das Interactive Webcam Package nun komplett auf ActionScript 3 portiert wurde.<br />
Aber der damit verbundene erhebliche Perfomancesprung von ActionScript 2 auf ActionScript 3 und die neuen Open-Source Projekte (wie z.B. <a class="checkLink" href="http://blog.papervision3d.org/" target="_blank">Papervision 3D</a>) ermöglichen einige neue interessante Anwendungsfelder für das Interactive Webcam Package. Als kleinen Vorgeschmack und für eine bessere Vorstellung wie solch eine Kombination aussehen könnte, habe ich für euch zwei Videos meiner neuen Webcam Experimente mit hochgeladen, die in Kombination mit der Papervision3D Engine entstanden sind.</p>
<p><object width="400" height="300" data="http://vimeo.com/moogaloop.swf?clip_id=4557788&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=4557788&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /></object></p>
<p><object width="400" height="300" data="http://vimeo.com/moogaloop.swf?clip_id=4557827&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=4557827&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /></object></p>
<p>Der Sourcecode dieser Experimente liegt in dem <a class="checkLink" href="http://blog.derhess.de/wp-content/uploads/2009/05/interactivewebcam.zip" target="_blank">zip-File des Interactive Webcam Packages</a> bei, so dass jeder damit ein wenig rumspielen kann. An dieser Stelle möchte ich mich noch bei den Entwickler der <a class="checkLink" href="http://blog.papervision3d.org/" target="_blank">Papervision3D Engine</a>,<a class="checkLink" href="http://www.rockonflash.com/blog/" target="_blank">John Grden</a> für das XFighter Modell und <a class="checkLink" href="http://blog.jensfranke.com/" target="_blank">Jens Franke</a> für seinen <a class="checkLink" href="http://blog.jensfranke.com/2007/10/01/papervision3d-vortrag/" target="_blank">Papervision3D Vortrag</a> und seine Utility Klassen bedanken. Ohne diese hilfreichen Tools hätte ich diese zwei kleinen Experimente auf jeden Fall nicht so schnell realisieren können.</p>
<p>Nochmal kurz zum Aufbau und zur Struktur des neuen Interactive Webcam Packages. Da sich bekanntlich die Flash API Struktur von ActionScript 2 auf ActionScript 3 schon gut verändert hat, musste ich auch ein bissl an der Struktur des Interactive Webcam Packages rumschrauben. Da die Klassen aber nicht so mega umfangreich sind, hat sich eigentlich nur das Eventhandling nennenswert verändert. So dass jetzt alle Events mit der bekannten ActionScript 3 <a class="checkLink" href="http://livedocs.adobe.com/flash/9.0_de/ActionScriptLangRefV3/flash/events/EventDispatcher.html#addEventListener()" target="_blank">addEventListener() Funktion</a> abgefangen und bearbeitet werden müssen. Aber über solch eine Änderung lacht ja ein eingefleischter AS3 Coder <img src='http://blog.derhess.de/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> . Für alle anderen offenen Punkten soll die beigelegte <a class="checkLink" href="http://blog.derhess.de/wp-content/uploads/2009/05/interactivewebcam.zip" target="_blank">Dokumentation des Interactive Webcam Packages</a> für Klärung sorgen. Dabei orientiert sich die Dokumentation an der etablierten Flash Hilfe. Aus diesem Grund sind alle möglichen Klassenmethoden und Attribute erklärt und mit Beispielcodes versehen. Sollte es dennoch Fragen oder Probleme geben, scheut euch nicht mich anzuschreiben oder hier zu posten. Ich werde dann mein Bestes geben.</p>
<p>Nun aber genug von mir, wünsch euch allen frohe Weihnachten und viel Spass beim Flashen im neuen Jahr!</p>
<p><script type="text/javascript">// <![CDATA[
   google_ad_client = "pub-2874371819292006"; /* Mittlerer Banner, 468x60, Erstellt 22.07.09 */ google_ad_slot = "6664183687"; google_ad_width = 468; google_ad_height = 60;
// ]]&gt;</script><br />
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></p>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2007/06/14/as2-interactive-webcam-package/' rel='bookmark' title='AS2: Interactive Webcam Package'>AS2: Interactive Webcam Package</a></li>
<li><a href='http://blog.derhess.de/2006/10/10/webcam-user-interface/' rel='bookmark' title='Webcam User Interface'>Webcam User Interface</a></li>
<li><a href='http://blog.derhess.de/2007/04/16/webcam-lightwriter-version-20/' rel='bookmark' title='Webcam &#8211; Lightwriter Version 2.0'>Webcam &#8211; Lightwriter Version 2.0</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=321&amp;md5=0e838e451e879083b9a4d2855c1640a7" title="Flattr" target="_blank"><img src="http://blog.derhess.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.derhess.de/2007/12/21/as3-interactive-webcam-package-12/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=321&amp;md5=0e838e451e879083b9a4d2855c1640a7" type="text/html" />"
	</item>
		<item>
		<title>Arbeiten vom Frühling und Sommer 2007</title>
		<link>http://blog.derhess.de/2007/10/18/arbeiten-vom-fruhling-und-sommer-2007/</link>
		<comments>http://blog.derhess.de/2007/10/18/arbeiten-vom-fruhling-und-sommer-2007/#comments</comments>
		<pubDate>Thu, 18 Oct 2007 15:08:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[My Experiments]]></category>
		<category><![CDATA[fotografie]]></category>
		<category><![CDATA[publications]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=305</guid>
		<description><![CDATA[In letzter Zeit haben sich mal wieder ein paar Fotos, Grafik Entwürfe und Videos bei mir angesammelt. Die besten Ergebnisse daraus sind in meinem Demobereich zu sehen. So sind zum Beispiel in der Rubrik Fotografie einige Bilder von meinem Zürich Trip mit Chrissi und meiner Fototour durch Wiesbaden neu hinzu gekommen. Im Grafikbereich ist nun [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2006/12/08/kaufempfehlung-page-ausgabe-01-2007/' rel='bookmark' title='Kaufempfehlung PAGE Ausgabe 01.2007'>Kaufempfehlung PAGE Ausgabe 01.2007</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-306" title="imperium" src="http://blog.derhess.de/wp-content/uploads/2009/04/imperium.jpg" alt="imperium" width="128" height="96" /> <img class="alignnone size-full wp-image-252" title="iacamlogo_web" src="http://blog.derhess.de/wp-content/uploads/2009/04/iacamlogo_web.jpg" alt="iacamlogo_web" width="128" height="96" /> <img class="alignnone size-full wp-image-307" title="grafschnecken" src="http://blog.derhess.de/wp-content/uploads/2009/04/grafschnecken.jpg" alt="grafschnecken" width="128" height="96" /></p>
<p>In letzter Zeit haben sich mal wieder ein paar Fotos, Grafik Entwürfe und Videos bei mir angesammelt. Die besten Ergebnisse daraus sind in meinem <a class="checkLink" href="demo.php" target="_blank">Demobereich</a> zu sehen. So sind zum Beispiel in der Rubrik Fotografie einige Bilder von meinem Zürich Trip mit Chrissi und meiner Fototour durch Wiesbaden neu hinzu gekommen.</p>
<p>Im Grafikbereich ist nun auch das Logo meines <a class="checkLink" href="http://blog.derhess.de/2007/06/14/as2-interactive-webcam-package/" target="_blank">Interactive Webcam Package</a> zu sehen, welches in Kürze in einer ActionScript 3 Version erscheinen wird - bin momentan noch am Doku schreiben - und zu guter Letzt habe ich noch als Set und Kamera-Assi bei Peter Volk für das Black Metal Musikvideo von <a class="checkLink" href="http://www.imperium-dekadenz.de/index3.html" target="_blank">Imperium Dekadenz</a> mitgeholfen. Schaut mal rein, das rockt! <img src='http://blog.derhess.de/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p><strong>-- UPDATE 26.11.2007 --</strong><br />
Ganz vergessen meine Thesis zu erwähnen, die mich doch sehr beschäftigt hat. Es ging um Preisgestaltung online-basierter Produkte. Wer mehr daräber erfahren möchte, sollte sich <a class="checkLink" href="http://blog.derhess.de/2007/09/01/preisgestaltung-online-basierter-produkte/" target="_blank">mein Blogeintrag</a> dazu ansehen.</p>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2006/12/08/kaufempfehlung-page-ausgabe-01-2007/' rel='bookmark' title='Kaufempfehlung PAGE Ausgabe 01.2007'>Kaufempfehlung PAGE Ausgabe 01.2007</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=305&amp;md5=6500472d6b655383f0f6d58f169830b8" title="Flattr" target="_blank"><img src="http://blog.derhess.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.derhess.de/2007/10/18/arbeiten-vom-fruhling-und-sommer-2007/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=305&amp;md5=6500472d6b655383f0f6d58f169830b8" type="text/html" />"
	</item>
		<item>
		<title>Preisgestaltung online-basierter Produkte</title>
		<link>http://blog.derhess.de/2007/09/01/preisgestaltung-online-basierter-produkte/</link>
		<comments>http://blog.derhess.de/2007/09/01/preisgestaltung-online-basierter-produkte/#comments</comments>
		<pubDate>Sat, 01 Sep 2007 14:12:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[My Experiments]]></category>
		<category><![CDATA[distribution]]></category>
		<category><![CDATA[dokumentation]]></category>
		<category><![CDATA[publications]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=274</guid>
		<description><![CDATA[Der Grund für die einmonatige Absenz ist die Beendigung meiner Bachelor-Thesis. Viel Schweiss und viele Stunden Arbeit stecken in dieser 6monatigen Arbeit über das sehr marketinglastige Thema: Preisgestaltung von online-basierten Produkten. Anbei ein kleiner Abstract zur Einführung: Die Verbreitung von Breitbandanschlüsse nimmt in unserer heutigen Gesellschaft immer stärker zu und ermöglicht somit das Anbieten von [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2007/09/11/online-werben-aber-bitte-wo/' rel='bookmark' title='Online werben &#8211; aber bitte wo???'>Online werben &#8211; aber bitte wo???</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-275" title="klassenobprod" src="http://blog.derhess.de/wp-content/uploads/2009/04/klassenobprod.jpg" alt="klassenobprod" width="128" height="96" /><img class="alignnone size-full wp-image-276" title="marktgleich" src="http://blog.derhess.de/wp-content/uploads/2009/04/marktgleich.jpg" alt="marktgleich" width="128" height="96" /><img class="alignnone size-full wp-image-277" title="vererloes" src="http://blog.derhess.de/wp-content/uploads/2009/04/vererloes.jpg" alt="vererloes" width="128" height="96" /></p>
<p>Der Grund für die einmonatige Absenz ist die Beendigung meiner <a class="checkLink" href="http://im.dm.hs-furtwangen.de/index.php?id=118,0,0,1,0,0" target="_blank">Bachelor-Thesis</a>. Viel Schweiss und viele Stunden Arbeit stecken in dieser <a class="checkLink" href="http://blog.derhess.de/wp-content/uploads/2009/05/thesis_forianweil_preisgestaltung.pdf" target="_blank">6monatigen Arbeit</a> über das sehr marketinglastige Thema: <strong>Preisgestaltung von online-basierten Produkten</strong>. Anbei ein kleiner Abstract zur Einführung:</p>
<p><span style="font-style:italic">Die Verbreitung von Breitbandanschlüsse nimmt in unserer heutigen Gesellschaft immer stärker zu und ermöglicht somit das Anbieten von leistungsstarken Online-Diensten und Online-Produkten, wie es vor 5 Jahren noch nicht möglich war. Durch diese Leistungs- und Qualitätssteigerung bei den online-basierten Produkten, erfolgt eine immer stärker werdende Integrität dieser Produkte in unseren Alltag. So verlieren zum Beispiel Videotheken ihre Kunden an die Video-on-Demand Portalen und der Verkauf von Musik findet immer stärker über die Musikportale im Internet statt.</span></p>
<p><span style="font-style:italic">Die Situation diese Online-Dienste nicht nur mit Werbeinhalten finanzieren zu können und die steigende Zahlungsbereitschaft im Internet, wirkt sich sehr positiv auf die Bedeutung der Preisgestaltung von online-basierten Produkten aus. Preismanager und die Anbieter von online-basierten Produkten müssen daher sehr gute Preismodelle entwickeln um ihre Produkte für den Kunden schmackhaft zu machen.</span></p>
<p><span style="font-style:italic">Wie man bei dieser Preisgestaltung von online-basierten Produkten vorgehen sollte, und wie sie momentan von den Anbietern online-basierter Produkte in Deutschland umgesetzt wird, ist der Schwerpunkt dieser Arbeit. In dieser Arbeit wird unter anderem überprüft welche Erlösformen und welche Preisdifferenzierung auf online-basierte Produkte angewandt werden, und ob die verwendeten Preismodelle bei online-basierten Produkten Gemeinsamkeiten aufzeigen.</span></p>
<p>Im Rahmen dieser wissenschaftlichen Arbeit möchte ich mich noch bei Christine Roth (Marketing), Sebastian Wolf (BWL), Christian Spiegel (Latex) und meinen betreuenden <a class="checkLink" href="http://im.dm.hs-furtwangen.de/index.php?de_team_maass" target="_blank">Professor Dr. Wolfgang Maass</a> für die Unterstützung bedanken. Vielen vielen Dank!</p>
<p><a class="checkLink" href="http://blog.derhess.de/wp-content/uploads/2009/05/thesis_forianweil_preisgestaltung.pdf" target="_blank">Meine Bachelor-Thesis Download</a></p>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2007/09/11/online-werben-aber-bitte-wo/' rel='bookmark' title='Online werben &#8211; aber bitte wo???'>Online werben &#8211; aber bitte wo???</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=274&amp;md5=1994458ce0d30886277f13f6b040ad27" title="Flattr" target="_blank"><img src="http://blog.derhess.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.derhess.de/2007/09/01/preisgestaltung-online-basierter-produkte/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=274&amp;md5=1994458ce0d30886277f13f6b040ad27" type="text/html" />"
	</item>
		<item>
		<title>AS2: Interactive Webcam Package</title>
		<link>http://blog.derhess.de/2007/06/14/as2-interactive-webcam-package/</link>
		<comments>http://blog.derhess.de/2007/06/14/as2-interactive-webcam-package/#comments</comments>
		<pubDate>Thu, 14 Jun 2007 13:47:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Gedanken]]></category>
		<category><![CDATA[Interaction]]></category>
		<category><![CDATA[My Experiments]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Technologie]]></category>
		<category><![CDATA[as2]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[library]]></category>
		<category><![CDATA[motion detection]]></category>
		<category><![CDATA[tracking]]></category>
		<category><![CDATA[webcam]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=251</guid>
		<description><![CDATA[Seit einiger Zeit spiele ich schon mit bildbasierter Interaktion rum (wie man es im meinen Experimenten Bereich gut sehen kann:-). Leider liesen sich die bisherigen Klassen nicht so einfach ohne Änderung für andere Experimente verwenden. Aus diesem Grund habe ich mich jetzt nochmal hingesetzt und die Klassen richtig aufgeräumt bzw. auch zum Teil verbessert. Das [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2007/12/21/as3-interactive-webcam-package-12/' rel='bookmark' title='AS3: Interactive Webcam Package 1.2'>AS3: Interactive Webcam Package 1.2</a></li>
<li><a href='http://blog.derhess.de/2006/10/10/webcam-user-interface/' rel='bookmark' title='Webcam User Interface'>Webcam User Interface</a></li>
<li><a href='http://blog.derhess.de/2007/01/30/webcam-lightwriter-version-10/' rel='bookmark' title='Webcam &#8211; Lightwriter Version 1.0'>Webcam &#8211; Lightwriter Version 1.0</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-252" title="iacamlogo_web" src="http://blog.derhess.de/wp-content/uploads/2009/04/iacamlogo_web.jpg" alt="iacamlogo_web" width="128" height="96" /> <img class="alignnone size-full wp-image-220" title="singlelighttrack" src="http://blog.derhess.de/wp-content/uploads/2009/04/singlelighttrack.jpg" alt="singlelighttrack" width="128" height="96" /> <img class="alignnone size-full wp-image-76" title="handon" src="http://blog.derhess.de/wp-content/uploads/2009/04/handon.jpg" alt="handon" width="128" height="96" /></p>
<p>Seit einiger Zeit spiele ich schon mit bildbasierter Interaktion rum (wie man es im meinen <a class="checkLink" href="http://blog.derhess.de/tag/webcam/" target="_blank">Experimenten Bereich</a> gut sehen kann:-). Leider liesen sich die bisherigen Klassen nicht so einfach ohne Änderung für andere Experimente verwenden. Aus diesem Grund habe ich mich jetzt nochmal hingesetzt und die Klassen richtig aufgeräumt bzw. auch zum Teil verbessert.</p>
<p>Das <a class="checkLink" href="http://blog.derhess.de/2007/04/16/webcam-lightwriter-version-20/" target="_blank">Lichter Tracking</a> arbeitet endlich auflösungsunabhängig (funzt somit auch in 640x480px) und wirft schön Events, die ihr mit einem einfachen <a class="checkLink" href="http://livedocs.adobe.com/flash/8/main/wwhelp/wwhimpl/common/html/wwhelp.htm?href=00001376.html" target="_blank">Listener Objekt</a> abrufen könnt.<br />
Die <a class="checkLink" href="http://blog.derhess.de/2006/10/10/webcam-user-interface/" target="_blank">CamButton Klasse</a> wurde komplett überarbeitet. Es gibt jetzt eine <strong>CamButtonManager Klasse</strong> mit der man dann die <strong>Cam Buttons</strong> erzeugt, ganz nach dem Prinzip des <a class="checkLink" href="http://de.wikipedia.org/wiki/Factory-Pattern" target="_blank">Factory Pattern</a>. Die <strong>CamButtonManager</strong> Klasse überprüft desweiteren ob der Button aktiv ist oder nicht und führt dementsprechend das Ereignis aus. Was mir aber am besten gefällt ist, dass jetzt in zwei verschiedenen Modi gearbeitet werden kann. Einmal der bisher bekannte Modus mit dem <a class="checkLink" href="weblog_detail.php?id=8" target="_blank">Differenzkey</a> (wo man vorher ein Snapshotbild ohne User erstellen musste) und jetzt gibt es neuerdings noch dazu den Modus <a class="checkLink" href="http://www.adobe.com/devnet/flash/articles/webcam_motion.html" target="_blank">Motion Detection</a>, der ganz nach dem <a class="checkLink" href="http://www.adobe.com/devnet/flash/articles/webcam_motion.html" target="_blank">Prinzip von Guy Watson</a> arbeitet. Nur dass man bei meiner Version die Menge der Frameüberlagerungen zur Laufzeit einstellen kann. ;-p</p>
<p>Das wars auch schon im Groben an Neuerungen. Ich hoffe mit den Klassen kann jetzt jeder ein bissl schneller mit bildbasierter Interaktion herumspielen. Die Klassen könnt ihr euch mit <strong>Codebeispielen</strong> und einer <strong>ausführlichen Dokumentation</strong> hier runterladen:</p>
<p>Download: <a class="checkLink" href="http://blog.derhess.de/wp-content/uploads/2009/05/interactivewebcam.zip" target="_blank">Interactive Webcam Package</a> mit Klassendoku und Beispiel Codes</p>
<p>Ich würde mich sehr über euer Feedback freuen!</p>
<p><strong>-- UPDATE 22.12.2007 --</strong><br />
Es gibt ein neues Update des Interactive Webcam Packages für ActionScript 3. Mehr Infos <a class="checkLink" href="http://blog.derhess.de/2007/12/21/as3-interactive-webcam-package-12/" target="_blank">hier</a>.</p>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2007/12/21/as3-interactive-webcam-package-12/' rel='bookmark' title='AS3: Interactive Webcam Package 1.2'>AS3: Interactive Webcam Package 1.2</a></li>
<li><a href='http://blog.derhess.de/2006/10/10/webcam-user-interface/' rel='bookmark' title='Webcam User Interface'>Webcam User Interface</a></li>
<li><a href='http://blog.derhess.de/2007/01/30/webcam-lightwriter-version-10/' rel='bookmark' title='Webcam &#8211; Lightwriter Version 1.0'>Webcam &#8211; Lightwriter Version 1.0</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=251&amp;md5=23d489c026562f601df02e67faa3a012" title="Flattr" target="_blank"><img src="http://blog.derhess.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.derhess.de/2007/06/14/as2-interactive-webcam-package/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=251&amp;md5=23d489c026562f601df02e67faa3a012" type="text/html" />"
	</item>
		<item>
		<title>AudioVisuelles Jump and Run Game</title>
		<link>http://blog.derhess.de/2007/04/27/audiovisuelles-jump-and-run-game/</link>
		<comments>http://blog.derhess.de/2007/04/27/audiovisuelles-jump-and-run-game/#comments</comments>
		<pubDate>Fri, 27 Apr 2007 13:15:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Games]]></category>
		<category><![CDATA[My Experiments]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[tracking]]></category>
		<category><![CDATA[webcam]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=234</guid>
		<description><![CDATA[Eigentlich ist ja jedes 0/8/15 Jump and Run Game mit seinen Spielesounds, Musik und der visuellen Darstellung audiovisuell. In meinem Spiele Experiment habe ich dagegen versucht die audiovisuellen Kanäle mit in die Interaktion einzubinden. Die Interaktion des Spiels basiert auf 3 Ebenen: Die tradionelle haptische Eingabe über die die Tastatur (Linke und Rechte Preiltasten) - [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2007/06/14/as2-interactive-webcam-package/' rel='bookmark' title='AS2: Interactive Webcam Package'>AS2: Interactive Webcam Package</a></li>
<li><a href='http://blog.derhess.de/2007/02/01/flash-game-programmierung/' rel='bookmark' title='Flash Game Programmierung'>Flash Game Programmierung</a></li>
<li><a href='http://blog.derhess.de/2009/09/04/flash-game-frameworks-classes-and-libraries/' rel='bookmark' title='Flash Game Frameworks, Classes and Libraries'>Flash Game Frameworks, Classes and Libraries</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-235" title="avgame" src="http://blog.derhess.de/wp-content/uploads/2009/04/avgame.jpg" alt="avgame" width="128" height="96" /> <img class="alignnone size-full wp-image-236" title="avplanung" src="http://blog.derhess.de/wp-content/uploads/2009/04/avplanung.jpg" alt="avplanung" width="128" height="96" /> <img class="alignnone size-full wp-image-237" title="avconfig" src="http://blog.derhess.de/wp-content/uploads/2009/04/avconfig.jpg" alt="avconfig" width="128" height="96" /></p>
<p>Eigentlich ist ja jedes 0/8/15 Jump and Run Game mit seinen Spielesounds, Musik und der visuellen Darstellung audiovisuell. In meinem Spiele Experiment habe ich dagegen versucht die audiovisuellen Kanäle mit in die Interaktion einzubinden. Die Interaktion des Spiels basiert auf 3 Ebenen:</p>
<ul>
<li>Die tradionelle <strong>haptische Eingabe</strong> über die die Tastatur (Linke und Rechte Preiltasten) - für das Vor- und Zurücklaufen der Hauptfigur.</li>
<li>Mithilfe der <strong>audiobasierten Interaktion</strong> (lautes Rufen in das Mikro) kann man die Hauptfigur springen lassen.</li>
<li>Die <strong>visuelle Interaktion</strong> wird mit Hilfe der Webcam und einer Lichtquelle umgesetzt. Die Position der Lichtquelle wird getrackt und steuert einen visuellen Schläger im Spiel an. Mithilfe des Schlägers kann man einen Ball so ablenken, dass der Ball einen Gegner treffen kann und diesen dann zerstört.</li>
</ul>
<p>Hauptziel in meinem Spiel war es zu schauen wie das Game Play bzw. das Gefühl beim Spielen ist. Ob man vielleicht mit den gleichzeitigen Einsatz der verschiedenen Interaktionsebenen überfordert ist. Ich selber habe ein bissl gebraucht bis ich mich an die Steuerung gewöhnt hatte. Ich muss aber auch zugeben, dass ich überhaupt kein aktiver PC-Gamer bin und mich daher sowieso in solchen Sachen ein bissl schwer tue. Damit Ihr einen besseren Eindruck von dem Spiel bekommen könnt, habe ich ein <a class="checkLink" href="http://vimeo.com/4557915" target="_blank">Beispielvideo</a> mit in das Experiment eingebunden. Dort gibts auch eine genauere Erklärung zur Bedienung des Games, sowie eine <a class="checkLink" href="http://blog.derhess.de/wp-content/uploads/2009/05/avjumprun.zip" target="_blank">spielbare Version</a>. Schaut mal rein und habt Spass. <img src='http://blog.derhess.de/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' />  Ich freu mich über jedes Feedback!</p>
<p>Nun aber zur <strong>technischen Umsetzung</strong>:<br />
Der Aufbau und die Logik des Jump and Run Games basiert zum grössten Teil auf das <a class="checkLink" href="http://www.tonypa.pri.ee/tbw/index.html" target="_blank">Tile Based Game Tutorial</a> von <a class="checkLink" href="http://www.tonypa.pri.ee/" target="_blank">Tonypa</a>. (Vielen Dank an dieser Stelle f&amp;umlr dieses geniale Tutorial).<br />
Da ich in Sachen <a class="checkLink" href="http://de.wikipedia.org/wiki/Pixelgrafik" target="_blank">Pixelgrafik</a> nicht gerade gut bewandert bin, habe ich mich den Sprite Grafiken des Spielklassikers <a class="checkLink" href="http://de.wikipedia.org/wiki/Super_Mario" target="_blank">Super Mario</a> bedient.<br />
Für die Lautstärkenmessung benutzte ich die Standard <a class="checkLink" href="http://livedocs.adobe.com/flash/8/main/wwhelp/wwhimpl/common/html/wwhelp.htm?href=00002409.html" target="_blank">Mikrofon-Klasse</a> von Flash. Diese Klasse lieferte mir immer einen Lautstärkenwert zwischen 0 und 100 zurück. Ab einer Lautstärke von 30 fängt der Charakter an zu springen.<br />
Die Steuerung des Schläger erfolgt mittels eines Lichttrackings, das aus meinen <a class="checkLink" href="experimente.php?id=3" target="_blank">Webcam Lightwriter Version 2 Experiment</a> stammt. Das Verfahren habe ich in einem <a class="checkLink" href="http://blog.derhess.de/2007/04/16/webcam-lightwriter-version-20/" target="_blank">älteren Blogeintrag</a> schon näher erläutert, deswegen gibt es hierzu keine näheren Infos.<br />
Perfomancemässig läuft das Spiel auf meinem 4 Jahren alten Laptop (2,4 GHZ Athlon, 512 MB Arbeitsspeicher) gerade so flüssig. Daher gehe ich davon aus, dass das Spiel leider für ältere bzw. schwächere PCs nicht zu empfehlen ist. Ideen zur Programmiercode Optimierung fallen mir momentan leider keine Guten ein.</p>
<p><strong>Technische Anforderung</strong>:</p>
<ul>
<li>- Flash Player 8 (ActionScript 2)</li>
<li>- Headset oder Mikrofon</li>
<li>- Webcam</li>
<li>- Lichtquelle (Taschenlampe oder Feuerzeug)</li>
<li>- PC mit ca. 2,4 GHz und 512 MB Arbeitsspeicher oder höher</li>
</ul>
<p>Stärker Interessierte können sich gern den <a class="checkLink" href="http://blog.derhess.de/wp-content/uploads/2009/05/avjumprun.zip" target="_blank">Sourcecode des Spieles</a> runterladen. Aber seit vorab gewahnt. Der Code ist nicht gerade gut zulesen, da er kaum objektorieniert ist (Zum Teil auf Flash 5 besteht) und ich einige Bugs ein bissl dreckig korrigiert habe...</p>
<p><a href="http://blog.derhess.de/wp-content/uploads/2009/05/avjumprun.zip">Download Sourcecode zum Game</a></p>
<p><object width="400" height="300" data="http://vimeo.com/moogaloop.swf?clip_id=4557915&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=4557915&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /></object></p>
<p><strong>-- UPDATE 22.05.2007 --</strong><br />
<a class="checkLink" href="http://www.scheinwohnsitz.de/" target="_blank">Stefan Gerbeth</a> (ein Studienkollege) hat ein einen interessanten Link zu meinen Game gepostet. Das <a class="checkLink" href="http://www.youtube.com/watch?v=y6izXII54Qc" target="_blank">Interactive Cinema Game</a>! <img src='http://blog.derhess.de/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' />  Lustiges Spiel!</p>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2007/06/14/as2-interactive-webcam-package/' rel='bookmark' title='AS2: Interactive Webcam Package'>AS2: Interactive Webcam Package</a></li>
<li><a href='http://blog.derhess.de/2007/02/01/flash-game-programmierung/' rel='bookmark' title='Flash Game Programmierung'>Flash Game Programmierung</a></li>
<li><a href='http://blog.derhess.de/2009/09/04/flash-game-frameworks-classes-and-libraries/' rel='bookmark' title='Flash Game Frameworks, Classes and Libraries'>Flash Game Frameworks, Classes and Libraries</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=234&amp;md5=5d9d5677c7bec4632e4c1d4ae1e71d87" title="Flattr" target="_blank"><img src="http://blog.derhess.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.derhess.de/2007/04/27/audiovisuelles-jump-and-run-game/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=234&amp;md5=5d9d5677c7bec4632e4c1d4ae1e71d87" type="text/html" />"
	</item>
		<item>
		<title>Webcam &#8211; Lightwriter Version 2.0</title>
		<link>http://blog.derhess.de/2007/04/16/webcam-lightwriter-version-20/</link>
		<comments>http://blog.derhess.de/2007/04/16/webcam-lightwriter-version-20/#comments</comments>
		<pubDate>Mon, 16 Apr 2007 13:00:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Interaction]]></category>
		<category><![CDATA[My Experiments]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[tracking]]></category>
		<category><![CDATA[webcam]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=219</guid>
		<description><![CDATA[Nachdem mein Webcam Lightwriter Version 1.0 leider nicht bei allen Webcams so gut funktioniert hat (wegen Helligkeitsproblem), habe ich ein komplettes neue Trackingverfahren geschrieben. Ich arbeite jetzt nicht mehr mit der Funktion Bitmap.getColorBoundsRect(), sondern analysiere fast jedes Pixel des Webcambildes. Bei der ersten Version hatte ich massive Perfomance-Probleme bei der Helligkeitsüberprüfung. Die konnte ich dank [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2007/01/30/webcam-lightwriter-version-10/' rel='bookmark' title='Webcam &#8211; Lightwriter Version 1.0'>Webcam &#8211; Lightwriter Version 1.0</a></li>
<li><a href='http://blog.derhess.de/2007/12/21/as3-interactive-webcam-package-12/' rel='bookmark' title='AS3: Interactive Webcam Package 1.2'>AS3: Interactive Webcam Package 1.2</a></li>
<li><a href='http://blog.derhess.de/2006/10/10/webcam-user-interface/' rel='bookmark' title='Webcam User Interface'>Webcam User Interface</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-220" title="singlelighttrack" src="http://blog.derhess.de/wp-content/uploads/2009/04/singlelighttrack.jpg" alt="singlelighttrack" width="128" height="96" /> <img class="alignnone size-full wp-image-221" title="twolighttrack" src="http://blog.derhess.de/wp-content/uploads/2009/04/twolighttrack.jpg" alt="twolighttrack" width="128" height="96" /> <img class="alignnone size-full wp-image-222" title="light2config" src="http://blog.derhess.de/wp-content/uploads/2009/04/light2config.gif" alt="light2config" width="128" height="96" /></p>
<p>Nachdem mein <a class="checkLink" href="http://blog.derhess.de/2007/01/30/webcam-lightwriter-version-10/" target="_blank">Webcam Lightwriter Version 1.0</a> leider nicht bei allen Webcams so gut funktioniert hat (wegen Helligkeitsproblem), habe ich ein komplettes neue Trackingverfahren geschrieben. Ich arbeite jetzt nicht mehr mit der Funktion <a class="checkLink" href="http://livedocs.macromedia.com/flash/8/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&amp;file=00001954.html" target="_blank">Bitmap.getColorBoundsRect()</a>, sondern analysiere fast jedes Pixel des Webcambildes. Bei der ersten Version hatte ich massive Perfomance-Probleme bei der Helligkeitsüberprüfung. Die konnte ich dank eines Tipps meines WG-Kollegen <a class="checkLink" href="http://www.mediensurfer.de/" target="_blank">Matze</a> ziemlich einfach lösen. Ich sollte einfach das Webcam Bild in ein Schwarz/Weiss Bild umwandeln. Mit Hilfe des <a class="checkLink" href="http://www.pearson.ch/download/media/9783827323408_SP.pdf" target="_blank">colorMatrixFilter von Matthias Kannengiesser</a> wandelte ich das Webcambild um und hatte somit eine Art <a class="checkLink" href="http://de.wikipedia.org/wiki/Graustufen" target="_blank">Graustufenbild</a> (Helligkeitsbild). Dieses Graustufenbild wandelte ich wiederum mit Hilfe der <a class="checkLink" href="http://livedocs.adobe.com/flash/8/main/wwhelp/wwhimpl/common/html/wwhelp.htm?href=00001969.html" target="_blank">Bitmap.threshold()</a> Methode und einen variablen Schwellenwert in ein <a class="checkLink" href="http://de.wikipedia.org/wiki/Bin%C3%A4rbild" target="_blank">Binärbild</a> um. So waren die hellen Punkte (Lichter) weiss und der Rest schwarz. Damit die Perfomance noch im Rahmen bleibt, skalierte ich das Bitmap auf 80x60 Pixel herunter. Diese Auflösung reichte in meinen Tests für ein erfolgreiches Tracking aus.</p>
<p>Nachdem ich das Bild jetzt endlich fertig bearbeitet hatte, ging es an das eigentlich Tracking. Ich suchte im Bild nach einem weissen Pixel, der noch zusätzliche weisse Pixel als Nachbarn hat (mind. 3 bis 4). Ist diese Bedingung erfüllt, ging ich davon aus, dass es sich an dieser Stelle um ein Licht handeln müsse. Um die Grösse des Lichtes zu ermitteln, überprüfte ich die immer aufeinander folgenden horizontalen Nachbarn nach der obigen (weissen Nachbar) Bedingung. Wenn diese Bedingung nicht mehr erfüllt ist, ging ich davon aus, dass ich die Breite des Lichtes grob ermittelt hatte. Nun musste ich die Höhe des Lichtes ermitteln. Die Höhe ermittelte ich genauso wie die Breite des Lichtes nur das ich die vertikal aufeinander folgenden Pixel überprüfte. Dieses gesamte Verfahren lieferte mir schon eine zufriedenstellende Information über die Position des Lichtes, aber nicht über die ungefähre Grösse. Denn bei der Breite war dieses Verfahren noch nicht stabil genug. Dieses Problem konnte ich aber mit einem einfachen Trick lösen. Ich halbierte die ermittelte Höhe des Lichtes und überprüfte dort (y= yWertLinksOben + lichtHöhe/2) nochmals alle horizontalen aufeinander folgenden Pixel nach weissen Nachbarn. Wenn diese ermittelte Breite grösser war (das ist sie in der Regel auch), übernahm ich diese als aktuelle Breite für das Licht. Am Ende dieses Verfahren gebe ich ein <a class="checkLink" href="http://livedocs.adobe.com/flash/8/main/wwhelp/wwhimpl/common/html/wwhelp.htm?href=00002618.html" target="_blank">Rechteck-Objekt</a> zurück, das genug Informationen zu der <strong>EINEN</strong> getrackten Lichtquelle beinhaltet.</p>
<p>Froh darüber, das ich das Tracking erfolgreich geschafft hatte (in Furtwangen), wollte ich es zu Hause bei meinen Eltern (in Ober-Mörlen) weiter verbessern. Und siehe da es funktioniert nicht mehr. Und warum?! Weil eine zweite Lichtquelle im Webcam Bild war. Mein Algortihmus wusste nie welches Licht jetzt getrackt werden sollte. Ein <a class="checkLink" href="http://www.adobe.com/devnet/flash/articles/webcam_motion.html" target="_blank">Differenzverfahren</a> wollte ich nicht benutzen, da dadurch die Bildinformation meines Lichtes erheblich verändert werden kann und wegstellen konnte ich das Licht auch nicht, Grr. Da meiner Meinung nach, so etwas aber ein absoluter Standardfall sein könnte, kam mir die Idee mehrere Lichter zu tracken. Also hab ich mich wieder dran gesetzt um das Verfahren auch noch für mehrere Lichter fit zu machen. Lichter zu finden war ja zu diesem Zeitpunkt kein Problem mehr, nur mehrere Lichter zu finden ohne das dabei die Perfomance in die Knie geht, war da schon schwerer umzusetzen. Ich durfte einfach die schon überprüften Pixel nicht nochmals überprüfen - Wer sich den Algortihmus genau anschaut, wie ich die Grösse des Lichtes ermittle wird verstehen was ich meine - Als erstes wollte ich dann die überprüften Pixel mit einer anderen Farbe kennzeichnen, was mir aber das Webcambild im nach hinein verfälscht hätte. Und das fand ich gar nicht gut. Nächster Gedanke war es ein extra 2dim. Array (80x60) anzulegen und dies mit den Stadien 0=noch nicht überprüft und 1=schon überprüft zu belegen. Aber das war mir viel zu umständlich, bis auch hier mir wieder jemand den ultimativen Tipp gab, den nicht genutzten Alpha Kanal für dieses Problem zu nutzen (Dank hier an <a class="checkLink" href="http://www.porno-wg.com/" target="_blank">Helge - Stefan Eckert</a>). Denn wenn der Alpha Kanal den Wert 255 hat, muss ich die Pixel überprüfen, wenn er den Wert 0 hat ist eine Überprüfung nicht mehr nötig. Mit Hilfe dieses Verfahren bekam ich alle Lichtquellen heraus gefiltert. Jetzt musste ich sie nur noch passend sotieren, so dass z.B. Lichtquelle 1 auch immer als Lichtquelle 1 erkannt wird. Das machte ich mit einem Distanzvergleich alter Trackingergbnisse mit den neuen Trackingergebnissen. Dort wo die Distanz zwischen den alten und neuen TrackingRechtecken am Geringsten  ist, ist ein Paar gefunden und es musste sich um die gleiche Lichtquelle handeln. Ja und in meinen Tests mit 2-3 Lichtquellen funktioniert das auch ganz gut. Schaut mal rein.</p>
<p><object width="400" height="300" data="http://vimeo.com/moogaloop.swf?clip_id=4558118&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=4558118&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /></object><br />
<a href="http://blog.derhess.de/wp-content/uploads/2009/05/lightwriter_ver2.zip">Sourcecode Webcam Lightwriter Version 2.0</a></p>
<p><a class="checkLink" href="http://blog.derhess.de/2007/01/30/webcam-lightwriter-version-10/" target="_blank">Webcam Lightwriter Version 1.0</a> wens dann doch noch interessiert. Die Vorschau der ersten Version gibts noch auf der <a class="checkLink" href="http://www.flashhilfe.de/flash/webcam-lightwriter-ver-1-0-568.html" target="_blank">Flashhilfe.de Seite</a> anzuschauen</p>
<p><strong>-- UPDATE 18.05.2007 --</strong><br />
Eine <a class="checkLink" href="http://www.nikal.com/" target="_blank">nette passende Interaktion</a> für den Lightwriter. Danke Jonas für den Tipp!</p>
<p><strong>-- UPDATE 17.06.2007 --</strong><br />
Die <strong>LightTracking Klasse</strong> wurde in Sachen Anwenderfreundlichkeit überarbeitet, so dass ihr diese Klasse super einfach für eure eigenen Experimente benutzen könnt. Den Download gibt es unter <a class="checkLink" href="http://blog.derhess.de/2007/12/21/as3-interactive-webcam-package-12/" target="_blank">Interactive Webcam Package</a> mit ausführlicher Doku und Beispielcode zum leichteren Einstieg.</p>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2007/01/30/webcam-lightwriter-version-10/' rel='bookmark' title='Webcam &#8211; Lightwriter Version 1.0'>Webcam &#8211; Lightwriter Version 1.0</a></li>
<li><a href='http://blog.derhess.de/2007/12/21/as3-interactive-webcam-package-12/' rel='bookmark' title='AS3: Interactive Webcam Package 1.2'>AS3: Interactive Webcam Package 1.2</a></li>
<li><a href='http://blog.derhess.de/2006/10/10/webcam-user-interface/' rel='bookmark' title='Webcam User Interface'>Webcam User Interface</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=219&amp;md5=7dcd701f421d441be5d7d1dc047a055d" title="Flattr" target="_blank"><img src="http://blog.derhess.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.derhess.de/2007/04/16/webcam-lightwriter-version-20/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=219&amp;md5=7dcd701f421d441be5d7d1dc047a055d" type="text/html" />"
	</item>
		<item>
		<title>derhess.de gepimpt auf mehr Web 2.0</title>
		<link>http://blog.derhess.de/2007/03/10/derhessde-gepimpt-auf-mehr-web-20/</link>
		<comments>http://blog.derhess.de/2007/03/10/derhessde-gepimpt-auf-mehr-web-20/#comments</comments>
		<pubDate>Sat, 10 Mar 2007 12:29:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[My Experiments]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[Programming]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=180</guid>
		<description><![CDATA[Ja jetzt ist der letzte Blogeintrag schon fast 3 Wochen her. Grund daf&#38;uumlr war ne tolle Erkältungs-Grippe und ein bissl Magenkram. Das hat mich ganz schön umgehauen, aber jetzt bin ich wieder fit und hab die letzten 2 Wochen dafür genutzt um derhess.de bissl mehr dem Web 2.0 Flavour anzupassen. Vielleicht hats der ein oder [...]
No related posts.]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-181" title="blogrss" src="http://blog.derhess.de/wp-content/uploads/2009/04/blogrss.gif" alt="blogrss" width="128" height="96" /> <img class="alignnone size-full wp-image-182" title="kommentar" src="http://blog.derhess.de/wp-content/uploads/2009/04/kommentar.gif" alt="kommentar" width="128" height="96" /> <img class="alignnone size-full wp-image-183" title="videocontrol" src="http://blog.derhess.de/wp-content/uploads/2009/04/videocontrol.jpg" alt="videocontrol" width="128" height="96" /></p>
<p>Ja jetzt ist der letzte Blogeintrag schon fast 3 Wochen her. Grund daf&amp;uumlr war ne tolle Erkältungs-Grippe und ein bissl Magenkram. Das hat mich ganz schön umgehauen, aber jetzt bin ich wieder fit und hab die letzten 2 Wochen dafür genutzt um derhess.de bissl mehr  dem Web 2.0 Flavour anzupassen. Vielleicht hats der ein oder andere schon bemerkt. Die Blog und Newseinträge gibt es nun auch als <a class="checkLink" href="http://de.wikipedia.org/wiki/RSS-Feed" target="_blank">RSS FEED</a>.</p>
<p><a class="checkLink" href="http://blog.derhess.de/feed/" target="_blank">derhess.de Blog-RSS Feed</a><br />
<a class="checkLink" href="http://blog.derhess.de/feed/" target="_blank">derhess.de News-RSS Feed</a></p>
<p>Weiter hinzukommen ist die eigentlich obligatorische Kommentarfunktion für meinem Blog. Ich freu mich über jedes Feedback! <img src='http://blog.derhess.de/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p>Desweitern habe ich auf meine Videos positives Feedback bekommen (Yeahh!), nur wurde die fehlende Steuerung der Videos bemängelt. Und ich muss zugeben zurecht! Deswegen gibt es jetzt eine Steuerung der Videos. Diese erscheint wenn ihr mit der Maus über das Videobild fahrt oder ihr benutzt einfach mit Rechtsklick der Maus das Kontextmenü.</p>
<p>Der <a class="checkLink" href="http://blog.derhess.de/projects/" target="_blank">Demobereich</a> ist in den Sparten <a class="checkLink" href="http://blog.derhess.de/projects/" target="_blank">Programmierung</a> und <a class="checkLink" href="http://blog.derhess.de/projects/" target="_blank">Flashprogrammierung</a> um jeweils einem Item reicher geworden. Einmal ein Java 3D Spiel, welches im Rahmen meines Studiums entstanden ist und eine Anlehnung an <a class="checkLink" href="http://www.meishi.co.uk/games/#" target="_blank">Whack the Worm</a> sein soll. Ganz so zufrieden bin ich mit dem Ergebnis nicht wirklich, aber was solls, hauptsache es macht Spass. Im <a class="checkLink" href="http://blog.derhess.de/projects/" target="_blank">Flashbereich</a> habe ich meinen <strong>Flash Video XML Player</strong> hochgeladen. Die FLV-File Verwaltung erfolgt wie der Player es schon sagt über das <a class="checkLink" href="http://de.wikipedia.org/wiki/Extensible_Markup_Language" target="_blank">XML-Format</a>. Wenn ihr Lust habt schauts euch mal an, vielleicht taugst euch ja was.<br />
In den nächsten Tagen werde ich dann auch mal wieder einen brauchbaren Blogeintrag schreiben, bis denne!</p>
<p>No related posts.</p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=180&amp;md5=953ca2c58f3115857dda10577903341f" title="Flattr" target="_blank"><img src="http://blog.derhess.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.derhess.de/2007/03/10/derhessde-gepimpt-auf-mehr-web-20/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=180&amp;md5=953ca2c58f3115857dda10577903341f" type="text/html" />"
	</item>
	</channel>
</rss>

