<?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</title>
	<atom:link href="http://blog.derhess.de/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>Book review: Developing Flex 4 Components</title>
		<link>http://blog.derhess.de/2012/02/01/book-review-developing-flex-4-components/</link>
		<comments>http://blog.derhess.de/2012/02/01/book-review-developing-flex-4-components/#comments</comments>
		<pubDate>Wed, 01 Feb 2012 12:00:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Programming]]></category>
		<category><![CDATA[books]]></category>
		<category><![CDATA[flex]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=1747</guid>
		<description><![CDATA[A couple of weeks ago I finished reading  the book "Developing Flex 4 Components" by Mike Jones. The reviews on Amazon.com were very promising and during my Flex 3 developing I always wished such a book. For this reason my expectations were very high. I wasn't disappointed. The book is a perfect continuation of the [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2011/12/16/book-review-adobe-flex-training-from-the-source/' rel='bookmark' title='Book review: Adobe Flex &#8211; Training from the source'>Book review: Adobe Flex &#8211; Training from the source</a></li>
<li><a href='http://blog.derhess.de/2011/02/14/book-review-generative-gestaltung/' rel='bookmark' title='Book review: Generative Gestaltung'>Book review: Generative Gestaltung</a></li>
<li><a href='http://blog.derhess.de/2011/01/18/book-review-form-code-generative-art/' rel='bookmark' title='Book review: Form + Code (Generative Art &amp; Design)'>Book review: Form + Code (Generative Art &#038; Design)</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>A couple of weeks ago I finished reading  the book "<strong><a title="Amazon Book Link" href="http://www.amazon.de/gp/product/032160413X/ref=as_li_ss_tl?ie=UTF8&amp;tag=derhessammedi-21&amp;linkCode=as2&amp;camp=1638&amp;creative=19454&amp;creativeASIN=032160413X" target="_blank">Developing Flex 4 Components</a></strong>" by <strong><a title="Mike Jones website" href="http://blog.flashgen.com/" target="_blank">Mike Jones</a></strong>. The reviews on Amazon.com were very promising and during my Flex 3 developing I always wished such a book. For this reason my expectations were very high.</p>
<p>I wasn't disappointed. The book is a perfect continuation of the Flex 4 beginner book "<a title="My Book review: Flex 4 - Training from the source" href="http://blog.derhess.de/2011/12/16/book-review-adobe-flex-training-from-the-source/" target="_blank">Flex 4 - Training from the source</a>". Even it repeats some content like Data Binding and basics of developing custom compontents, it was enjoyable to read. Mike Jones has a really nice writing style for explaining the core concepts of the Flex 4 component and skinning architecture very easily. These chapters are really one of the best availabe informations to  these kind of topics. Completely new for me was the chapter about "<em>working with Metadata</em>". I learnt some deep concepts behind the Meta-tag usage of the Flex Framework. The same is valid for the "<em>Distribution</em>" part of the book. The development worklflow with<em> Flash Library Project</em>, <em>Component Integraton in Flash Builder 4</em>, and the <em>Documentation</em> part are very helpful for my future projects.</p>
<p><span id="more-1747"></span></p>
<p>I can highly recommend this book for experienced beginner and intermediate Flex Developers. For really advanced Flex developers I missed some more deeper information. Here is my wishlist for a second edition (maybe it comes some time?!):</p>
<ul>
<li><strong>Data Binding:</strong> This topic is mentioned but I wish more deeper information like the presentation "<em><a title="Slides: Diving in the flex data binding waters" href="http://www.slideshare.net/michael.labriola/diving-in-the-flex-data-binding-waters-presentation" target="_blank">Diving in the Flex Data Binding Waters</a></em>" by <a title="Michael Labriolas blog" href="http://www.digitalprimates.net/author/codeslinger" target="_blank">Michael Labriola</a> and the <a title="Data binding for complex data objects" href="http://www.codeproject.com/Articles/56024/Flex-Data-Binding-Tricks" target="_blank">compound data object approach  </a>by Olikhver Sergey</li>
<li><strong>Component Skinning architecture</strong> for multi-screen objects: If you have a very complex application or you have to create various skins for various devices, you can run very fast in an architecture nightmare. See the article <a title="Advanced Flex 4 Skinning Techniques" href="http://blog.paveljacko.com/?p=29" rel="bookmark" target="_blank">Advanced Flex 4 Skinning Techniques</a> by Pavel Jacko</li>
<li>Differences between <strong>mobile component</strong> and desktop component development</li>
<li>For some <a title="A closer look of mx_internal namespace" href="http://ravigeek.wordpress.com/2011/06/20/a-closer-look-of-mx_internal-namespace/" target="_blank">certain cases</a> the hack with the <strong>mx_internal namespace</strong> makes still <a title="Flex mx_internal examples" href="http://blog.flexexamples.com/tag/mx_internal/" target="_blank">sense</a>.  A short segment or a mini chapter about the <a title="When and how to use mx_internal in Flex" href="http://codeofdoom.com/wordpress/2009/03/12/when-and-how-to-use-mx_internal-in-flex/" target="_blank">use of this approach would be nice</a>.</li>
<li><strong>Test Driven Development with Flex Unit</strong>: I don't know if Flex Unit really belongs to this kind of book, but if you are creating a component library, then you should use Flex Unit. Just for ensure the quality of your compontes for upcoming versions. Especially, writing and managing Flex Unit code for visual components is always tricky. Some advices for this topic would be so nice.</li>
</ul>
<p>That is all what I can say. Mike Jones wrote a really good book about Flex 4 component development. It is a must-buy for every Flex Developer.</p>
<p><iframe style="width: 120px; height: 240px;" src="http://rcm-de.amazon.de/e/cm?lt1=_blank&amp;bc1=000000&amp;IS2=1&amp;bg1=FFFFFF&amp;fc1=000000&amp;lc1=0000FF&amp;t=derhessammedi-21&amp;o=3&amp;p=8&amp;l=as4&amp;m=amazon&amp;f=ifr&amp;ref=ss_til&amp;asins=032160413X" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="320" height="240"></iframe></p>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2011/12/16/book-review-adobe-flex-training-from-the-source/' rel='bookmark' title='Book review: Adobe Flex &#8211; Training from the source'>Book review: Adobe Flex &#8211; Training from the source</a></li>
<li><a href='http://blog.derhess.de/2011/02/14/book-review-generative-gestaltung/' rel='bookmark' title='Book review: Generative Gestaltung'>Book review: Generative Gestaltung</a></li>
<li><a href='http://blog.derhess.de/2011/01/18/book-review-form-code-generative-art/' rel='bookmark' title='Book review: Form + Code (Generative Art &amp; Design)'>Book review: Form + Code (Generative Art &#038; Design)</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=1747&amp;md5=2fcb0c0a10b35123ebcb50cffafe2076" 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/2012/02/01/book-review-developing-flex-4-components/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=1747&amp;md5=2fcb0c0a10b35123ebcb50cffafe2076" type="text/html" />"
	</item>
		<item>
		<title>Book review: Adobe Flex &#8211; Training from the source</title>
		<link>http://blog.derhess.de/2011/12/16/book-review-adobe-flex-training-from-the-source/</link>
		<comments>http://blog.derhess.de/2011/12/16/book-review-adobe-flex-training-from-the-source/#comments</comments>
		<pubDate>Fri, 16 Dec 2011 10:20:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[english]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[books]]></category>
		<category><![CDATA[flex]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=1736</guid>
		<description><![CDATA[A couple of weeks ago I read the book Flex 4 - Training from the source. It is the officially introduction book for Flex 4 from Adobe.  I was very curious about the book, because I started learning Flex 3 with no good start. For Flex 4 I wanted to learn it how I like [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2012/02/01/book-review-developing-flex-4-components/' rel='bookmark' title='Book review: Developing Flex 4 Components'>Book review: Developing Flex 4 Components</a></li>
<li><a href='http://blog.derhess.de/2009/09/22/an-adobe-air-component-for-the-vimeo-moogaloop-api/' rel='bookmark' title='An Adobe Air Component for the Vimeo Moogaloop API'>An Adobe Air Component for the Vimeo Moogaloop API</a></li>
<li><a href='http://blog.derhess.de/2011/02/14/book-review-generative-gestaltung/' rel='bookmark' title='Book review: Generative Gestaltung'>Book review: Generative Gestaltung</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>A couple of weeks ago I read the book <a href="http://www.amazon.de/gp/product/0321660501/ref=as_li_ss_tl?ie=UTF8&amp;tag=derhessammedi-21&amp;linkCode=as2&amp;camp=1638&amp;creative=19454&amp;creativeASIN=0321660501">Flex 4 - Training from the source</a><img style="border: none !important; margin: 0px !important;" src="http://www.assoc-amazon.de/e/ir?t=derhessammedi-21&amp;l=as2&amp;o=3&amp;a=0321660501" alt="" width="1" height="1" border="0" />. It is the officially introduction book for Flex 4 from Adobe.  I was very curious about the book, because I started learning Flex 3 with no good start. For Flex 4 I wanted to learn it how I like to learn new things.</p>
<p><span id="more-1736"></span></p>
<p><strong>Content review:</strong></p>
<p>The books starts with the typical introduction about Rich Internet Applications. I skipped this chapter, because it is always the same bla bla... The chapters 2 talks about the new Flash Builder IDE. Even I was pretty familiar with the IDE I could find some nice features during reading this chapters. So I learnt already something new. Especially, the chapter 3 and 4 gave me a really good introduction and understanding about the new layout architecture and component infrastructure. The chapters Handling Events, Using Remote XML Data, Creating Classes are not so interesting for an already experienced Flex Developer. The difference between Flex 3 and Flex 4 is not big in these cases. The chapter about Data Binding was good to read again, because Binding is very helpful but sometimes not so easy to deal with. I highly recommend the chapter 10 about DataGroups and Lists and the chapter 12 about Item Renderes. On these topics the change from Flex 3 to Flex 3 is very big. Unfortunately, the chapter 15 about Formatters and Validators is pretty outdatet, because Flex 4.5 offers new Spark based Formatters and Validators. The last three chapters about Skinning and custom Actionscript components are very basic written. For beginners easy to understand and experienced Flex Developers get an idea about the differences between Flex 3 and Flex 4 component development.</p>
<p><strong>Structure:</strong></p>
<p>I have to admit I am keen on the book structure. The chapters are structured like school lessons. Every lessons has an approximate time, which works very well in my case. Additionally, it is very useful for organizing the learning with your daily schedule. However, every end of a chapter provides a good summary of the learnt content. So you automatically repeat the learnt stuff. The code examples are nice described and easy to work with, too.</p>
<p><strong>Result:</strong></p>
<p><a href="http://www.amazon.de/gp/product/0321660501/ref=as_li_ss_tl?ie=UTF8&amp;tag=derhessammedi-21&amp;linkCode=as2&amp;camp=1638&amp;creative=19454&amp;creativeASIN=0321660501">Flex 4 - Training from the source</a><img style="border: none !important; margin: 0px !important;" src="http://www.assoc-amazon.de/e/ir?t=derhessammedi-21&amp;l=as2&amp;o=3&amp;a=0321660501" alt="" width="1" height="1" border="0" /> is a really good book for Flex 4 beginners.  Already experienced Flex Developers can get bored about some content. It depends on your learning type. I like reading books, so for me it was perfect to get an overview. If you like more reading online resources or watching video tutorials, then go for it. There are enough documentations and tutorials available.</p>
<p><iframe style="width: 120px; height: 240px;" src="http://rcm-de.amazon.de/e/cm?lt1=_blank&amp;bc1=000000&amp;IS2=1&amp;bg1=FFFFFF&amp;fc1=000000&amp;lc1=0000FF&amp;t=derhessammedi-21&amp;o=3&amp;p=8&amp;l=as4&amp;m=amazon&amp;f=ifr&amp;ref=ss_til&amp;asins=0321660501" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="320" height="240"></iframe></p>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2012/02/01/book-review-developing-flex-4-components/' rel='bookmark' title='Book review: Developing Flex 4 Components'>Book review: Developing Flex 4 Components</a></li>
<li><a href='http://blog.derhess.de/2009/09/22/an-adobe-air-component-for-the-vimeo-moogaloop-api/' rel='bookmark' title='An Adobe Air Component for the Vimeo Moogaloop API'>An Adobe Air Component for the Vimeo Moogaloop API</a></li>
<li><a href='http://blog.derhess.de/2011/02/14/book-review-generative-gestaltung/' rel='bookmark' title='Book review: Generative Gestaltung'>Book review: Generative Gestaltung</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=1736&amp;md5=91c90e820e1712e61caa2a22b67a84de" 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/12/16/book-review-adobe-flex-training-from-the-source/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=1736&amp;md5=91c90e820e1712e61caa2a22b67a84de" type="text/html" />"
	</item>
		<item>
		<title>My most important Twitter Messages #12</title>
		<link>http://blog.derhess.de/2011/11/26/my-most-important-twitter-messages-12/</link>
		<comments>http://blog.derhess.de/2011/11/26/my-most-important-twitter-messages-12/#comments</comments>
		<pubDate>Sat, 26 Nov 2011 20:45:57 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[english]]></category>
		<category><![CDATA[Games]]></category>
		<category><![CDATA[Interaction]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Technologie]]></category>
		<category><![CDATA[cool stuff]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[image processing]]></category>
		<category><![CDATA[information design]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[library]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[physical computing]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[research]]></category>
		<category><![CDATA[talks]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=1723</guid>
		<description><![CDATA[A small summary of my Twitter messages from August - November 2011: Allgemein (General) some nice talks http://vimeo.com/eyeofestival/videos #visual #media #art #design insideAR 2011 talks (Augmented Reality Conference) are online RT Our first title in the Maker Press series: DIY Bookbinding. Download the PDF book, bind it, and win a prize startnext.de ist die Crowdfunding [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2010/07/05/my-most-important-twitter-messages-6/' rel='bookmark' title='My most important Twitter Messages #6'>My most important Twitter Messages #6</a></li>
<li><a href='http://blog.derhess.de/2011/06/09/my-most-important-twitter-messages-10/' rel='bookmark' title='My most important Twitter Messages #10'>My most important Twitter Messages #10</a></li>
<li><a href='http://blog.derhess.de/2011/08/31/my-most-important-twitter-messages-11-2/' rel='bookmark' title='My most important Twitter Messages #11'>My most important Twitter Messages #11</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;"><img class="aligncenter" src="http://blog.derhess.de/wp-content/uploads/2009/07/twitterdehess.gif" alt="Twitter von der hess" width="435" height="155" /><br />
A small summary of my <a href="http://twitter.com/derhess" target="_blank">Twitter messages</a> from August - November 2011:</p>
<p><strong><span id="more-1723"></span>Allgemein (General)</strong></p>
<ul>
<li>some nice talks <a title="http://vimeo.com/eyeofestival/videos" href="http://t.co/SKcgxhN" rel="nofollow" target="_blank" data-display-url="vimeo.com/eyeofestival/v…" data-ultimate-url="http://vimeo.com/eyeofestival/videos" data-expanded-url="http://vimeo.com/eyeofestival/videos">http://vimeo.com/eyeofestival/videos</a> <s>#</s><strong>visual</strong> <s>#</s><strong>media</strong> <s>#</s><strong>art</strong> <s>#</s><strong>design</strong></li>
<li><a href="http://www.youtube.com/user/metaioAR#g/u" target="_blank">insideAR 2011 talks</a> (Augmented Reality Conference) are online</li>
<li>RT Our first title in the Maker Press series: DIY Bookbinding. Download the PDF book, bind it, and win a prize</li>
<li><a title="Startnext" href="http://www.startnext.de" target="_blank">startnext.de</a> ist die <strong>Crowdfunding</strong> Plattform für deutsche Projekte in Deutschland. Link via mein Bruder Lorenz</li>
<li>Device Art: <a title="Device Art from Japan" href="http://www.intelligentagent.com/archive/Vol6_No2_pacific_rim_kusahara.htm" target="_blank">A New Form of Media Art from a Japanese Perspective </a></li>
</ul>
<p><strong>Generative Art:</strong></p>
<ul>
<li>Our lecture from the "<a href="http://www.design.cmu.edu/designthefuture/nervous-system/" target="_blank">Design the Future</a>" series at Carnegie Mellon University is now online</li>
</ul>
<p><strong>Info Design and Visualization</strong></p>
<ul>
<li><a title="Sense of Patterns" href="http://casualdata.com/senseofpatterns/" target="_blank">Sense of Patterns</a>, visualizing mobility data in public spaces (via <a href="https://twitter.com/#%21/moritz_stefaner" rel="nofollow" data-screen-name="moritz_stefaner"><s>@</s><strong>moritz_stefaner</strong></a>)</li>
<li>RT Great <a title="Mike Bostock - D3" href="http://vimeo.com/29458354" target="_blank">talk</a> by <a href="https://twitter.com/#%21/mbostock" rel="nofollow" data-screen-name="mbostock"><s>@</s><strong>mbostock</strong></a> on the smooth d3 force layout | <a title="Slides" href="http://mbostock.github.com/d3/talk/20110921/#0" target="_blank">interactive slides</a></li>
<li>Linz published some local data about their area - <a title="Linz Open Data" href="http://data.linz.gv.at/" target="_blank">Linz Open Data project</a> <strong></strong> via <s>@</s><strong>mkalten</strong></li>
<li><a title="https://pachube.com/" href="http://t.co/9Jysw16I" rel="nofollow" target="_blank" data-display-url="pachube.com" data-ultimate-url="https://pachube.com/" data-expanded-url="http://pachube.com">RT http://pachube.com</a> (platform for internet of things) is now free. No excuses now not to use it!</li>
<li>RT If you are into big data streams, this service should get you excited: <a title="http://datasift.com/" href="http://t.co/ypjhdMhT" rel="nofollow" target="_blank" data-display-url="datasift.com" data-ultimate-url="http://datasift.com/" data-expanded-url="http://datasift.com/">http://datasift.com/</a> (now if they had some nice visualizations... <img src='http://blog.derhess.de/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </li>
<li><a title="Royal Society journal archive" href="http://royalsociety.org/news/Royal-Society-journal-archive-made-permanently-free-to-access/" target="_blank">Royal Society journal archive</a> made permanently free to access.</li>
</ul>
<p><strong>UX and Interaction Design:</strong></p>
<ul>
<li>nice <a title="Gesture Wars" href="http://www.core77.com/blog/columns/gesture_wars_20272.asp" target="_blank"><strong>article</strong> about problems of <strong>gesture</strong> based <strong>interaction</strong></a>  reminds me on my old <a title="Designing Gestures" href="http://blog.derhess.de/2010/12/06/technical-paper-designing-gestures-for-multi-touch-screens" target="_blank">paper</a></li>
<li>very nice: TapSense: <a title="TapSense: Enhancing Finger Interaction" href="http://www.chrisharrison.net/index.php/Research/TapSense" target="_blank">Enhancing Finger Interaction on Touch Surfaces</a></li>
<li><a href="http://www.creativeapplications.net/android/touch-vision-interface-openframeworks-arduino-android/" target="_blank">Touch Vision Interface</a> has a really nice interaction approach for augmented reality apps</li>
<li>B<a title="Between the Tag and the Screen: Kjetil Nordby’s PhD" href="http://www.nearfield.org/2011/10/between-the-tag-and-the-screen-kjetil-nordbys-phd" target="_blank">etween the Tag and the Screen</a> - A PHD Thesis by Kjetil Nordby</li>
<li>sweet but not cheap: <a title="International Journal of Creative Interfaces and Computer Graphics" href="http://www.igi-global.com/journal/international-journal-creative-interfaces-computer/1161" target="_blank">International Journal of Creative <s>#</s><strong>Interfaces</strong> and Computer Graphics</a> (IJCICG)</li>
</ul>
<p style="text-align: left;"><strong>Projekte und Experimente (Projects and experiments)</strong><strong> </strong></p>
<ul>
<li>"<a title="An Urban Sensation" href="http://vimeo.com/25471417" target="_blank">An Urban Sensation</a>" overlay live CCTV footage to a 3D model of the urban environment</li>
<li>nice project<a title="openPaths" href="https://openpaths.cc/" target="_blank"> openpaths.cc</a> by the <a title="New York Times Lab" href="http://nytlabs.com/projects/openpaths.html" target="_blank">New York Times Lab</a></li>
</ul>
<p><strong>Neue Technologie (new Technologies)</strong></p>
<ul>
<li>Another tool and software for <strong>3d</strong> projection <strong>mapping</strong> <a title="http://www.madmapper.com/" href="http://t.co/ZYaTMJtT" rel="nofollow" target="_blank" data-display-url="madmapper.com" data-ultimate-url="http://www.madmapper.com/" data-expanded-url="http://www.madmapper.com">http://www.madmapper.com</a> their blog is also pretty informative</li>
<li>nice resource and <a title="Derivate: TouchDesigner" href="http://www.derivative.ca" target="_blank">software for 3D projection</a> <s>#</s><strong>mapping</strong> <s>#</s><strong>visual</strong> <s>#</s><strong>design</strong> <s>#</s><strong>interactive</strong> <s>#</s><strong>installation</strong> <s>#</s><strong>art</strong></li>
<li>Amazing! <a title="Rendering Synthetic Objects into Legacy Photographs" href="http://vimeo.com/28962540" target="_blank">Render <strong>3D</strong> objects into photos</a>: Rendering Synthetic Objects into Legacy Photographs</li>
<li><a title="KinectFusion Project Page" href="http://research.microsoft.com/en-us/projects/surfacerecon/" target="_blank">KinectFusion</a> - a research project that lets users generate high-quality 3-D models in real time using Kinect.</li>
<li>Some nice development is going on... <a title="We built this city on A and R" href="http://augmentedblog.wordpress.com/2011/11/01/we-built-this-city-on-a-and-r/" target="_blank">Augmented realtiy <s>#</s><strong>tracking</strong></a> for <s>#</s><a title="By 2014: Augmented Reality will be on every Smartphone" href="http://www.metaio.com/press/press-release/2011/by-2014-augmented-reality-will-be-on-every-smartphone/" target="_blank"><strong>mobile</strong> devices</a></li>
<li>Publication: <a href="http://viewer.zmags.com/publication/5cae4ae2#/5cae4ae2/1" target="_blank">Future Textiles</a></li>
</ul>
<p><strong>Programmierung und Software Design (Programming)</strong></p>
<ul>
<li>Seems to be an interesting article: <a title="Ladder of Abstraction" href="http://worrydream.com/LadderOfAbstraction/" target="_blank">Ladder Of Abstraction by Bret Victor</a></li>
<li>RT In case you want to work with maps in processing, here is your open source library: <a title="unfolding maps" href="http://unfoldingmaps.org" target="_blank">unfolding</a> by <a href="https://twitter.com/#%21/tillnm" rel="nofollow" data-screen-name="tillnm"><s>@</s><strong>tillnm</strong></a></li>
<li>RT <a title="iGeo" href="http://igeo.jp/tutorial/" target="_blank">iGeo is free and open source 3D modeling software</a> library for processing for architecture and product design</li>
<li>RT <a title="Google Mapper" href="http://googlemapper.pt.vu/" target="_blank">Google Mapper for Processing</a> is a library that enables you to download images of any size from Google Maps.</li>
<li>RT howto use svg for <a title="use svg for rigged 2D-animations in processing" href="http://www.local-guru.net/blog/2011/10/3/howto-use-svg-for-rigged-2D-animations-in-processing" target="_blank">rigged 2D-animations</a> in processing</li>
<li>RT a <a title="HTTP library" href="http://francisli.github.com/processing-http/" target="_blank">new HTTP Library for processing</a> for GET,POST,oAuth and more</li>
<li>RT Finally a good overview of all <a title="ofxAddons" href="http://ofxaddons.com/" target="_blank">openFrameworks addons</a>:</li>
</ul>
<p><strong>Physical Computing<br />
</strong></p>
<ul>
<li>Nice resources and <a title="iFixit" href="http://www.ifixit.com/" target="_blank">inspiration for fixing</a> and <a title="Facebook Group" href="https://www.facebook.com/pages/Fixers/199552773449713?ref=ts" target="_blank">repairing (electronic) objects</a> via @make</li>
<li><a title="Fab@Home" href="http://fabathome.org/" target="_blank">Fab@home</a> is working on a decentralized factory approach for your home</li>
<li><a title="Circuit Skills: Infrared Light" href="http://blog.makezine.com/archive/2011/11/circuit-skills-infrared-light-sponsored-by-jameco-electronics.html" target="_blank">Infrared 101</a></li>
</ul>
<p style="text-align: left;"><strong>Game Developing:</strong></p>
<ul>
<li>Very nice collection of <a title="Title scream" href="http://www.titlescream.com/" target="_blank">old school Game title screens</a></li>
<li>RT <a href="http://tideart.com/?id=4e9c7403" target="_blank">Photo-realistic game engine from Square Enix</a></li>
<li><a title="Citrus Engine" href="http://citrusengine.com/blog/view/citrus-engine-now-free-and-open-source" target="_blank">Citrus Game Engine Now Free and Open Source</a></li>
<li>Create <strong>Flash</strong> and <strong>iOS</strong> Games via <a title="Stencyl" href="http://www.stencyl.com" target="_blank">Editor Stencil</a>  via <s>@</s><strong>andremichelle</strong> and <s>@</s><strong>jensfranke</strong> looks nice!</li>
<li><a title="Construct2" href="http://www.scirra.com/construct2" target="_blank">Construct 2</a> - A visual HTML5 game development tool</li>
<li>Very good blog about <strong>Game</strong> <strong>Design</strong>! <a title="http://www.lostgarden.com/" href="http://t.co/0CnBtlQ9" rel="nofollow" target="_blank" data-display-url="lostgarden.com" data-ultimate-url="http://www.lostgarden.com/" data-expanded-url="http://www.lostgarden.com/">http://www.lostgarden.com/</a></li>
</ul>
<p><strong>Flash and Flex</strong></p>
<ul>
<li>RT AIR Developer Center | Using Flash Builder 4.5 to <a title="packaging air apps ios" href="http://www.adobe.com/devnet/air/articles/packaging-air-apps-ios.html" target="_blank">package applications</a> for Apple iOS devices</li>
<li>Fast and easy! The Flex 4 <a title="Simplified Flex 4 architecture diagrams" href="http://www.dehats.com/drupal/?q=node/96" target="_blank">Spark Framework Architecture</a> for (ui) component development by David Deraedt</li>
<li><a title="Introspective Event Handling For Flex SkinnableComponents" href="http://thunderheadxpler.blogspot.com/2011/09/introspective-event-handling-for-flex.html" target="_blank">Great article on <s>#</s><strong>Flex</strong> 4 skin programming</a> by <s>@</s><strong>mraad</strong> . Focusing on <s>#</s><strong>performance</strong> and reducing boilerplate code</li>
<li><a title="Talking Trash – An overview of Player GC" href="http://www.digitalprimates.net/author/codeslinger/2011/10/11/talking-trash-an-overview-of-player-gc/" target="_blank">Talking Trash</a> – An overview of <s>#</s><strong>Flash</strong> Player Garbage collection</li>
<li>RT Introducing <strong>opensource</strong> <a title="Introducing open source evoSpicyParticleEngine" href="http://www.simppa.fi/blog/introducing-open-source-evospicyparticleengine/" target="_blank">evoSpicyParticleEngine</a></li>
<li>RT Particle Editor for <s>#</s><strong>Starling</strong>. <a title="Particle Editor for Starling Framework" href="http://blog.onebyonedesign.com/flash/particle-editor-for-starling-framework/" target="_blank">Blog Post</a> | <a title="Particle Editor" href="http://onebyonedesign.com/flash/particleeditor/" target="_blank">Tool</a> (cc <s>@</s><strong>leebrimelow</strong> <s>@</s><strong>thibault_imbert</strong> )</li>
<li>RT Check out this incredible <a title="AGALtheMEaN v0.4" href="http://www.lidev.com.ar/agalthemean-v0-4/" target="_blank">Stage3D AGAL sandbox </a>by <s>@</s><strong>li_palebluedot</strong> - a fun way to learn AGAL shaders.</li>
<li>some nice generator tool for <a href="http://projects.stroep.nl/enumGenerator/" target="_blank">enum</a> and <a href="http://projects.stroep.nl/ValueObjectGenerator/" target="_blank">value objects</a></li>
<li>That's sound cool vor enhancing your personal workflow: <a title="Creative Suite Extension Builder" href="https://www.adobe.com/devnet/creativesuite/cs-extension-builder.html" target="_blank">Creative Suite Extension Builder</a></li>
<li>Not so new but still <a href="http://www.effectiveui.com/industry-resources/whitepapers-ebooks.php?dL=7-2-3-f" target="_blank">interesting whitepaper</a> comparing <strong>AJAX</strong> and <strong>Flex</strong> in terms of <strong>productivity</strong> and etc via <strong>flexlabs</strong></li>
<li>Nice<a href="http://www.8bitrocket.com/2011/11/11/now-dont-get-cocky-web-standards-dudes-html5-still-has-a-looooooooong-way-to-go/" target="_blank"> article for identifying the best web target platform</a>. If it is <strong>Flash</strong> or <strong>HTML5</strong></li>
</ul>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2010/07/05/my-most-important-twitter-messages-6/' rel='bookmark' title='My most important Twitter Messages #6'>My most important Twitter Messages #6</a></li>
<li><a href='http://blog.derhess.de/2011/06/09/my-most-important-twitter-messages-10/' rel='bookmark' title='My most important Twitter Messages #10'>My most important Twitter Messages #10</a></li>
<li><a href='http://blog.derhess.de/2011/08/31/my-most-important-twitter-messages-11-2/' rel='bookmark' title='My most important Twitter Messages #11'>My most important Twitter Messages #11</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=1723&amp;md5=aa6a3a795a5f8b25080876d88240bf21" 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/11/26/my-most-important-twitter-messages-12/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=1723&amp;md5=aa6a3a795a5f8b25080876d88240bf21" type="text/html" />"
	</item>
		<item>
		<title>My most important Twitter Messages #11</title>
		<link>http://blog.derhess.de/2011/08/31/my-most-important-twitter-messages-11-2/</link>
		<comments>http://blog.derhess.de/2011/08/31/my-most-important-twitter-messages-11-2/#comments</comments>
		<pubDate>Wed, 31 Aug 2011 10:00:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[english]]></category>
		<category><![CDATA[Games]]></category>
		<category><![CDATA[Interaction]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Technologie]]></category>
		<category><![CDATA[cool stuff]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[flex]]></category>
		<category><![CDATA[image processing]]></category>
		<category><![CDATA[information design]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[research]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=1683</guid>
		<description><![CDATA[A small summary of my Twitter messages from June - August 2011: Allgemein (General) OFF TOPIC: Another great Tumblr blog. Awesome People Hanging Out Together great interview about a brazilian (art) #DIY movement #gambiologia http://www.gambiologia.net/blog/ #repair #hack #culture guter Artikel: Das Zusammenspiel von Wissensarbeit und Wissensarchitektur in Beziehungsnetzen und räumlichen Strukturen Interesting article: #Design #Research [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2010/07/05/my-most-important-twitter-messages-6/' rel='bookmark' title='My most important Twitter Messages #6'>My most important Twitter Messages #6</a></li>
<li><a href='http://blog.derhess.de/2010/01/05/my-most-important-twitter-messages-4/' rel='bookmark' title='My most important Twitter Messages #4'>My most important Twitter Messages #4</a></li>
<li><a href='http://blog.derhess.de/2010/03/04/my-most-important-twitter-messages-5/' rel='bookmark' title='My most important Twitter Messages #5'>My most important Twitter Messages #5</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;"><img class="aligncenter" src="http://blog.derhess.de/wp-content/uploads/2009/07/twitterdehess.gif" alt="Twitter von der hess" width="435" height="155" /><br />
A small summary of my <a href="http://twitter.com/derhess" target="_blank">Twitter messages</a> from June - August 2011:</p>
<p><strong><span id="more-1683"></span>Allgemein (General)</strong></p>
<ul>
<li>OFF TOPIC: Another great Tumblr blog. <a href="http://awesomepeoplehangingouttogether.tumblr.com/" target="_blank">Awesome People Hanging Out Together</a></li>
<li>great interview about <a href="http://www.we-make-money-not-art.com/archives/2011/07/gambiologia.php" target="_blank">a brazilian (art) #DIY movement</a> <a title="#gambiologia" href="http://twitter.com/#%21/search?q=%23gambiologia" rel="nofollow">#gambiologia</a> <a title="http://www.gambiologia.net/blog/" href="http://t.co/qiSebQq" rel="nofollow" target="_blank" data-display-url="gambiologia.net/blog/" data-expanded-url="http://www.gambiologia.net/blog/">http://www.gambiologia.net/blog/</a> <a title="#repair" href="http://twitter.com/#%21/search?q=%23repair" rel="nofollow">#repair</a> <a title="#hack" href="http://twitter.com/#%21/search?q=%23hack" rel="nofollow">#hack</a> <a title="#culture" href="http://twitter.com/#%21/search?q=%23culture" rel="nofollow">#culture</a></li>
<li>guter Artikel: Das <a href="http://www.community-of-knowledge.de/beitrag/das-zusammenspiel-von-wissensarbeit-und-wissensarchitektur-in-beziehungsnetzen-und-raeumlichen-struk/" target="_blank">Zusammenspiel von Wissensarbeit und Wissensarchitektur</a> in Beziehungsnetzen und räumlichen Strukturen</li>
<li>Interesting article: <a href="http://www.polaine.com/2011/07/07/design-research-a-failure-of-imagination/" target="_blank">#Design #Research – A Failure of Imagination</a>? by Andy Polaine</li>
<li>Maybe I already mentioned this <a title="#funding" href="http://twitter.com/#%21/search?q=%23funding" rel="nofollow">#funding</a> platform... <a title="http://www.indiegogo.com/" href="http://t.co/j0I2vyz" rel="nofollow" target="_blank" data-display-url="indiegogo.com" data-expanded-url="http://www.indiegogo.com/">http://www.indiegogo.com/</a></li>
<li>RT A couple of great resources for free math &amp; comp sci courses: <a href="http://www.khanacademy.org/" rel="nofollow" target="_blank">http://www.khanacademy.org/</a> &amp; <a href="http://www.openculture.com/" rel="nofollow" target="_blank">http://www.openculture.com/</a></li>
<li>RT Designers: Google released hundreds of free, open-source fonts yesterday for the web. <a title="http://www.google.com/webfonts/v2" href="http://t.co/TynQfek" rel="nofollow" target="_blank" data-display-url="google.com/webfonts/v2" data-expanded-url="http://www.google.com/webfonts/v2">http://www.google.com/webfonts/v2</a></li>
<li>RT “<a href="http://twitter.com/subblue" rel="nofollow" data-screen-name="subblue">@subblue</a>: <a href="http://students.autodesk.com/?nd=register&amp;tagent=EDU-FY12_Launch_EC_Banner-JG-5-19-2011" target="_blank">Students and teachers can now get all Autodesk software for free</a> - wow!” &lt; smart move.</li>
<li>RT <a href="http://www.layervault.com/">Version control for designers</a></li>
</ul>
<p><strong>Generative Art:</strong></p>
<ul>
<li>Just added this interesting sounding book <a href="http://astore.amazon.de/derhessammedi-21/detail/026205048X">The Visual Mind: #Art and #Mathematics</a></li>
<li>Johannes Keplers book "<a title="Harmony of the world (page 130)" href="http://books.google.de/books?id=rEkLAAAAIAAJ" target="_blank">The harmony of the world</a>" looks like a treasure for #generative #art(ists)</li>
<li>perfect <a href="http://vimeo.com/23103181" target="_blank">inspiration for #visual #programming</a> via <a href="http://twitter.com/rdrb" rel="nofollow" data-screen-name="rdrb">@rdrb</a></li>
<li>really <a href="http://www.earslap.com/" target="_blank">nice and inspiring blog about sound programming</a> and other stuff</li>
</ul>
<p><strong>Info Design and Visualization</strong></p>
<ul>
<li><a href="http://cinemetrics.fredericbrodbeck.de/" target="_blank">Cinemetrics</a> - Film #Visualization Project Breaks - is a really great #Info Vis project! <a href="http://www.thecreatorsproject.com/blog/whos-got-style-film-visualization-project-breaks-down-our-favorite-films" target="_blank">check</a></li>
<li><a href="http://www.metoffice.gov.uk/research/climate/climate-monitoring/land-and-atmosphere/surface-station-records" target="_blank">Land surface #climate station records</a> from the last 150 years published</li>
<li>great<a title="jail report photos" href="http://www.flickr.com/photos/jailreport/" target="_blank"> resource for an info design art project</a> link via <a href="http://twitter.com/JoshuaDavis" rel="nofollow" data-screen-name="JoshuaDavis">@JoshuaDavis</a></li>
</ul>
<p><strong>UX and Interaction Design:</strong></p>
<ul>
<li><a href="http://www.princeton.edu/main/news/archive/S28/82/93O80/index.xml?section=research" target="_blank">Font focus</a>: Making ideas harder to read may make them easier to retain #research</li>
<li>another <a title="mobilepatterns.com" href="http://www.mobilepatterns.com/" target="_blank">#mobile interaction #design pattern website</a></li>
<li>RT Interesting presentation about <a href="http://www.slideshare.net/cxpartners/chinese-web-design-patterns-how-and-why-theyre-different" target="_blank">web design patterns on chinese web sites</a></li>
<li>nice article: F<a href="http://uxmag.com/technology/five-lessons-from-a-year-of-tablet-ux-research" target="_blank">ive Lessons from a Year of Tablet UX Research </a></li>
<li>fake texture and <a href="http://www.newscientist.com/article/dn19510-nokia-touchscreen-creates-texture-illusion.html" target="_blank">tangible feedback for #multitouch</a> devices <a title="http://www.teslatouch.com/" href="http://t.co/wylCKoK" rel="nofollow" target="_blank" data-display-url="teslatouch.com" data-expanded-url="http://www.teslatouch.com/">http://www.teslatouch.com</a></li>
<li>Fucking interesting exhibition at the MoMa(New York) <a href="http://www.moma.org/visit/calendar/exhibitions/1080" target="_blank">Talk to Me: Design and the Communication between People and Objects</a></li>
<li>Great example of a #tangible #interface: <a href="http://blog.makezine.com/archive/2011/07/humanoid-usb-posing-mannequin-for-skeletal-animation.html" target="_blank">Humanoid USB Posing Mannequin for Skeletal Animation</a></li>
<li><a href="http://www.artisopensource.net/category/projects/leaf-plusplus/" target="_blank">Leaf++</a> is a nice example how humans can interact with nature</li>
<li><a href="http://www.youtube.com/watch?v=fXbBA1DRE84&amp;feature=youtu.be">Wacom inkling device</a></li>
</ul>
<p style="text-align: left;"><strong>Projekte und Experimente (Projects and experiments)</strong><strong> </strong></p>
<ul>
<li>it seems to be a nice resource - <a title="http://linkeddata.org/faq" href="http://t.co/eRDZ1Pl" rel="nofollow" target="_blank" data-display-url="linkeddata.org/faq" data-expanded-url="http://linkeddata.org/faq">http://linkeddata.org/faq</a> - organizing links and data... <a title="#semanticweb" href="http://twitter.com/#%21/search?q=%23semanticweb" rel="nofollow">#semanticweb</a> <a title="#rdf" href="http://twitter.com/#%21/search?q=%23rdf" rel="nofollow">#rdf</a> <a title="#information" href="http://twitter.com/#%21/search?q=%23information" rel="nofollow">#information</a> <a title="#architecture" href="http://twitter.com/#%21/search?q=%23architecture" rel="nofollow">#architecture</a></li>
<li>QR codes and cooking... <a href="http://qkies.de/" target="_blank">QKies</a> combines it perfectly via <a href="http://twitter.com/mkalten" rel="nofollow" data-screen-name="mkalten">@mkalten</a></li>
<li>QR Codes in Fashion Design - nice idea - <a href="http://www.fashioningtech.com/profiles/blogs/beaded-qr-code-garment" target="_blank">Beaded QR Code Garment</a></li>
<li>RT Flipping flip! <a href="http://swiffy.googlelabs.com/" target="_blank">Google Swiffy</a> reckons it can turn Flash into HTML5! Try it out!</li>
<li>RT The open source <a href="https://sites.google.com/site/mechatronicsguy/lightscythe" target="_blank">LightScythe</a> is a device for writing text and images frozen in midair</li>
<li>Cheap <a href="http://blog.makezine.com/archive/2011/06/harvards-14-swarm-bot-design.html" target="_blank">swarm robots</a></li>
<li><a href="http://www.swarmanoid.org/" target="_blank">Swarmanoid</a>. modular swarming scary robots out to read your books and outsmart you</li>
<li>Interesting project: Electronic Origami by Jie Qi | <a href="http://hlt.media.mit.edu/?p=1448" target="_blank">tutorial</a> | <a href="http://web.media.mit.edu/%7Ejieqi/" target="_blank">website</a></li>
<li><a href="http://www.creativeapplications.net/processing/paysages-processing/" target="_blank">Pixel Knitting</a> is a real nice <a href="http://openprocessing.org/visuals/?visualID=31404" target="_blank">effect</a> for photography-transform you photo to a cartoon like landscap</li>
<li>wow, very interesting <a href="http://www.youtube.com/watch?v=CFTs_6C919g%20" target="_blank">projection mapping and view of Leonardo's Last Suppe</a>r via <a href="http://twitter.com/memotv" rel="nofollow" data-screen-name="memotv">@memotv</a> see historical <a title="#art" href="http://twitter.com/#%21/search?q=%23art" rel="nofollow">#art</a> in new ways</li>
<li>Nice <a href="http://www.youtube.com/watch?v=WLrt7-kIgIM" target="_blank">visuals and mapping by Amon Tobin</a> 'ISAM' Live via <a href="http://twitter.com/david_bru" rel="nofollow" data-screen-name="david_bru">@david_bru</a></li>
</ul>
<p><strong>Neue Technologie (new Technologies)</strong></p>
<ul>
<li>RT Fancy chips for dinner? <a href="http://www.newscientist.com/blogs/onepercent/2011/06/chips-for-dinner-edible-rfid-t.html" target="_blank">Edible RFID tags</a> could tell you what's in your food</li>
<li>some great tutorials on <a title="#projectionmapping" href="http://twitter.com/#%21/search?q=%23projectionmapping" rel="nofollow">#projectionmapping</a> from the kings of projections (and mapping), <a title="http://1024d.wordpress.com/" href="http://t.co/BKReXif" rel="nofollow" target="_blank" data-display-url="1024d.wordpress.com" data-expanded-url="http://1024d.wordpress.com/">http://1024d.wordpress.com/</a></li>
<li>One day this <a title="Insight3d Project" href="http://insight3d.sourceforge.net/" target="_blank">#software might help  making life for media #facade designer easier </a>#3d #mapping #tracking</li>
<li>Impressing <a href="http://www.youtube.com/watch?v=quGhaggn3cQ" target="_blank">#3d reconstruction</a> via #kinect</li>
<li>Great round-up of <a href="http://blog.makezine.com/archive/2011/06/is-the-rise-of-wearable-electronics-finally-here.html" target="_blank">wearable electronics</a> from the past and present</li>
<li>RT (almost) <a href="http://www.sciencenewsblog.com/blog/821111" target="_blank">bulletproof human skin made from spider silk</a> - amazing art+science project.</li>
<li>Algorithm <a href="http://research.microsoft.com/en-us/um/people/kopf/pixelart/" target="_blank">for extracting a resolution-independent vector representation</a> from pixel art</li>
<li>RT gutted I'm not at <a title="#SIGGRAPH2011" href="http://twitter.com/#%21/search?q=%23SIGGRAPH2011" rel="nofollow">#SIGGRAPH2011</a> <a title="http://www.youtube.com/watch?v=KwGK6lGnu90" href="http://t.co/EzwojHW" rel="nofollow" target="_blank" data-display-url="youtube.com/watch?v=KwGK6l…" data-expanded-url="http://www.youtube.com/watch?v=KwGK6lGnu90">http://www.youtube.com/watch?v=KwGK6lGnu90</a> <a title="http://www.youtube.com/watch?v=JK9EEE3RsKM" href="http://t.co/iApq0bX" rel="nofollow" target="_blank" data-display-url="youtube.com/watch?v=JK9EEE…" data-expanded-url="http://www.youtube.com/watch?v=JK9EEE3RsKM">http://www.youtube.com/watch?v=JK9EEE3RsKM</a></li>
</ul>
<p><strong>Programmierung und Software Design (Programming)</strong></p>
<ul>
<li><a title="CreativeJS.com" href="http://creativejs.com/" target="_blank">Cool website and resource for #JavaScript</a></li>
<li>RT <a title="FireQuery" href="http://firequery.binaryage.com/" target="_blank">FireQuery</a>: a Firebug extension for jQuery development. /via <a href="http://twitter.com/rem" rel="nofollow" data-screen-name="rem">@rem</a></li>
<li>RT <a title="PDF and JavaScript" href="http://andreasgal.com/2011/06/15/pdf-js/" target="_blank">pdf.js</a> - rendering PDF with HTML5 and JavaScript.. still beta but sounds good</li>
<li>RT <a href="http://twitter.com/PaperJS" rel="nofollow" data-screen-name="PaperJS">@PaperJS</a>: After five months in the making, <a href="http://twitter.com/juerglehni" rel="nofollow" data-screen-name="juerglehni">@juerglehni</a> and <a href="http://twitter.com/jonathanpuckey" rel="nofollow" data-screen-name="jonathanpuckey">@jonathanpuckey</a> are very happy to release <a href="http://paperjs.org/" target="_blank">Paper.js</a></li>
<li title="http://bit.ly/hLgfky" data-display-url="bit.ly/hLgfky" data-expanded-url="http://bit.ly/hLgfky">RT Oh my, <a href="http://vvvvjs.quasipartikel.at/" target="_blank">#vvvv is being ported to the web</a></li>
<li title="http://bit.ly/hLgfky" data-display-url="bit.ly/hLgfky" data-expanded-url="http://bit.ly/hLgfky">RT Olé! <a href="http://haptic-data.com/toxiclibsjs/" target="_blank">@toxiclibs for Javascript</a>! (via <a href="http://twitter.com/blprnt" rel="nofollow" data-screen-name="blprnt">@blprnt</a>, <a href="http://twitter.com/peterpaulrubens" rel="nofollow" data-screen-name="peterpaulrubens">@peterpaulrubens</a>)</li>
<li>RT <a href="http://twitter.com/tillnm" rel="nofollow" data-screen-name="tillnm">@tillnm</a>: <a href="http://www.thecloudlab.org/processing/library.html" target="_blank">Search Geometry</a>, a Processing library for isometric contours and surfaces</li>
<li>First look on the <a title="Blob detection" href="http://code.google.com/p/blobscanner/" target="_blank">#Blobscanner library</a> for #processing was great. Very easy going and well documente</li>
<li>RT new version 0.1.4 of the <a title="graffiti markup language library for processing" href="https://github.com/01010101/GML4U/downloads" target="_blank">GML Library</a> <a href="http://twitter.com/gml4u" rel="nofollow" data-screen-name="gml4u">@gml4u</a>: releasedMinor additions + fix for the TUIORecorder example issue</li>
<li>RT <a href="http://kenfrederick.blogspot.com/2011/08/drop-processing.html" target="_blank">Drop Processing</a> is an app for quickly batch processing image</li>
<li>RT <a href="http://vimeo.com/27642353" target="_blank">Processing Tutorial about how to save audio data to text files</a></li>
<li>RT Non-Commercial <a title="Kinect SDK for Windows" href="http://research.microsoft.com/en-us/um/redmond/projects/kinectsdk/" target="_blank">Kinect for Windows SDK</a> from Microsoft Research released</li>
<li><a href="http://www.topquadrant.com/products/TB_Composer.html" target="_blank">TopBraid Composer</a> is mabye the first real nice editor for <a title="#rdf" href="http://twitter.com/#%21/search?q=%23rdf" rel="nofollow">#rdf</a> <a title="#owl" href="http://twitter.com/#%21/search?q=%23owl" rel="nofollow">#owl</a> and other tasks <a title="#semanticweb" href="http://twitter.com/#%21/search?q=%23semanticweb" rel="nofollow">#semanticweb</a></li>
<li><a href="http://www.openframeworks.cc/download" target="_blank">OF v007</a> is now released - <a title="Presentation about the changes" href="http://www.roxlu.com/blog/entry/145/openframeworks-007-presentations/page/" target="_blank">Thanks to the community</a> and <a href="http://twitter.com/creativeinquiry" rel="nofollow" data-screen-name="creativeinquiry">@creativeinquiry</a> for helping make it happen!</li>
<li>RT <a title="#yUML" href="http://twitter.com/#%21/search?q=%23yUML" rel="nofollow">#yUML</a> (<a title="http://yuml.me/" href="http://t.co/ByY00g5" rel="nofollow" target="_blank" data-ultimate-url="http://yuml.me/" data-expanded-url="http://yuml.me/">yuml.me</a>) is really cool for creating quick UML diagrams. I love the scruffy ones.</li>
<li>Intel have released <a href="http://software.intel.com/en-us/articles/embree-photo-realistic-ray-tracing-kernels/" target="_blank">Embree</a> an open-source photo-realistic ray tracer for Windows, OSX and Linux</li>
<li>Qualcomm <a href="https://ar.qualcomm.at/qdevnet/sdk/ios" target="_blank">#Augmented Reality #SDK</a> for #iPhone OS</li>
<li>some really <a href="http://nocreativity.com/blog/tag/red5" target="_blank">nice #Red5 tutorials</a> <a title="#flash" href="http://twitter.com/#%21/search?q=%23flash" rel="nofollow">#flash</a> <a title="#streaming" href="http://twitter.com/#%21/search?q=%23streaming" rel="nofollow">#streaming</a> <a title="#multiplayer" href="http://twitter.com/#%21/search?q=%23multiplayer" rel="nofollow">#multiplayer</a> <a title="#java" href="http://twitter.com/#%21/search?q=%23java" rel="nofollow">#java</a></li>
</ul>
<p><strong>Physical Computing<br />
</strong></p>
<ul>
<li>Amazing resource for hacking your <a title="#canon" href="http://twitter.com/#%21/search?q=%23canon" rel="nofollow">#canon</a> photo camera! <a title="http://chdk.wikia.com/wiki/CHDK" href="http://t.co/SIhmb0a" rel="nofollow" target="_blank" data-display-url="chdk.wikia.com/wiki/CHDK" data-expanded-url="http://chdk.wikia.com/wiki/CHDK">http://chdk.wikia.com/wiki/CHDK</a> <a title="#hack" href="http://twitter.com/#%21/search?q=%23hack" rel="nofollow">#hack</a> <a title="#programming" href="http://twitter.com/#%21/search?q=%23programming" rel="nofollow">#programming</a> <a title="#firmware" href="http://twitter.com/#%21/search?q=%23firmware" rel="nofollow">#firmware</a></li>
<li>Nice <a href="http://www.plugandwear.com/" target="_blank">online shop and resource for #wearable technology</a> #physical #computing #mobile</li>
<li><a href="http://blog.makezine.com/archive/2011/08/paduino-control-arduino-from-iphoneipadipod-touch-with-the-redpark-serial-cable.html" target="_blank">iPhone iPad iPod talks to #Arduino</a></li>
<li>RT Tutorial: <a href="http://blog.littlebirdelectronics.com/tutorial-maximising-your-arduinos-io-ports" target="_blank">Maximising your Arduino’s I/O ports</a></li>
<li>nice tutorial and interface for #wearable technology: <a href="http://bildr.org/2011/08/heartrate-arduino/" target="_blank">Polar #Heart Rate Monitor #Interface + #Arduino</a></li>
</ul>
<p style="text-align: left;"><strong>Game Developing:</strong></p>
<ul>
<li>RT The creator of TexturePacker also has a tool called <a title="Physic Editor" href="http://www.physicseditor.de/features/" target="_blank">PhysicsEditor</a> that has a Flash export option. Looks interesting!</li>
<li>Added <a href="http://citrusengine.com/blog/view/the-official-level-editor-has-arrived" target="_blank">Citrus Level #Editor</a> link to my #flash #game libs blog pos</li>
<li>RT Opinion: <a href="http://www.gamasutra.com/view/news/35291/Opinion_Analog_Input_Processing_And_Delivering_Great_Controls.php" target="_blank">Analog Input Processing And Delivering Great Controls</a></li>
<li>RT Gaming Developer Center | <a href="http://www.adobe.com/devnet/games/gaming_engines.html" target="_blank">Resource page for gaming engines, 3D, and Stage 3D</a></li>
<li>RT great article about #flash <a href="http://www.photonstorm.com/archives/1530/flash-game-dev-tip-11-the-flixel-display-list-explained" target="_blank">#flixel #game #engine in combination with other flash libraries</a></li>
<li>Added <a title="http://playerio.com/" href="http://t.co/GMPWGAP" rel="nofollow" target="_blank" data-display-url="playerio.com" data-expanded-url="http://playerio.com/">http://playerio.com/</a> Games API to my <a title="#Flash" href="http://twitter.com/#%21/search?q=%23Flash" rel="nofollow">#Flash</a> <a title="#Game" href="http://twitter.com/#%21/search?q=%23Game" rel="nofollow">#Game</a> Framework post</li>
<li>Very interesting article about <a href="http://gafferongames.com/game-physics/fix-your-timestep/" target="_blank">game loops in physics and game engines</a> #gamedev #programming #algorithm</li>
</ul>
<p><strong>Flash and Flex</strong></p>
<ul>
<li>RT uploaded short <a href="http://wiki.alternativaplatform.com/Augmented_reality_for_version_7_Tutorial" target="_blank">Alternativa3D AR tutorial</a> including qtrack, FLARManager &amp; <a title="#IN2AR" href="http://twitter.com/#%21/search?q=%23IN2AR" rel="nofollow">#IN2AR</a> examples (via <a href="http://twitter.com/makc3d" rel="nofollow" data-screen-name="makc3d">@makc3d</a>)</li>
<li>RT some useful geom &amp; algebra stuff added: <a href="http://code.google.com/p/in-spirit/source/detail?r=232" target="_blank">Affine/Homography/Fundamental/LevMar</a> #asfeat</li>
<li>RT Very nice (and smooth) <a title="Blitting Particle Engine" href="http://blog.alkemi-games.com/index.php?post/2010/11/16/Alkemi-Flash-Bitmap-Renderer%2C-part-3-%3A-Fire-%21" target="_blank">fire+smoke animation in Flash using blitting</a> (source available) (via <a href="http://twitter.com/elsassph" rel="nofollow" data-screen-name="elsassph">@elsassph</a>)</li>
<li>Big pdf about: Developing<a href="http://www.adobe.com/content/dam/Adobe/en/devnet/devices/pdfs/DevelopingActionScriptExtensionsForAdobeAIR.pdf" target="_blank"> ACTIONSCRIPT Extensions for ADOBE AIR</a></li>
<li><a href="https://github.com/PushButtonLabs/AS3MemoryWatcher" target="_blank">AS3MemoryWatcher</a> - hacky toolkit for tracking ALL SWF allocs via Apparat</li>
<li><a href="http://www.riatest.com/" target="_blank">RIATest</a> looks like a very useful tool for automate your GUI testings <a title="#flex" href="http://twitter.com/#%21/search?q=%23flex" rel="nofollow">#flex</a> <a title="#ui" href="http://twitter.com/#%21/search?q=%23ui" rel="nofollow">#ui</a> <a title="#testings" href="http://twitter.com/#%21/search?q=%23testings" rel="nofollow">#testings</a> <a title="#quality" href="http://twitter.com/#%21/search?q=%23quality" rel="nofollow">#quality</a></li>
<li>RT <a href="http://www.flashmagazine.com/news/detail/crocus_modeller_-_a_sweet_tool_for_developers/" target="_blank">Online UML modeling application</a> for <a title="#AS3" href="http://twitter.com/#%21/search?q=%23AS3" rel="nofollow">#AS3</a> &amp; Flex programmers, <a href="http://crocusmodeller.com/" target="_blank">Crocus Modeller</a> is free (for now) and full of features</li>
<li>If you are working with huge data amount in <a title="#flex" href="http://twitter.com/#%21/search?q=%23flex" rel="nofollow">#flex</a>, this might be helpful: <a title="How to deal with huge data in Flex (Lazy loading)" href="http://flexblog.faratasystems.com/2011/07/20/working-with-large-data-sets-in-flash-player" target="_blank">Working with large #data sets in #flash player </a></li>
<li>Really useful for developing mobile apps: <a href="http://cookbooks.adobe.com/post_Detecting_the_network_connection_type_with_Flex_4_-18791.html" target="_blank">Detecting the network connection</a> type with <a title="#Flex" href="http://twitter.com/#%21/search?q=%23Flex" rel="nofollow">#Flex</a> 4.5 <a title="#wifi" href="http://twitter.com/#%21/search?q=%23wifi" rel="nofollow">#wifi</a> <a title="#mobile" href="http://twitter.com/#%21/search?q=%23mobile" rel="nofollow">#mobile</a> <a title="#network" href="http://twitter.com/#%21/search?q=%23network" rel="nofollow">#network</a></li>
<li>RT <a href="http://coenraets.org/blog/2011/07/multi-touch-charts-for-ios-android-and-playbook-source-code-available-on-github/" target="_blank">Multi-Touch Charts for iOS, Android, and PlayBook</a>: Source Code Available on GitHub</li>
<li>RT <a href="http://twitter.com/mraad" rel="nofollow" data-screen-name="mraad">@mraad</a>: <a href="http://blogs.esri.com/Dev/blogs/arcgisserver/archive/2011/07/25/ArcGIS-API-for-Flex-and-ArcGIS-Viewer-for-Flex_3A00_-Version-2.4-released.aspx" target="_blank">ArcGIS API for #Flex</a> Version 2.0 is released (Arabic locale &amp; <a title="#iOS" href="http://twitter.com/#%21/search?q=%23iOS" rel="nofollow">#iOS</a> and <a title="#Android" href="http://twitter.com/#%21/search?q=%23Android" rel="nofollow">#Android</a> friendly:-)</li>
<li><a href="http://blog.flashgen.com/2011/07/16/my-10-tips-when-developing-for-multiple-devices/" target="_blank">10 tips from @FlashGen: developing for multiple devices #mobile #multiscreen</a></li>
<li>How to <a href="http://www.riagora.com/2011/08/flex-mobile-in-the-browser/" target="_blank">create a #Flex mobile project with #Flash Builder, and publish it as a classic web app</a></li>
<li><a href="http://flexponential.com/" target="_blank">flexponential</a> is a good resource for some flex framework issues and code snippets #flex #skinning #mobile #code #tips</li>
</ul>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2010/07/05/my-most-important-twitter-messages-6/' rel='bookmark' title='My most important Twitter Messages #6'>My most important Twitter Messages #6</a></li>
<li><a href='http://blog.derhess.de/2010/01/05/my-most-important-twitter-messages-4/' rel='bookmark' title='My most important Twitter Messages #4'>My most important Twitter Messages #4</a></li>
<li><a href='http://blog.derhess.de/2010/03/04/my-most-important-twitter-messages-5/' rel='bookmark' title='My most important Twitter Messages #5'>My most important Twitter Messages #5</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=1683&amp;md5=c3edf98f6ee0c6c4a828334f4d4d5d19" 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/08/31/my-most-important-twitter-messages-11-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=1683&amp;md5=c3edf98f6ee0c6c4a828334f4d4d5d19" type="text/html" />"
	</item>
		<item>
		<title>Flash talks to Max MSP via OSC</title>
		<link>http://blog.derhess.de/2011/08/16/flash-talks-to-max-msp-via-osc/</link>
		<comments>http://blog.derhess.de/2011/08/16/flash-talks-to-max-msp-via-osc/#comments</comments>
		<pubDate>Tue, 16 Aug 2011 10:38:25 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[english]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Technologie]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[MaxMSP]]></category>
		<category><![CDATA[netzwerk]]></category>
		<category><![CDATA[osc]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=1549</guid>
		<description><![CDATA[As I already mentioned  in an earlier blog post, for reimplementing my "Sound drawing" project to Flash I had to create a communication layer between Max/Msp and Flash. In this blog post I will report about my results and some technical information. If you want to jump directly to the technical part, please skip the [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2011/03/24/my-most-important-twitter-messages-9/' rel='bookmark' title='My most important Twitter Messages #9'>My most important Twitter Messages #9</a></li>
<li><a href='http://blog.derhess.de/2010/07/05/my-most-important-twitter-messages-6/' rel='bookmark' title='My most important Twitter Messages #6'>My most important Twitter Messages #6</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-1670 alignnone" title="flashMaxHeader" src="http://blog.derhess.de/wp-content/uploads/2011/08/flashMaxHeader.gif" alt="" width="599" height="176" /></p>
<p>As I already mentioned  in an <a title="Harmony port to Flash" href="http://blog.derhess.de/2011/08/09/mr-doobs-harmony-project-ported-to-flash-as3/" target="_blank">earlier blog post</a>, for reimplementing my "Sound drawing" project to Flash I had to create a communication layer between Max/Msp and Flash. In this blog post I will report about my results and some technical information. If you want to jump directly to the technical part, please skip the part "Why am I doing this".<span id="more-1549"></span></p>
<p><strong>Why am I doing this?</strong></p>
<p>I want to have access to more performance in general, I want to have access to more technical advanced stuff, I want an easy way for using external hardware devices, and last point, I want to collaborate with other media artists (without changin the working environment).</p>
<p>Flash is a very nice for working with graphics, videos and other media based stuff. That is the total strength of Flash, but it fails in some <em><strong>performance issues</strong></em> (compared to C++) and some <strong><em>algorithmic libraries</em></strong> (compared to libraries like <a title="IanniX is a graphical open-source sequencer" href="http://www.iannix.org/" target="_blank">IanniX</a>, <a title="Java Math library" href="http://commons.apache.org/math/index.html" target="_blank">Math</a>, <a title="OpenCV" href="http://en.wikipedia.org/wiki/OpenCV" target="_blank">OpenCV</a>, and <a title="Speech recognition library" href="http://cmusphinx.sourceforge.net/sphinx4/" target="_blank">Sphinx4</a>). One motivation for me in this project lies to combine the advantages of these worlds. But I don't want to change the usage of these libraries. Some libraries have to be executes as an exe Application and they just perform great in C++, and not in a Flash environment (in some cases <a title="Adobe Labs: Flash Player runs C/C++ code" href="http://labs.adobe.com/technologies/alchemy/" target="_blank">Alchemy</a> could be a solution).</p>
<p>Next point of performance is creating a <em><strong>scalable</strong></em> approach for <em><strong>media installation</strong></em>. Some media installation can't  be run by only one machine.  You need more computers, which talks to each other. For this reason, I put my focus on the <a title="Open Sound Control (OSC)" href="http://opensoundcontrol.org/" target="_blank"><strong>Open Sound Control</strong></a> network protocol. As the OSC team drescribed, this protocol is <a title="introduction of osc" href="http://opensoundcontrol.org/introduction-osc" target="_blank">made for communication</a> between computers and media devices. It is often used in very <a title="reactable" href="http://www.reactable.com/" target="_blank">robust</a> <a title="TUIO Multitouch" href="http://www.tuio.org/" target="_blank">environments</a> and the <a title="Best Practices for Open Sound Control (advanced stuff)" href="http://opensoundcontrol.org/publication/best-practices-open-sound-control" target="_blank">documentation</a> is very well, too. Almost every creative coding software supports the OSC communication, which is very good for <em><strong>collaborating with other media artists</strong></em> (everyone can still work in the preferred software environment).</p>
<p>Some hardware can already talk OSC or it uses an communication software like <a title="TUIO" href="http://www.tuio.org/" target="_blank">TUIO</a>, <a title="iOSC for iPhone" href="http://www.creativeapplications.net/iphone/iosc-iphone/" target="_blank">iOSC</a>, <a title="TouchOSC" href="http://hexler.net/software/touchosc-android" target="_blank">AndroidOSC</a>. For <a title="wikipedia: Midi Controller" href="http://en.wikipedia.org/wiki/MIDI_controller" target="_blank"><strong>Midi controllers</strong></a> you can use graphical environments like <a title="Max Msp" href="http://cycling74.com/" target="_blank">Max/Msp</a> or <a title="PureData" href="http://puredata.info/" target="_blank">PureData</a>. These softwares have directly access to the midi hardware and can configure the most things. Afterwards you send the midi data from Max/Msp (or PureData) to Flash via OSC. In this way Flash gets access to a new level of external devices...</p>
<p><strong>Flash talks OSC</strong></p>
<p>First I was a little bit scared, because I thought I have to dive into the nerdie <a title="Book : What can you do with bytes?" href="http://www.bytearray.org/?p=711" target="_blank"><strong>byte array socket programming</strong></a> part in Flash. Luckily, I found information about the <a title="FlOSC server software" href="http://benchun.net/flosc/" target="_blank"><strong>FlOSC project</strong></a>. FlOSC is Java based application, which receives the OSC messages and routing them to the Flash XML socket. There are some great tutorials available by <a title="flosc Tutorial v0.7" href="http://transmote.com/flosc/" target="_blank">Eric Socolofsky</a> and Tim Poulin (<a title="Flash Server Project with Max MSP Part 1" href="http://timpoulinartist.com/2009/08/flash-server-project-with-max-msp-part-1/" target="_blank">part 1</a>, <a title="connect a simple movieclip instance to an oscillator in Max" href="http://timpoulinartist.com/2009/08/flash-server-part-2/" target="_blank">part 2</a>, <a title="sending realtime data" href="http://timpoulinartist.com/2009/08/flash-server-part-3/" target="_blank">part 3</a>). After watching all of these tutorials, I was a little bit scared of the reliable performance of this approach. The <a title="livedocs: XML Socket" href="http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/net/XMLSocket.html" target="_blank">Flash XML socket</a> is nice for chat applications or some round-based multiplayer games, but for realtime data transmission I heard bad things...</p>
<p>Luckily again, some time passed since FlOSC were created and Adobe provided a new <strong><a title="livedocs: new Socket class" href="http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/net/Socket.html" target="_blank">binary socket API</a></strong> for the Flash Player. Things became even better. Since Version 2 of Adobe Air, Air supports the<strong> <a title="livedocs: DatagramSocket" href="http://help.adobe.com/en_US/FlashPlatform/beta/reference/actionscript/3/flash/net/DatagramSocket.html#DatagramSocket%28%29" target="_blank">network UDP layer</a></strong> for really fast data transmission. I have not to mention that the Flash open-source is great <img src='http://blog.derhess.de/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> , so I could find easily a nice library.  The <strong><a title="TUIO Flash" href="http://bubblebird.at/tuioflash/" target="_blank">tuio flash library</a></strong> solved almost everything I needed. I had to write my own <a title="code example of a simple OSCListener" href="http://code.google.com/p/derhess/source/browse/trunk/AS3/de/derhess/projects/air_flashToMaxMSP/SimpleOSCListener.as" target="_blank">OSCListener</a>, which is great explained in the <a title="Sending and Receiving OSC Message in Flash" href="http://bubblebird.at/tuioflash/guides/sending-osc/" target="_blank">tuio guide and in its comments</a>. During development I had sometimes problems with the binding of the DatagramSocket. It was obvious that the (binded) port was never closed. I had to wait until Windows shutted it down or just do it manually. Unfortunately, the <a title="UDPConnector documentation" href="http://bubblebird.at/tuioflash/doc/org/tuio/connectors/UDPConnector.html" target="_blank">UDPConnector class</a> does not provide a close function. Therefore I added a close function by myself at the end of the class. Extending or creating a custom UDP Connector was not possible, because all members of the class are private.</p>
<pre class="actionscript"><span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">close</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span> <span style="color: #66cc66;">&#123;</span>
    <span style="color: #b1b100;">if</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">this</span>.<span style="color: #006600;">connection</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
           <span style="color: #0066CC;">this</span>.<span style="color: #006600;">connection</span>.<span style="color: #0066CC;">close</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
    <span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span></pre>
<p><strong>Max/MSP talks OSC</strong></p>
<p>After this minor coding everything worked fine. So I could jump to Max/MSP. Using OSC in Max/Msp is not very difficult. The <a title="UDP Networking in Max/Msp" href="http://cycling74.com/docs/max5/tutorials/max-tut/communicationschapter03.html" target="_blank">documentation</a> is pretty good and the provided example file helps a lot. I just extended the <a title="MaxMSP patch file" href="http://code.google.com/p/derhess/source/browse/trunk/AS3/de/derhess/projects/air_flashToMaxMSP/osc_send_receive.maxpat" target="_blank">example</a> with one function. If the max patch receives successfully a message from the Flash Client (Adobe Air app), then send a message back to the Flash client.  For the <a title="Flash MaxMSP Harmony patch" href="http://code.google.com/p/derhess/source/browse/trunk/AS3/de/derhess/projects/air_MaxFlashHarmony/harmonyDrawing_OSC.maxpat" target="_blank">second example</a> you have to install the <a title="fiddle - for pitch tracking " href="http://crca.ucsd.edu/~tapel/software.html" target="_blank">fiddle plugIn</a> (for <a title="fiddle for Windows" href="http://www.cycling74.com/forums/topic.php?id=26018" target="_blank">Windows</a>) for Max/Msp.</p>
<p><iframe src="http://player.vimeo.com/video/27735490?byline=0&amp;portrait=0" frameborder="0" width="600" height="338"></iframe></p>
<p>&nbsp;</p>
<p><strong>Max/Msp and Flash in love</strong></p>
<p>I created two mini examples. <a title="example one application code" href="http://code.google.com/p/derhess/source/browse/trunk/AS3/de/derhess/projects/air_flashToMaxMSP/as3_flashToMaxMsp.as" target="_blank">Example one</a> just demonstrates sending messages between Flash and Max/Msp. The <a title="second example app code" href="http://code.google.com/p/derhess/source/browse/trunk/AS3/de/derhess/projects/air_MaxFlashHarmony/as3_MaxFlashHarmony.as" target="_blank">second example</a> is little bit more complicated and shoud give you an idea of a real life project. The max patch analyzes an audio file and sends the pitch tracking + volume tracking data to the Flash client. The flash client reads the data and draw it on the canvas. As you can see on my screen capture video above. The performance of this test application is pretty solid and robust. Now imagine instead of the tracking data we send midi data or just some <a title="OpenCV and Max/Msp/Jitter" href="http://jmpelletier.com/cvjit/" target="_blank">image processing data</a>. Or we do some heavy image processing on one machine and send the data to another machine, which only renders the Flash output... I guess there are many new things possible <img src='http://blog.derhess.de/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p><strong>Download Code</strong></p>
<p>The source code is available on my <a title="code on google project" href="http://code.google.com/p/derhess/source/browse/trunk/AS3/de/derhess/projects/" target="_blank">google project SVN</a> or download the <a title="download Flash to Max/Msp examples" href="http://blog.derhess.de/wp-content/uploads/2011/08/flash2MaxMSP.zip">zip file</a>. For the examples you must have installed <a title="Max Msp 5" href="http://cycling74.com/" target="_blank">Max/Msp 5</a>, <a title="fiddle - for pitch tracking " href="http://crca.ucsd.edu/%7Etapel/software.html" target="_blank">fiddle plugIn</a> (for <a title="fiddle for Windows" href="http://www.cycling74.com/forums/topic.php?id=26018" target="_blank">Windows</a>), <a title="Download Flex SDK 4.5" href="http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+4.5" target="_blank">Flex SDK 4.5</a>, <a title="Flash Professional" href="http://www.adobe.com/de/products/flash.html" target="_blank">Flash CS5</a> or <a title="Flash Builder" href="http://www.adobe.com/products/flash-builder.html" target="_blank">Flash Builder 4</a>. The code examples also requires the additional ActionScript libraries <a title="Minimal Comps by Keith Peters" href="http://www.minimalcomps.com/" target="_blank">MinimalComps</a>, <a title="Monster Debugger" href="http://monsterdebugger.com/" target="_blank">MonsterDebugger</a>, and <a title="TUIO Flash" href="http://bubblebird.at/tuioflash/" target="_blank">TUIO Flash</a>.</p>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2011/03/24/my-most-important-twitter-messages-9/' rel='bookmark' title='My most important Twitter Messages #9'>My most important Twitter Messages #9</a></li>
<li><a href='http://blog.derhess.de/2010/07/05/my-most-important-twitter-messages-6/' rel='bookmark' title='My most important Twitter Messages #6'>My most important Twitter Messages #6</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=1549&amp;md5=4163014b1d4425b437fc9255e5ccdb17" 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/08/16/flash-talks-to-max-msp-via-osc/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=1549&amp;md5=4163014b1d4425b437fc9255e5ccdb17" type="text/html" />"
	</item>
		<item>
		<title>Mr. Doobs Harmony project ported to Flash AS3</title>
		<link>http://blog.derhess.de/2011/08/09/mr-doobs-harmony-project-ported-to-flash-as3/</link>
		<comments>http://blog.derhess.de/2011/08/09/mr-doobs-harmony-project-ported-to-flash-as3/#comments</comments>
		<pubDate>Tue, 09 Aug 2011 10:00:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Drawing]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[library]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=1645</guid>
		<description><![CDATA[Some time ago I ported the great Harmony drawing app by Mr. Doob to Max/Msp. This Max/Msp Version I used for my media installation "Sound drawings". During the development and testing with the musicians I was not so happy with my workflow. Furthermore I felt that the Max/Msp environment causes some certain useless obstacles for [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2010/07/08/mr-doobs-harmony-drawing-app-ported-to-max-msp/' rel='bookmark' title='Mr. Doobs Harmony drawing APP ported to MAX / MSP'>Mr. Doobs Harmony drawing APP ported to MAX / MSP</a></li>
<li><a href='http://blog.derhess.de/2011/02/23/harmony-in-max-msp-with-multiple-brushes/' rel='bookmark' title='Harmony in Max / MSP with multiple brushes'>Harmony in Max / MSP with multiple brushes</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.derhess.de/wp-content/uploads/2011/08/flashharmonyport.jpg" rel="lightbox[1645]"><img class="size-full wp-image-1651 aligncenter" title="flash harmony port" src="http://blog.derhess.de/wp-content/uploads/2011/08/flashharmonyport.jpg" alt="" width="600" height="148" /></a></p>
<p>Some time ago I ported the great <strong><a title="Harmony drawing app" href="http://mrdoob.com/projects/harmony/" target="_blank">Harmony drawing app by Mr. Doob</a></strong> to Max/Msp. This <strong><a title="Harmony drawing app for Max/Msp" href="http://blog.derhess.de/2010/07/08/mr-doobs-harmony-drawing-app-ported-to-max-msp/" target="_blank">Max/Msp Version</a></strong> I used for my media installation <a title="blog post about the Sound drawings project" href="http://blog.derhess.de/2011/02/18/interactive-media-installation-sound-drawings/" target="_blank">"Sound drawings"</a>. During the development and testing with the musicians I was not so happy with my workflow. Furthermore I felt that the Max/Msp environment causes some certain useless obstacles for me. Especially for the visual part of my work. Now I have time to check how useful Flash can be as a renderer. The first step was to port the drawing functions to ActionScript. Here is the result:</p>
<p><span id="more-1645"></span>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="fm_as3_harmony_359830588"
			class="flashmovie"
			width="600"
			height="300">
	<param name="movie" value="http://blog.derhess.de/wp-content/uploads/2011/08/as3_harmony.swf" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="http://blog.derhess.de/wp-content/uploads/2011/08/as3_harmony.swf"
			name="fm_as3_harmony_359830588"
			width="600"
			height="300">
	<!--<![endif]-->
		
<p><a href="http://adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>

	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>
<p>For drawing in <strong>full size</strong> mode please visit the <strong><a title="Full size drawing app" href="http://blog.derhess.de/wp-content/uploads/2011/08/as3_harmony.html" target="_blank">html File</a></strong>. The <a title="code of the Flash project" href="http://code.google.com/p/derhess/source/browse/trunk/AS3/de/derhess/projects/as3_harmony_port/as3_harmony.as" target="_blank"><strong>code</strong></a> is available on my <a title="code on google project" href="http://code.google.com/p/derhess/source/browse/trunk/AS3/de/derhess/drawing/brushes/" target="_blank">Google project site</a>. Before using the code in your projects, please check the requirements of the <a title="GPL Version 3" href="http://www.gnu.org/licenses/gpl.html" target="_blank">GPL license Version 3</a> and read <a title="Mr. Doob blog post about harmony ports" href="http://mrdoob.com/blog/post/696" target="_blank">Mr. Doobs blog post</a> about using his code. The API is still the same as the orginial JavaScript version. Every brush has to implement the <a title="IBrush Interface" href="http://code.google.com/p/derhess/source/browse/trunk/AS3/de/derhess/drawing/brushes/IBrush.as" target="_blank">IBrush</a> Interface methods:</p>
<pre class="actionscript"><span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> init<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>; <span style="color: #808080; font-style: italic;">// for re-creating the brush (after calling destroy)</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> destroy<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>; <span style="color: #808080; font-style: italic;">//destroy the brush data and free the memory</span>
&nbsp;
<span style="color: #808080; font-style: italic;">////////// Drawing functions ///////////////</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> strokeStart<span style="color: #66cc66;">&#40;</span>mouseX:<span style="color: #0066CC;">int</span>, mouseY:<span style="color: #0066CC;">int</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>; <span style="color: #808080; font-style: italic;">// set first drawing point</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> stroke<span style="color: #66cc66;">&#40;</span>mouseX:<span style="color: #0066CC;">int</span>, mouseY:<span style="color: #0066CC;">int</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>; <span style="color: #808080; font-style: italic;">// set following drawing points</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> strokeEnd<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>; <span style="color: #808080; font-style: italic;">// stop drawing</span></pre>
<p>Brushes are very easy to use, but for <strong>performance issues</strong> you have to consider, that the drawing commands are expensive for the computer. I already ran into some performance problems after a few seconds. For this reason, I decided to store the drawing result of each frame into a BitmapData object. The <a title="Hype Framework for generative design" href="http://www.hypeframework.org/" target="_blank">Hype Framework</a> is using the same approach. Here you can see the most important code lines for the bitmap storing approach...</p>
<pre class="actionscript"><span style="color: #0066CC;">public</span> fundction handleEnterFrame<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:Event<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span> <span style="color: #66cc66;">&#123;</span>
   <span style="color: #808080; font-style: italic;">// some code before</span>
&nbsp;
   <span style="color: #808080; font-style: italic;">// draw the stroke for one(!) frame</span>
   brush.<span style="color: #006600;">stroke</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>.<span style="color: #0066CC;">target</span>.<span style="color: #006600;">mouseX</span>,<span style="color: #0066CC;">e</span>.<span style="color: #0066CC;">target</span>.<span style="color: #006600;">mouseY</span><span style="color: #66cc66;">&#41;</span>;
   <span style="color: #808080; font-style: italic;">// save the drawing in a bitmapData Object for performance</span>
   bmpCanvas.<span style="color: #006600;">draw</span><span style="color: #66cc66;">&#40;</span>canvas<span style="color: #66cc66;">&#41;</span>;
   <span style="color: #808080; font-style: italic;">// clean the canvas again for new drawings.</span>
   canvas.<span style="color: #006600;">graphics</span>.<span style="color: #0066CC;">clear</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
  <span style="color: #808080; font-style: italic;">// some code later...</span>
<span style="color: #66cc66;">&#125;</span></pre>
<p>Nothing more I can say. Have fun and keep on coding!</p>
<p>&nbsp;</p>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2010/07/08/mr-doobs-harmony-drawing-app-ported-to-max-msp/' rel='bookmark' title='Mr. Doobs Harmony drawing APP ported to MAX / MSP'>Mr. Doobs Harmony drawing APP ported to MAX / MSP</a></li>
<li><a href='http://blog.derhess.de/2011/02/23/harmony-in-max-msp-with-multiple-brushes/' rel='bookmark' title='Harmony in Max / MSP with multiple brushes'>Harmony in Max / MSP with multiple brushes</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=1645&amp;md5=d61566a79bc0d2ee11878c1df2055b83" 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/08/09/mr-doobs-harmony-project-ported-to-flash-as3/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=1645&amp;md5=d61566a79bc0d2ee11878c1df2055b83" type="text/html" />"
	</item>
		<item>
		<title>Arduino Prototype: The &#8220;plate&#8221; Gaming Device</title>
		<link>http://blog.derhess.de/2011/08/02/arduino-prototype-the-plate-gaming-device/</link>
		<comments>http://blog.derhess.de/2011/08/02/arduino-prototype-the-plate-gaming-device/#comments</comments>
		<pubDate>Tue, 02 Aug 2011 11:39:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[english]]></category>
		<category><![CDATA[Games]]></category>
		<category><![CDATA[physical computing]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[publications]]></category>
		<category><![CDATA[studium]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=1614</guid>
		<description><![CDATA[For two or three years I wanted to work seriously with Arduino. During this time I have done the same basic LED exercises again and again. Just for keeping alive my basic knowledge. Finally and luckily, I had to visit the Advanced Microcontroller lecture by Laurent Mignonneau. Laurent is the definition of a Geek himself. [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2011/05/05/moodumbrella-a-self-em-powered-device-for-well-being/' rel='bookmark' title='Moodumbrella &#8211; a self em-powered device for well-being'>Moodumbrella &#8211; a self em-powered device for well-being</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>For two or three years I wanted to work seriously with <strong><a title="Arduino Homepage" href="http://arduino.cc/" target="_blank">Arduino</a></strong>. During this time I have done the same basic LED exercises again and again. Just for keeping alive my basic knowledge. Finally and luckily, I had to visit the <strong><a title="Interface Culture - courses" href="http://www.ufg.ac.at/Courses.3001+M52087573ab0.0.html" target="_blank">Advanced Microcontroller</a></strong> lecture by <strong><a title="Homepage Christa Sommerer &amp; Laurent Mignonneau" href="http://www.interface.ufg.ac.at/christa-laurent/" target="_blank">Laurent Mignonneau</a></strong>. Laurent is the definition of a Geek himself. Not much talking, just doing, and a fucking huge amount of knowledge in electronics and programming. The assignment for his lecture was to create SOMETHING with a <strong>low resolution screen</strong>. Really advanced examples of a low resolution screen are the <a title="androp project site" href="http://www.androp.jp/brightsiren/" target="_blank">androp project</a> (<a title="making of video" href="http://www.youtube.com/watch?v=_lGmO6eq9gM" target="_blank">Making of</a> | <a title="strobo animation of androp - Bright Siren" href="http://www.youtube.com/watch?v=9ycl8DJZUOw" target="_blank">strobo animation</a>) or Laurent's <a title="Solar Display" href="http://www.interface.ufg.ac.at/christa-laurent/WORKS/FRAMES/TOPFRAMES/SolarDisplayTop.html" target="_blank">solar display</a> (<a title="solar display concept" href="http://www.interface.ufg.ac.at/christa-laurent/WORKS/CONCEPTS/SolarDisplayConcept.html" target="_blank">concept</a>).</p>
<div id="attachment_1621" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.derhess.de/wp-content/uploads/2011/07/plate_01_front.jpg" rel="lightbox[1614]"><img class="size-thumbnail wp-image-1621" title="Plate Game Device Front" src="http://blog.derhess.de/wp-content/uploads/2011/07/plate_01_front-150x150.jpg" alt="Plate Game Device Front" width="150" height="150" /></a><p class="wp-caption-text">Device Front</p></div>
<div class="mceTemp">
<div id="attachment_1629" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.derhess.de/wp-content/uploads/2011/07/plate_08_seite.jpg" rel="lightbox[1614]"><img class="size-thumbnail wp-image-1629" title="device form" src="http://blog.derhess.de/wp-content/uploads/2011/07/plate_08_seite-150x150.jpg" alt="device form" width="150" height="150" /></a><p class="wp-caption-text">Device shot</p></div>
<dl id="attachment_1622" class="wp-caption alignleft" style="width: 160px;">
<dt class="wp-caption-dt"><a href="http://blog.derhess.de/wp-content/uploads/2011/07/plate_02_display.jpg" rel="lightbox[1614]"><img class="size-thumbnail wp-image-1622" title="Plate Game Device opened" src="http://blog.derhess.de/wp-content/uploads/2011/07/plate_02_display-150x150.jpg" alt="Plate Game Device opened" width="150" height="150" /></a></dt>
<dd class="wp-caption-dd">Device opened</dd>
</dl>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span id="more-1614"></span></p>
<div id="attachment_1623" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.derhess.de/wp-content/uploads/2011/07/plate_03_backDis.jpg" rel="lightbox[1614]"><img class="size-thumbnail wp-image-1623  " title="Plate Game Device opened" src="http://blog.derhess.de/wp-content/uploads/2011/07/plate_03_backDis-150x150.jpg" alt="Plate Game Device opened" width="150" height="150" /></a><p class="wp-caption-text">Device opened back</p></div>
<div class="mceTemp" style="text-align: center;">
<div id="attachment_1624" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.derhess.de/wp-content/uploads/2011/07/plate_04_open.jpg" rel="lightbox[1614]"><img class="size-thumbnail wp-image-1624" title="Plate under the hood" src="http://blog.derhess.de/wp-content/uploads/2011/07/plate_04_open-150x150.jpg" alt="Plate under the hood" width="150" height="150" /></a><p class="wp-caption-text">Under the hood</p></div>
<div id="attachment_1625" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.derhess.de/wp-content/uploads/2011/07/plate_05_internal.jpg" rel="lightbox[1614]"><img class="size-thumbnail wp-image-1625" title="Plate internal parts" src="http://blog.derhess.de/wp-content/uploads/2011/07/plate_05_internal-150x150.jpg" alt="Plate internal parts" width="150" height="150" /></a><p class="wp-caption-text">Internal parts</p></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<dl id="attachment_1626" class="wp-caption alignleft" style="width: 160px;">
<dt class="wp-caption-dt"><a href="http://blog.derhess.de/wp-content/uploads/2011/07/plate_06_hotglue.jpg" rel="lightbox[1614]"><img class="size-thumbnail wp-image-1626" title="Hot glue fixing" src="http://blog.derhess.de/wp-content/uploads/2011/07/plate_06_hotglue-150x150.jpg" alt="Hot glue fixing" width="150" height="150" /></a></dt>
<dd class="wp-caption-dd">Hot glue fixing</dd>
</dl>
</div>
<div class="mceTemp" style="text-align: center;">
<dl id="attachment_1627" class="wp-caption alignleft" style="width: 160px;">
<dt class="wp-caption-dt"><a href="http://blog.derhess.de/wp-content/uploads/2011/07/plate_07_resistors.jpg" rel="lightbox[1614]"><img class="size-thumbnail wp-image-1627" title="display resistors" src="http://blog.derhess.de/wp-content/uploads/2011/07/plate_07_resistors-150x150.jpg" alt="display resistors" width="150" height="150" /></a></dt>
<dd class="wp-caption-dd">display resistors</dd>
</dl>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>However, one day in May I woke up and had this game device idea, which looks like a plate or a steering wheel. After some consideration the idea felt good. The very simple form allows me to integrate a low resoultion screen very easily. Furthermore the usage range of this kind of device would be broad. I was very happy. For the size of the device I got inspiration of a real plate. It has the perfect size for not entering the private area of other players, but still feel connected to them. The metaphor came to me when I observed the interaction between a waiter and his guests in a restaurant. When the waiter hands the plate to one guest, there exist for a short time a connection between them. The connection is mediated and supported by the plate. The physical distance provided by the plate is small enough for feeling welcome, but also big enough for respecting the private zone. For this reason the form of the device is not only usable for a remote control, it is even usable for a multiplayer gaming device. In this context I got a childhood memory... uh yeah... fighting all the time with my sister for the power of the TV remote control. That memory brought me to a new version of the game "tug of war". The plate has four handholds. For each player one. In the middle of the device the screen is placed. The screen shows two lines, like a cross.  The aim of the game is to pull the device hard enough, that one line (the opposite line of the player) comes closer. If the line jumps out of the screen the player has won. An arrow shows it. Afterwards the game starts again. I uploaded a short video for getting an idea and see the device in action.</p>
<p><iframe src="http://player.vimeo.com/video/27049859?title=0&amp;byline=0&amp;portrait=0" frameborder="0" width="580" height="326"></iframe></p>
<p>The <strong>technical implementation</strong> of my device is very simple, I have to admit... The wood and some other fixing stuff I found in the trash of the university and the Linzer <a href="http://en.wikipedia.org/wiki/DIY">DIY</a> stores. I had almost the feeling of <a title="Gambiologia, the Brazilian art and science of kludging" href="http://www.we-make-money-not-art.com/archives/2011/07/gambiologia.php">Gambiologia</a> <img src='http://blog.derhess.de/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  However, I cut the wood our university wood workshop. Further parts were:</p>
<ul>
<li>Board: <a title="Arduino Nano Board" href="http://arduino.cc/en/Main/ArduinoBoardNano" target="_blank">Arduino Nano</a> (ATmega168)</li>
<li>Display: <a title="Kingbright LED Matrix" href="http://www.mercateo.com/p/115-661297/TC20_11YWA_LED_Punktmatrixanzeige_gelb_50_mm_5_x_7.html" target="_blank">Kingbright LED DotMatrix TC20-11YWA</a></li>
<li>Interaction: <a title="Sparkfun Accelerometer" href="http://www.sparkfun.com/products/9269" target="_blank">Triple Axis Accelerometer Breakout - ADXL335</a></li>
<li>some cables and resistors</li>
</ul>
<p><strong>During development </strong>I ran into some<strong> pitfalls</strong>. My soldering skills are not very great and for this reason at least four or five times a cable lost the connection... In the end I stabilized the <strong>cable connection</strong> with hot glue (look at the pictures). That worked very well and I had no such problems anymore. Laurent gave me the advice to avoid cables everywhere I can. The possibility that the cable lost the connection is very high. Using plugs and connectors are good alternatives... So for the next projects I try my best to consider it.  Second pitfall was related to programming. I got a Arduino Nano Board from Laurent. I tried to replace the Nano board with my <a title="Arduino Uno" href="http://arduino.cc/en/Main/ArduinoBoardUno" target="_blank">Uno</a> board. But unfortunatley the provided Arduino Code for the LED Dot Matrix messed up. In the end the <strong>Arduino Code</strong> for Nano board was<strong> not compatible</strong> with my new Arduino Uno board. I don't know the exact reason. May one of my readers have an idea?! I would appreciate it. <img src='http://blog.derhess.de/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' />  Next issue, not a very big one, was dealing with the <strong>accelerometer data</strong>. Every motion caused a motion in the opposite direction. You can see the values at my <a title="Accelerometer sensor values (strong and weak movements)" href="http://blog.derhess.de/wp-content/uploads/2011/07/sensorValues.zip" target="_blank">Excel File</a>. I implemented a simple time checking code for the sensor. It works good for the first tests, but maybe one of you can recommend me a good library or code snippet for dealing with accelerometer values...?! The source code of this project is available as usual on <a title="Arduino Code" href="http://code.google.com/p/derhess/source/browse/#svn%2Ftrunk%2Farduino%2FLED_matrix_tugOfWar" target="_blank">my Google SVN</a>. I am pretty happy with the result of my first Arduino project. Even the feedback I got from the other students were great. So I would like to continue the development. For a much better wood cut I hope I can use the laser cutter at the <a title="Ars Electronica Center in Linz" href="http://www.aec.a" target="_blank">AEC</a> or the <a title="Fab lab definition" href="http://en.wikipedia.org/wiki/Fab_lab" target="_blank">Fab lab</a> in <a title="FabLab in Berlin" href="http://fablab-berlin.com/" target="_blank">Berlin</a>. The device should get some extensions, like pressure sensors on each handhold. Adding four InraRed LEDs on the back of the device. The IR LEDs are interesting for some (3D) tracking projects a la <a title="Wii remote tracking" href="http://johnnylee.net/projects/wii/" target="_blank">Johnny Chung Lee</a>. I hope I can implement all these ideas... Happy coding and soldering!</p>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2011/05/05/moodumbrella-a-self-em-powered-device-for-well-being/' rel='bookmark' title='Moodumbrella &#8211; a self em-powered device for well-being'>Moodumbrella &#8211; a self em-powered device for well-being</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=1614&amp;md5=6fe89b0c71c353820864eb20f0898fec" 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/08/02/arduino-prototype-the-plate-gaming-device/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=1614&amp;md5=6fe89b0c71c353820864eb20f0898fec" type="text/html" />"
	</item>
		<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>My most important Twitter Messages #10</title>
		<link>http://blog.derhess.de/2011/06/09/my-most-important-twitter-messages-10/</link>
		<comments>http://blog.derhess.de/2011/06/09/my-most-important-twitter-messages-10/#comments</comments>
		<pubDate>Thu, 09 Jun 2011 10:27:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[english]]></category>
		<category><![CDATA[Games]]></category>
		<category><![CDATA[Generative Art]]></category>
		<category><![CDATA[Interaction]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Technologie]]></category>
		<category><![CDATA[cool stuff]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[flex]]></category>
		<category><![CDATA[fotografie]]></category>
		<category><![CDATA[image processing]]></category>
		<category><![CDATA[information design]]></category>
		<category><![CDATA[physical computing]]></category>
		<category><![CDATA[talks]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=1585</guid>
		<description><![CDATA[A small summary of my Twitter messages from March - June 2011: Allgemein (General) Very interesting documentation about media (#design): Everything is a remix Added the talk: IDEO's Tim Brown in Conversation with Bruce Nussbaum &#124; Parsons The New School for #Design videos and talks of see conference are online #design and #infovis RT gardens. [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2010/03/04/my-most-important-twitter-messages-5/' rel='bookmark' title='My most important Twitter Messages #5'>My most important Twitter Messages #5</a></li>
<li><a href='http://blog.derhess.de/2010/07/05/my-most-important-twitter-messages-6/' rel='bookmark' title='My most important Twitter Messages #6'>My most important Twitter Messages #6</a></li>
<li><a href='http://blog.derhess.de/2011/11/26/my-most-important-twitter-messages-12/' rel='bookmark' title='My most important Twitter Messages #12'>My most important Twitter Messages #12</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;"><img class="aligncenter" src="http://blog.derhess.de/wp-content/uploads/2009/07/twitterdehess.gif" alt="Twitter von der hess" width="435" height="155" /><br />
A small summary of my <a href="http://twitter.com/derhess" target="_blank">Twitter messages</a> from March - June 2011:</p>
<p><strong><span id="more-1585"></span>Allgemein (General)</strong></p>
<ul>
<li>Very interesting documentation about media (<a title="#design" rel="nofollow" href="http://twitter.com/#%21/search?q=%23design">#design</a>): <a href="http://www.everythingisaremix.info/watch-the-series/">Everything is a remix</a></li>
<li>Added the talk:<a href="http://www.youtube.com/watch?v=D18Jyl-aWIY"> IDEO's Tim Brown in Conversation with Bruce Nussbaum</a> | Parsons The New School for <a title="#Design" rel="nofollow" href="http://twitter.com/#%21/search?q=%23Design">#Design</a></li>
<li><a href="http://www.see-conference.org/video-stream/">videos and talks of see conference</a> are online #design and #infovis</li>
<li>RT gardens. <a href="http://www.shinichimaruyama.com/">amazing liquid sculptures</a>.</li>
<li>This <a href="http://www.findbestopensource.com/home/">open source search engine</a> or network does not look bad</li>
<li>Interesting book: Manuel DeLanda: <a title="#Philosophy" rel="nofollow" href="http://twitter.com/#%21/search?q=%23Philosophy">#Philosophy</a> and <a title="#Simulation" rel="nofollow" href="http://twitter.com/#%21/search?q=%23Simulation">#Simulation</a>: <a href="http://burundi.sk/monoskop/log/?p=2083">The Emergence of Synthetic Reason</a></li>
<li>Also a very nice plaform for <a title="#funding" rel="nofollow" href="http://twitter.com/#%21/search?q=%23funding">#funding</a> your projects <a title="http://www.indiegogo.com/" rel="nofollow" href="http://www.indiegogo.com/" target="_blank">http://www.indiegogo.com/</a> an alternative to <a title="http://www.kickstarter.com/" rel="nofollow" href="http://www.kickstarter.com/" target="_blank">http://www.kickstarter.com/</a></li>
<li>RT <a href="http://garrettgibbons.com/blog/successful-kickstarter-campaigns">Kickstarter projects success vs fail analysis</a>, stats and links<a title="http://garrettgibbons.com/blog/successful-kickstarter-campaigns/" rel="nofollow" href="http://t.co/p7AlzXX" target="_blank"></a>/via <a rel="nofollow" href="http://twitter.com/neilhimself">@neilhimself</a></li>
<li>Really <a title="Beyoncé Tribute &amp; Performance Billboard Music Awards 2011 " href="http://www.youtube.com/watch?feature=player_detailpage&amp;v=9l2ZLnU_xSI#t=190s">astonished example of stage based #animation</a>! via <a rel="nofollow" href="http://twitter.com/JoshuaDavis">@JoshuaDavis</a></li>
</ul>
<p><strong>Generative Art:</strong></p>
<ul>
<li>RT <a href="http://vimeo.com/21590552">NODE10 - Forum for Digital Arts, Documentary</a></li>
<li>Really really enjoyed the<a title="Jared Tarbell - FOTB2010" href="http://www.vimeo.com/18907070"> talk of Jared Tarbell</a> about #generative #art and how #code goes beyond the desktop</li>
<li><a href="http://www.shiffman.net/teaching/nature/">very cool website for generative and genetic algorithms</a>... Would like to read the book</li>
<li>Computer #Art and #Typography, check <a href="http://www.postfl.com/">Travis Kirtons work</a> | <a title="TextDraw: A Prototype for Gestural Typesetting" rel="nofollow" href="http://tei-conf.org/10/uploads/Program/p193.pdf">paper</a> | and his master thesis</li>
</ul>
<p><strong>Info Design and Visualization</strong></p>
<ul>
<li>RT I am quite impressed with t<a title="Think Quarterly" href="http://thinkquarterly.co.uk/">hink quarterly magazine design and branding</a>. Content looks good, too (via <a rel="nofollow" href="http://twitter.com/shervinafshar">@shervinafshar</a>)</li>
<li>Yay, my talk from last year's decoded conference is online: "<a href="http://vimeo.com/21804808">Lasst die Daten sprechen</a>" (German)</li>
<li>great project about <a title="Synchronous objects" href="http://synchronousobjects.osu.edu/">visualizing choreographic structure from dance </a>to data objects</li>
</ul>
<p><strong>UX and Interaction Design:</strong></p>
<ul>
<li> RT Q&amp;A: <a href="http://gigaom.com/video/qa-how-to-make-tv-apps-work/#">How to Make TV Apps Work</a> (via <a rel="nofollow" href="http://twitter.com/pickone">@pickone</a>)</li>
<li>Es wäre interessant die Disziplin <a href="http://de.wikipedia.org/wiki/Psychotechnik">Psychotechnik</a> wieder fürs #Interaction #Design aufzuarbeiten</li>
<li>Found a <a title="acm library link" href="http://portal.acm.org/citation.cfm?id=1601070">nice paper</a> <a title="google book link" href="http://books.google.at/books?id=vdNrnsiaei0C&amp;pg=PA141&amp;lpg=PA141&amp;dq=psychophysiological+human+computer+interaction+research&amp;source=bl&amp;ots=-bFqRB8NcI&amp;sig=_kyi4GigLPA_cXbqybNUtKbYIg0&amp;hl=de&amp;ei=mBqoTfiPHpDWsgbf__ydCA&amp;sa=X&amp;oi=book_result&amp;ct=result&amp;resnum=6&amp;ved=0CEwQ6AEwBQ#v=onepage&amp;q=psychophysiological%20human%20computer%20interaction%20research&amp;f=false">Psychophysiology as a Tool for HCI Research: Promises and Pitfalls</a></li>
<li>This #paper sounds also very interesting:<a href="http://books.google.at/books?id=vdNrnsiaei0C&amp;lpg=PA141&amp;ots=-bFqRB8NcI&amp;dq=psychophysiological%20human%20computer%20interaction%20research&amp;pg=PA204#v=onepage&amp;q=psychophysiological%20human%20computer%20interaction%20research&amp;f=false"> Evaluation of User Interfaces for #mobile app #development environments</a></li>
<li>RT <a href="http://uxmovement.com/resources/best-collection-of-mobile-user-interface-patterns/">Ultimate Collection of Mobile User Interface Patterns</a>:<a title="http://uxmovement.com/resources/ultimate-collection-of-mobile-user-interface-patterns/" rel="nofollow" href="http://t.co/PtYjKKT" target="_blank"></a> (via <a rel="nofollow" href="http://twitter.com/pickone">@pickone</a>)</li>
<li>RT Must Read: <a rel="nofollow" href="http://twitter.com/preciousforever">@preciousforever</a>: precious presents: <a href="http://precious-forever.com/2011/05/26/patterns-for-multiscreen-strategies/">Patterns for Multiscreen Strategies</a></li>
<li>Great article by <a rel="nofollow" href="http://twitter.com/grigs">@grigs</a>: <a href="http://www.cloudfour.com/where-are-the-mobile-first-responsive-web-designs/">Where are the Mobile First Responsive Web Designs?</a></li>
<li><a href="http://www.sapdesignguild.org/community/design/golden_rules.asp">Golden Rules for Bad User Interfaces</a> via <a rel="nofollow" href="http://twitter.com/timperrett">@timperrett</a></li>
<li>It's a pretty old article but still interesting to read: <a href="http://arstechnica.com/old/content/2005/05/gui.ars">A History of the GUI</a></li>
<li>RT Great collection: <a href="http://research.microsoft.com/en-us/um/people/bibuxton/buxtoncollection/default.aspx">The Buxton Collection</a> (via <a rel="nofollow" href="http://twitter.com/BogieZero">@BogieZero</a>, <a rel="nofollow" href="http://twitter.com/stefanwoelwer">@stefanwoelwer</a>)</li>
<li>Nice <a href="http://www.cost-sid.org/">conference and resource for Sonic #Interaction #Design</a> and <a title="http://www.interactive-sonification.org/ISon2010/proceedings/" rel="nofollow" href="http://tinyurl.com/5u853lu" target="_blank"></a>their <a href="http://www.interactive-sonification.org/ISon2010/proceedings/">proceedings</a></li>
<li>Nice to read: <a href="http://johnnyholland.org/2011/04/28/the-theory-behind-social%20-interaction-design/">The Theory Behind Social Interaction Design</a></li>
</ul>
<p style="text-align: left;"><strong>Projekte und Experimente (Projects and experiments)</strong><strong> </strong></p>
<ul>
<li>RT  Great project: <a href="http://angstproject.com/kater.php">Kater - Tangible robots for multitouch tables</a> (via <a rel="nofollow" href="http://twitter.com/tillnm">@tillnm</a>)</li>
<li><a href="http://www.creativeapplications.net/iphone/extending-the-touchscreen-of-arduino-ipad-iphone/">Extending the Touchscreen</a> - #device control development | <a href="http://itp.nyu.edu/~mk3321/itp_blog/">blog</a></li>
<li>Nice <a href="http://www.projektil.ch/143-0-richti-areal.html">project for information #visualization on #architecture</a> and #urban #spaces</li>
</ul>
<p><strong>Neue Technologie (new Technologies)</strong></p>
<ul>
<li>Researchers have discovered a <a href="http://www.sciencedaily.com/releases/2011/03/110325102008.htm">universal property of musical scales</a>.</li>
<li>a state-of-the art report: <a href="http://blog.observatory.jisc.ac.uk/2011/04/08/techwatch-report-augmented-reality-for-smartphones/">Augmented Reality for Smartphones</a></li>
<li>Nice <a href="http://www.mindmeister.com/ja/90748081/cv-ar-mindmap">mind map about augmented reality</a> development</li>
<li><a href="http://info.ee.surrey.ac.uk/Personal/Z.Kalal/tld.html">TLD is a real-time algorithm</a> for #tracking of unknown objects | <a href="https://github.com/zk00006/OpenTLD">source</a></li>
<li><a href="http://www.creativeapplications.net/games/motionbeam-ipod-touch-c-games/">MotionBeam project</a> - Non-Flat <a title="#Displays" rel="nofollow" href="http://twitter.com/#%21/search?q=%23Displays">#Displays</a> for <a title="#mobile" rel="nofollow" href="http://twitter.com/#%21/search?q=%23mobile">#mobile</a> devices| <a href="http://www.motion-beam.com/media/motionbeam-paper.pdf">paper</a></li>
</ul>
<p><span><span> </span></span></p>
<p><strong>Programmierung und Software Design (Programming)</strong></p>
<ul>
<li>RT Initial impressions of <a href="https://www.amazon.com/clouddrive/learnmore">Amazon Cloud Drive / Player</a> good start, TONs of promise, needs some polish</li>
<li><a href="http://developer.openplug.com/">OpenPlug Studio</a> now Free-for-All <a title="#developers" rel="nofollow" href="http://twitter.com/#%21/search?q=%23developers">#developers</a> <a title="#mobile" rel="nofollow" href="http://twitter.com/#%21/search?q=%23mobile">#mobile</a> <a rel="nofollow" href="http://bit.ly/jHtnGH" target="_blank"></a>| <a href="http://www.alcatel-lucent.com/wps/portal/!ut/p/kcxml/04_Sj9SPykssy0xPLMnMz0vM0Y_QjzKLd4x3tXDUL8h2VAQAURh_Yw!!?LMSG_CABINET=Docs_and_Resource_Ctr&amp;LMSG_CONTENT_FILE=News_Releases_2011/News_Article_002419.xml">article</a></li>
<li>RT <a href="http://www.ignotus.com/ignocodelib/">IgnoCodeLib</a> a new library to export Adobe Illustrator Files AI7 directly from processing</li>
<li><a href="http://www.magicandlove.com/blog/2011/05/04/smile-detection-in-processing-mac-osx/">PSmile - Smile Detection</a> library for <a title="#Processing" rel="nofollow" href="http://twitter.com/#%21/search?q=%23Processing">#Processing</a> by Bryan Chung <a title="http://www.magicandlove.com/blog/2011/05/04/smile-detection-in-processing-mac-osx/" rel="nofollow" href="http://is.gd/qydoyQ" target="_blank"></a>via <a rel="nofollow" href="http://twitter.com/CedricKiefer">@CedricKiefer</a> but it seems only for Mac OSX...</li>
<li>#OpenGL library for #processing -&gt;<a href="http://glgraphics.sourceforge.net/">GLGraphics</a></li>
<li>Tutorial: <a href="http://www.local-guru.net/blog/2011/04/27/using-javadb-from-processing">Using JavaDB from #Processing</a></li>
<li>RT Great starting point for<a href="http://toxiclibs.org/2011/05/tutorials-galore/"> toxiclibs</a>: #processing</li>
<li>Working with <a href="http://www.creativeapplications.net/processing/working-with-toxiclibs-processing-tutorial/">#Toxiclibs - #Processing tutorial by Amnon Owed</a> | CreativeApplications.Net</li>
<li>Another <a href="http://www.creativecoding.org/en/beyond/p5/eclipse_as_editor">great tutorial about using eclipse for processing</a></li>
<li>Building <a href="http://vormplus.be/blog/article/processing-month-day-31-building-interactive-installations-with-opencv">Interactive Installations with OpenCV</a> - <a title="#processing" rel="nofollow" href="http://twitter.com/#%21/search?q=%23processing">#processing</a></li>
<li>RT Processing Tools "<a href="http://inittemplatep5.sourceforge.net/">InitSketch</a>" got updates to work with processing 1.5</li>
<li>RT in addition to the InitSketch processing tool, there was just released a <a href="http://savetemplate.sourceforge.net/">SaveTemplate Tool</a></li>
<li>RT source for<a href="http://t.co/Fu3EfiZ"> serial comms over audio</a> used on <a rel="nofollow" href="http://twitter.com/imogenheap">@imogenheap</a> <a href="http://t.co/Id4tHnt">twitter</a> <a href="http://t.co/w1CnrgO">dress</a></li>
<li>Ruby meets creative coding <a title="http://www.zajal.cc/" rel="nofollow" href="http://www.zajal.cc/" target="_blank">http://www.zajal.cc/</a> (via <a rel="nofollow" href="http://twitter.com/rdrb">@rdrb</a>)</li>
</ul>
<p><strong>Physical Computing<br />
</strong></p>
<ul>
<li>Interesting system for <a title="digitalStrom" href="http://www.digitalstrom.org/index.php?id=115&amp;L=2">programming your spatial home</a></li>
<li>RT Meet the <a href="http://www.sparkfun.com/news/587">IOIO for Android</a> - USB access to your Android-based phone</li>
<li>Interesting #DIY <a href="http://3dhomemade.blogspot.com/">3d Printer project</a></li>
<li><a title="Teague Labs" href="http://labs.teague.com/">An easy to use alternative to arduino</a></li>
<li>very interesting <a title="Make: Why Google Choosing Arduino Matters and is This the End of “Made for iPod” (TM)?" href="http://blog.makezine.com/archive/2011/05/why-google-choosing-arduino-matters-and-the-end-of-made-for-ipod-tm.html">article about #arduino and #android</a> | <a title="Google I/O 2011: Android Open Accessory API and Development Kit (ADK) " href="http://www.youtube.com/watch?v=s7szcpXf2rE">google video presentation</a></li>
<li>nice article: <a href="http://marioboehmer.blogspot.com/2011/05/android-adk-with-standard-arduino-uno.html">Using #Android ADK with a standard #Arduino Uno</a> and USB Host Shield</li>
<li><a href="http://makeprojects.com/">Make: Projects</a> is a living library for makers, <a href="http://blog.makezine.com/archive/2011/05/how-to-get-started-with-make-projects.html">nice place for getting inspiration</a></li>
</ul>
<p style="text-align: left;"><strong>Game Developing:</strong></p>
<ul>
<li>RT Excellent active tuts <a href="http://active.tutsplus.com/tutorials/actionscript/euclidean-vectors-in-flash/">article on Euclidean Vectors in AS3</a> by <a rel="nofollow" href="http://twitter.com/DanielSidhion">@DanielSidhion</a></li>
<li>RT Learn about #Flash <a href="http://blog.flashgen.com/2011/03/21/virtual-game-controllers/">virtual game controllers for touch-based devices</a> w/ this #article from <a rel="nofollow" href="http://twitter.com/FlashGen">@FlashGen</a></li>
<li><a href="http://code.google.com/p/quickb2/">quickb2</a> simplifies the usage of box2d physic library | <a href="http://www.emanueleferonato.com/2011/05/05/flash-physics-draw-game-with-a-car-using-quickb2/">tutorial</a></li>
<li>RT Gaming Developer Center | <a href="http://www.adobe.com/devnet/games/articles/rendering-animated-models.html">Rendering animated models in mobile games</a></li>
<li><a href="http://blog.flashgen.com/2011/06/01/pushbutton-engine-videos/">Introduction for Pushbutton Engine</a></li>
<li><a href="http://www.electrotank.com/eup.html">Electrotank Universe Platform (EUP)</a> is an interesting <a title="#game" rel="nofollow" href="http://twitter.com/#%21/search?q=%23game">#game</a> <a title="#server" rel="nofollow" href="http://twitter.com/#%21/search?q=%23server">#server</a> environment for Social MMO games</li>
<li><a href="http://www.gameclosure.com/">Game Closure</a> launches HTML5-based cross-platform game technology</li>
<li>RT gSkinner: This is awesome! A very <a title="JavaScript: RPG JS" href="http://rpgjs.com/">robust RPG game engine</a> built on top of EaselJS</li>
<li>The <a href="http://pleasepressstart.tumblr.com/">Art of Video Game Title Screens</a></li>
<li>New version of <a href="http://dambots.com/dame-editor/">Level Editor DAME 2</a> available | <a href="http://www.photonstorm.com/archives/1358/dame-2-released-my-favourite-game-map-editor">a review</a></li>
</ul>
<p><span><span> </span></span></p>
<p><strong>Flash and Flex</strong></p>
<ul>
<li>RT gSkinner: Finally got around to adding a few more items to my <a title="gSkinner Library" href="https://github.com/gskinner/AS3Libs">AS3Libs Github repo</a>. Nearly done</li>
<li>RT “<a rel="nofollow" href="http://twitter.com/github_as3">@github_as3</a>: <a href="https://github.com/as3/as3-utils">as3-utils</a> - reusable package-level functions that solve common problems” quite handy stuff!</li>
<li><a href="http://code.google.com/p/cocoon-p2p/">cocoon-p2p</a>: a library for #ActionScript focussed on local IP multicast (create #iOS remote controls)</li>
<li>RT That might come useful sometime - <a href="http://biorex21.wordpress.com/2011/04/08/bluetoothsender-or-yet-another-native-process-post/">Sending Bluetooth commands via AIR using native process</a></li>
<li><a href="http://www.babelfx.org/">BabelFX</a> is a #localizing framework for #Flash &amp; #Flex apps | <a href="http://seantheflexguy.com/blog/2011/04/23/babelfx-for-localization-of-flex-applications/">article</a></li>
<li>RT Looks interesting for <a title="#Flex" rel="nofollow" href="http://twitter.com/#%21/search?q=%23Flex">#Flex</a><a title="#Java" rel="nofollow" href="http://twitter.com/#%21/search?q=%23Java">#Java</a><a title="#Enterprise" rel="nofollow" href="http://twitter.com/#%21/search?q=%23Enterprise">#Enterprise</a> apps, the <a href="http://cookbooks.adobe.com/post_Manipulating_Objects_on_the_Client_Side_Using_Flex-18726.html">Athena framework</a>. Session/EntityManager for Client Side #ORM</li>
<li>RT Interactive Lab is proud to release <a href="https://github.com/InteractiveLab/tuio.3ASCur">open-source an essential part of our multi-touch framework</a> - <a title="#as3" rel="nofollow" href="http://twitter.com/#%21/search?q=%23as3">#as3</a><a title="#tuio" rel="nofollow" href="http://twitter.com/#%21/search?q=%23tuio">#tuio</a><a title="#osc" rel="nofollow" href="http://twitter.com/#%21/search?q=%23osc">#osc</a> parser</li>
<li>RT Flex Developer Center | <a href="http://www.adobe.com/devnet/flex/articles/introducing-flex45sdk.html">Introducing Adobe Flex 4.5 SDK</a></li>
<li>Good preso on <a title="Flex performance and skinning tipps" href="http://flexponential.com/2011/04/20/flex-performance-tips-tricks/">#Flex #performance with the new 4.5 SDK #skinning</a></li>
<li>RT Flex Developer Center | <a href="http://www.adobe.com/devnet/flex/articles/mobile-skinning-part1.html">Flex mobile skins – Part 1: Optimized skinning basics</a></li>
<li>RT Incorporate<a title="Using Geolocation(GPS) on a mobile device" href="http://www.flexpasta.com/index.php/2011/05/12/flex-45-using-geolocationgps-on-a-mobile-device/"> #GPS in your #mobile #app with this #Adobe #Flex</a> 4.5 #SDK walkthrough tutorial:</li>
<li>RT <a href="http://devgirl.org/2011/05/18/flex-4-5-mobile-data-handling/">Article about persistant data</a> when developing #mobile apps with #Flex 4.5</li>
<li>A very nice <a title="item renderers and Flex mobile" href="http://www.asfusion.com/blog/entry/mobile-itemrenderer-in-actionscript-part-5">#tutorial series about item renderers</a> for #Flex 4.5 mobile devices</li>
<li>RT Flash Builder Developer Center | <a href="http://www.adobe.com/devnet/flash-builder/articles/ascode-coverage.html">ActionScript Code Coverage Plug-in for Flash Builder</a></li>
<li>RT Kudos to <a href="http://zaalabs.com/tag/zaail">ZaaLabs for ZaaIL the super-useful alchemy port of DevIL</a></li>
<li>RT @flashforum: <a href="http://www.o-minds.com/products/flashfirebug">FlashFirebug</a>: A Firefox extension that allows developers to debug AS3 flash files</li>
<li>ActionScript 3.0 <a href="http://www.as3dp.com/2011/04/24/actionscript-3-0-communication-in-parallel-programming/">Communication in Parallel Programming</a></li>
<li>RT <a href="http://thewaxup.com/erik/moonshine_showcase/">Moonshine</a> (AS3 IDE in AIR)  (via <a rel="nofollow" href="http://twitter.com/elsassph">@elsassph</a>)</li>
<li>using the <a href="http://blogs.adobe.com/koestler/2011/05/using-the-photoshop-touch-sdk-creating-a-project.html">#Photoshop #Touch SDK with #AS3</a></li>
<li>RT <a title="Measuring video consumption in Flash " href="http://www.adobe.com/devnet/video/articles/media-measurement-flash.html">Media Measurement in Flash Player 10.3</a></li>
</ul>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2010/03/04/my-most-important-twitter-messages-5/' rel='bookmark' title='My most important Twitter Messages #5'>My most important Twitter Messages #5</a></li>
<li><a href='http://blog.derhess.de/2010/07/05/my-most-important-twitter-messages-6/' rel='bookmark' title='My most important Twitter Messages #6'>My most important Twitter Messages #6</a></li>
<li><a href='http://blog.derhess.de/2011/11/26/my-most-important-twitter-messages-12/' rel='bookmark' title='My most important Twitter Messages #12'>My most important Twitter Messages #12</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=1585&amp;md5=b7d804e7493bd1182555ab84f4c7cc22" 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/09/my-most-important-twitter-messages-10/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=1585&amp;md5=b7d804e7493bd1182555ab84f4c7cc22" type="text/html" />"
	</item>
		<item>
		<title>Moodumbrella &#8211; a self em-powered device for well-being</title>
		<link>http://blog.derhess.de/2011/05/05/moodumbrella-a-self-em-powered-device-for-well-being/</link>
		<comments>http://blog.derhess.de/2011/05/05/moodumbrella-a-self-em-powered-device-for-well-being/#comments</comments>
		<pubDate>Thu, 05 May 2011 10:00:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[english]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[My Experiments]]></category>
		<category><![CDATA[publications]]></category>
		<category><![CDATA[research]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=1560</guid>
		<description><![CDATA[During the lectures Fashionable Technology I and II from Sabine Seymour, Andrea Suter and me improved the common usage of an umbrella. In the end we developed a concept of a self em-powered device for people’s well being. Our umbrella using the approaches of light therapy and autonomous power resources. &#160; &#160; &#160; &#160; &#160; [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2011/08/02/arduino-prototype-the-plate-gaming-device/' rel='bookmark' title='Arduino Prototype: The &#8220;plate&#8221; Gaming Device'>Arduino Prototype: The &#8220;plate&#8221; Gaming Device</a></li>
<li><a href='http://blog.derhess.de/2010/03/04/my-most-important-twitter-messages-5/' rel='bookmark' title='My most important Twitter Messages #5'>My most important Twitter Messages #5</a></li>
<li><a href='http://blog.derhess.de/2010/07/05/my-most-important-twitter-messages-6/' rel='bookmark' title='My most important Twitter Messages #6'>My most important Twitter Messages #6</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>During the lectures <a title="Fashionable Technology" href="http://www.fashionabletechnology.org/" target="_blank">Fashionable Technology</a> I and II from <a title="Sabine Seymour" href="http://moondial.com/" target="_blank">Sabine Seymour</a>, <a title="Andrea Suter homepage" href="http://www.andreasuter.com/" target="_blank">Andrea Suter</a> and me improved the common usage of an umbrella. In the end we developed a concept of a self em-powered device for people’s well being. Our umbrella using the approaches of light therapy and autonomous power resources.</p>
<div id="attachment_1561" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.derhess.de/wp-content/uploads/2011/05/P1010190.jpg" rel="lightbox[1560]"><img class="size-thumbnail wp-image-1561" title="moodumbrella prototype" src="http://blog.derhess.de/wp-content/uploads/2011/05/P1010190-150x150.jpg" alt="moodumbrella prototype" width="150" height="150" /></a><p class="wp-caption-text">moodumbrella</p></div>
<div id="attachment_1562" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.derhess.de/wp-content/uploads/2011/05/P1010198.jpg" rel="lightbox[1560]"><img class="size-thumbnail wp-image-1562" title="moodumbrella detail" src="http://blog.derhess.de/wp-content/uploads/2011/05/P1010198-150x150.jpg" alt="moodumbrella detail" width="150" height="150" /></a><p class="wp-caption-text">moodumbrella detail</p></div>
<div id="attachment_1563" class="wp-caption alignleft" style="width: 160px"><a href="http://blog.derhess.de/wp-content/uploads/2011/05/P1010195.jpg" rel="lightbox[1560]"><img class="size-thumbnail wp-image-1563" title="moodumbrella in use" src="http://blog.derhess.de/wp-content/uploads/2011/05/P1010195-150x150.jpg" alt="moodumbrella in use" width="150" height="150" /></a><p class="wp-caption-text">moodumbrella in use</p></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>We created a prototype for interviews and user testings and we made a survey in Linz during a rainy day. The Austrain people were very sceptical and did not want to be asked about their happiness on rainy days. However, we were able to get some very useful feedback. The video below will show you examples of the feedback mentioned.</p>
<p><object width="398" height="299"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=23260688&amp;server=vimeo.com&amp;show_title=0&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="398" height="299" src="http://vimeo.com/moogaloop.swf?clip_id=23260688&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" allowfullscreen="true" allowscriptaccess="always"></embed></object></p>
<p>In the end we wrote paper about the details of light therapy and discussing mobile energy resources for smart devices.</p>
<p><strong><a href="http://blog.derhess.de/wp-content/uploads/2011/05/mood_umbrella_paper.pdf"> Download the moodumbrella paper</a></strong></p>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2011/08/02/arduino-prototype-the-plate-gaming-device/' rel='bookmark' title='Arduino Prototype: The &#8220;plate&#8221; Gaming Device'>Arduino Prototype: The &#8220;plate&#8221; Gaming Device</a></li>
<li><a href='http://blog.derhess.de/2010/03/04/my-most-important-twitter-messages-5/' rel='bookmark' title='My most important Twitter Messages #5'>My most important Twitter Messages #5</a></li>
<li><a href='http://blog.derhess.de/2010/07/05/my-most-important-twitter-messages-6/' rel='bookmark' title='My most important Twitter Messages #6'>My most important Twitter Messages #6</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=1560&amp;md5=864620900b92619640ea0da4ad88a6f4" 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/05/05/moodumbrella-a-self-em-powered-device-for-well-being/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=1560&amp;md5=864620900b92619640ea0da4ad88a6f4" type="text/html" />"
	</item>
	</channel>
</rss>

