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

<channel>
	<title>der hess &#187; processing</title>
	<atom:link href="http://blog.derhess.de/tag/processing/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>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>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>Book review: Generative Gestaltung</title>
		<link>http://blog.derhess.de/2011/02/14/book-review-generative-gestaltung/</link>
		<comments>http://blog.derhess.de/2011/02/14/book-review-generative-gestaltung/#comments</comments>
		<pubDate>Mon, 14 Feb 2011 15:38:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[books]]></category>
		<category><![CDATA[image processing]]></category>
		<category><![CDATA[information design]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[Konzept]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=1535</guid>
		<description><![CDATA[Fangen wir mit den harten Fakten an. Das Buch ist ziemlich großformatig und hat ein schönes stabiles Hardcover. Selten so ein gutes haptisches Erlebnis mit einem Fachbuch empfunden. Auch die verschiedenen Druck- und Papiermethoden in diesem Buch sind sehr gut ausgewählt. Die Projektsammlung ist im hochqualitativen Druck eingebunden, dagegen ist der normale Inhalt des Buches [...]
Related posts:<ol>
<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>
<li><a href='http://blog.derhess.de/2009/08/05/book-review-laws-of-simplicity/' rel='bookmark' title='Book Review: Laws of Simplicity'>Book Review: Laws of Simplicity</a></li>
<li><a href='http://blog.derhess.de/2010/11/15/book-review-designing-interactions/' rel='bookmark' title='Book review: Designing Interactions'>Book review: Designing Interactions</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.derhess.de/wp-content/uploads/2011/02/generativegestaltung.jpg" rel="lightbox[1535]"><img class="size-full wp-image-1536 alignnone" title="generativegestaltung" src="http://blog.derhess.de/wp-content/uploads/2011/02/generativegestaltung.jpg" alt="" width="550" height="115" /></a></p>
<p>Fangen wir mit den harten Fakten an. Das Buch ist ziemlich großformatig und hat ein schönes stabiles Hardcover. Selten so ein gutes haptisches Erlebnis mit einem Fachbuch empfunden. Auch die verschiedenen Druck- und Papiermethoden in diesem Buch sind sehr gut ausgewählt. Die Projektsammlung ist im hochqualitativen Druck eingebunden, dagegen ist der normale Inhalt des Buches mit einem einfachen Farbdruck eingebunden. Die inhaltliche Struktur des Buches, das Buchdesign, selbst, sowie die zum Buch dazugehörige <a title="Generative Gestaltung Website" href="http://www.generative-gestaltung.de/" target="_blank">Website</a> sind perfekt und sehr gut benutzbar umgesetzt. Ein durchaus 100% gelungenes Design und Konzept. Diese Qualität schlägt sich mit einer Preisspanne von 60-75 Euro ziemlich ins Budget nieder. Doch ist jeden Euro wert! Meine Begründungen folgen in einem Kapitel-basiertem Feedback und einem Schlussfazit:<br />
<span id="more-1535"></span><br />
<strong>Einführung Processing:</strong><br />
Die Einführung ist kurz und knapp geschrieben und bringt die Entwicklungsumgebung, sowie Processing ziemlich gut aus der Sichtweise eines Designers auf den Punkt.</p>
<p><strong>Einführung Kapitel 1 - Farbe:</strong><br />
Anfänger werden hier mit sehr einfachen Codebeispielen zum Spielen mit Farbe animiert. Besonders die Abschnitte über das Arbeiten mit Farbpaletten ist sehr<br />
gut umgesetzt.</p>
<p><strong>Einführung Kapitel 2 - Form</strong><br />
Nach den einfachen Farbbeispielen geht es um die Erzeugung von Formen. Grundlegende Zeichnen Methoden werden erklärt (wann und wo soll das Gezeichnete<br />
gelöscht werden). Besonders die Verwendung von <em>Rasterlayouts, Agenten-basiertes Zeichnen</em>, und „<em>Zeichnen mit komplexen Modulen</em>“ waren sehr inspirierend und sehr gut beschrieben.</p>
<p><strong>Einführung Kapitel 3 – Typo:</strong><br />
Dieses Kapitel liefert ein solides Grundwissen über das gestalterische Arbeiten und Erzeugen von Typographie. Die mitgelieferten Klassen unterstützen zudem das Experimentieren (z.B. das Auflösen der Schriftkontur)</p>
<p><strong>Einführung Kapitel 4 – Bild: </strong><br />
Liefert ein solides Anfangssortiment für das Arbeiten mit Bilddaten. Den Abschnitt über „<em>Rückkopplung von Bildausschnitten</em>“ fand ich persönlich nicht so interessant, dafür war der Abschnitt über das Generieren von Bildcollagen umso aufschlussreicher für mich. Auch der Abschnitt „<em>Grafik aus Pixelwerten</em>“ wird sich sicherlich in Zukunft als hilfreich erweisen.</p>
<p><strong>Fazit zu den Einführungsteil:</strong><br />
Die Einführung ist sehr gut gelungen. Die Codebeispiele lassen sich sehr gut verstehen und auch erweitern. Es ist wirklich die beste Einführung, die ich bisher in diesem Bereich gelesen habe. So macht das Programmieren Lernen auch für Designer Spaß!</p>
<p><strong>Fortgeschritten Kapitel 1 – Zufall und Rauschen:</strong><br />
Zufall und Rauschen sind zwei sehr einfach zu benutzende Werkzeuge in der Programmierung. Jedoch sorgen sie genau aus diesem Grund bei Anfängern immer wieder zu Verwirrung. Dieses Kapitel gibt eine sehr ausführliche Erläuterung welche Unterschiede zwischen diesen beiden Werkzeugen bestehen. Des weiteren erfolgen Tipps in welchen Kontext Rauschen und Zufall Sinn machen können. Für mich persönlich war dieses Kapitel mit der wertvollste Teil an diesem Buch.</p>
<p><strong>Fortgeschritten Kapitel 2 – Schwingfiguren</strong><br />
Diese Kapitel erläutert die Erzeugung von Formen mit Hilfe von Sinus und Kosinus Funktionen. Diese Funktionen sind ein elementarer Bestandteil der visuellen Programmierung, daher ist die Behandlung in diesem Buch sehr gut gewählt. Die Erzeugung von <a href="http://de.wikipedia.org/wiki/Lissajous-Figur" target="_blank">Lissajous-Figuren</a> als Codebeispiel können den ein oder anderen Designer ein wenig verwirren. Jedoch mit ein bisschen Grundlagenwissen in Mathe sollte es kein weiteres Problem sein (der mathematische Hintergrund wird in diesem Kapitel wiederholt <img src='http://blog.derhess.de/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p><strong>Fortgeschritten Kapitel 3 – Formulierte Körper</strong><br />
Bisher wurden die meisten Beispiele im 2D Raum angewandt. Dieses Kapitel behandelt die Manipulation von Körpern im 3D-Raum. Von der grundlegenden 3D Darstellung geht es hin zu Erzeugung von komplexen 3D Körpern. Die Codebeispiele sind gute erklärt und auch hier lädt die hinzugefügte Mesh-Klasse zu weiteren Experimentieren ein.</p>
<p><strong>Fortgeschritten Kapitel 4 – Attraktoren:</strong><br />
Das Arbeiten mit Kräften im 2D oder 3D Raum ähnelt sicherlich ein wenig dem Einstiegskapitel „<em>Zeichnen mit Agente</em>n“. Nur ist in diesem Kapitel der Agent starr und Kräfte von Außen wirken auf ihn ein. In diesem Kapitel werden erstmals physikalische Kräfte zum Generieren von Grafiken benutzt.  Dieses Kapitel hält sich nicht lange mit den theoretischen physikalischen Methodiken auf, sondern wendet einfache physikalische Grundgesetze im praktischen Gestaltungskontext an. Daher wieder ein durchaus gelungenes äußerst interessantes Kapitel.</p>
<p><strong>Fortgeschritten Kapitel 5 und 6 – Baumdiagramme und Datenstrukturen</strong></p>
<p>Dieses Kapitel gefällt mir mit großen Abstand am wenigsten. Die Grafiken und Codebeispiele sehen zwar schön aus, sind aber irgendwie alle Nichtssagend für die Zukunft. Hier hätte mir eine generelle Einführung oder Übersicht über Informationsvisualierung a la „<a title="Information Design overview" href="http://queue.acm.org/detail.cfm?id=1805128" target="_blank">A Tour through the Visualization Zoo</a>“ besser gefallen. Erklärungen wie man Baumdiagramme, oder ein Layoutverfahren anwendet, empfand ich als zu speziell. Es kam ein wenig der Hauch eines Internet Tutorials hoch...</p>
<p><strong>Anhang und Reflexion</strong><br />
Dieser Abschnitt fasst nochmal das komplette Buch in 6 Seiten zusammen. Eine schöne geschriebene Reflexion, jedoch aus theoretischer Sicht zu wenig. Die Theorie hinter generativen Gestaltung bleibt ein wenig auf Strecke.</p>
<p><strong>Endresultat:</strong><br />
Ein super Buch für den praktischen anwendungsorientierten Einstieg in die „<em>Generative Gestaltung</em>“. Die <a href="http://www.generative-gestaltung.de/code" target="_blank">Codebeispiele</a> sind vorbildlich umgesetzt und erklärt. Ich hätte mir solch ein Buch sehnsüchtig in meiner Anfängerzeit gewünscht, und dass dann auch noch in der Muttersprache deutsch! Von der praktischen Seite her gibt es rein gar nichts zu bemängeln. Von theoretischer Seite weißt das Buch leider ein paar Schwächen auf. Zwar zeigt die Projektsammlung eine schöne Auswahl, doch die Beschreibungstexte lesen sich manchmal wie ein Klappentext. Der theoretische Kontext und die Idee geht dadurch in manchen Projekten ein wenig verloren. Als Referenz in einer Thesis oder Abschlussarbeit würde ich dieses Buch nicht unbedingt erwähnen. Dafür finde ich das Buch „<a title="Form + Code on amazon" href="http://www.amazon.de/gp/product/1568989377?ie=UTF8&amp;tag=derhessammedi-21&amp;linkCode=as2&amp;camp=1638&amp;creative=19454&amp;creativeASIN=1568989377" target="_blank">Form + Code</a>“ von Casey Reas und Weiteren angebrachter. Es erwähnt und verdeutlicht nochmals die theoretischen Konzepte hinter Computer-generierten Designs (Repeat,Transform, Parameterize, Visualize, Simulate, usw.). Dafür hat es seine Schwächen in der praktischen Umsetzung. Wer sich ernsthaft in diese Thematik der „Generativen Gestaltung“ einarbeiten möchte, sollte sich unbedingt beide Bücher antun!</p>
<p style="text-align: center;"><iframe src="http://rcm-de.amazon.de/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=derhessammedi-21&o=3&p=8&l=as4&m=amazon&f=ifr&asins=3874397599" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>
<p>Related posts:<ol>
<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>
<li><a href='http://blog.derhess.de/2009/08/05/book-review-laws-of-simplicity/' rel='bookmark' title='Book Review: Laws of Simplicity'>Book Review: Laws of Simplicity</a></li>
<li><a href='http://blog.derhess.de/2010/11/15/book-review-designing-interactions/' rel='bookmark' title='Book review: Designing Interactions'>Book review: Designing Interactions</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=1535&amp;md5=b7dadd50f3aa7ed8777545ddb02264b3" title="Flattr" target="_blank"><img src="http://blog.derhess.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.derhess.de/2011/02/14/book-review-generative-gestaltung/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=1535&amp;md5=b7dadd50f3aa7ed8777545ddb02264b3" type="text/html" />"
	</item>
		<item>
		<title>Book review: Form + Code (Generative Art &amp; Design)</title>
		<link>http://blog.derhess.de/2011/01/18/book-review-form-code-generative-art/</link>
		<comments>http://blog.derhess.de/2011/01/18/book-review-form-code-generative-art/#comments</comments>
		<pubDate>Tue, 18 Jan 2011 13:44:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Generative Art]]></category>
		<category><![CDATA[books]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[research]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=1483</guid>
		<description><![CDATA[The last few weeks I did some research on the trendy topic generative art and design. I was very enthusiastically for reading the Form + Code book from Casey Reas, Chandler McWilliams, and the agency LUST. The content of this book is very well structured. The first chapters introduces programming and the special characteristics of [...]
Related posts:<ol>
<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/2010/11/15/book-review-designing-interactions/' rel='bookmark' title='Book review: Designing Interactions'>Book review: Designing Interactions</a></li>
<li><a href='http://blog.derhess.de/2009/08/05/book-review-laws-of-simplicity/' rel='bookmark' title='Book Review: Laws of Simplicity'>Book Review: Laws of Simplicity</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1485" title="formcode" src="http://blog.derhess.de/wp-content/uploads/2011/01/formcode.gif" alt="Form + Code Title" width="544" height="67" /></p>
<p>The last few weeks I did some research on the trendy topic generative art and design. I was very enthusiastically for reading the <strong><a href="http://www.formandcode.com/" target="_blank">Form + Code book</a></strong> from <a href="http://reas.com/" target="_blank">Casey Reas</a>, <a href="http://brysonian.com/" target="_blank">Chandler McWilliams</a>, and the agency <a href="http://lust.nl/" target="_blank">LUST</a>.</p>
<p>The <strong><a href="http://www.formandcode.com/contents" target="_blank">content</a></strong> of this book is very well structured. The first chapters introduces programming and the special characteristics of computers in design and art very well. I really appreciate it, that they chose the more concept introduction, then a technical focus. For this reason the reader gets a very good picture why the computer and programming could be helpful for creating new experiences. The transition from the introduction into the toolbox of creative coding is perfectly done. They explained the concepts of <strong>Repeat, Transform, Parameterize, Visualize, Simulate</strong> pretty good. Especially, the chosen examples of artworks for the various toolboxes are very appropriate. Therefore this book is a very useful resource for research in a scientific environment. The positive argument is also the little weakness of this book. In a theoretical terms everything is fine. The reader gets a very good introduction in this new topic. In practical terms the reader is very often alone with the <a href="http://www.formandcode.com/code-examples/" target="_blank">code examples</a>. Only two or four pages are too less for inexperienced programmers and designers. They are not going to understand and even learn so much from these code examples. The book delivers so much good content, but on the practical site if failed for me. For <a href="http://www.generative-gestaltung.de/" target="_blank">German-speaking</a> and <a href="http://www.pyramyd-editions.com/hors-collection/livre/design-generatif-concevoir-programmer-visualiser" target="_blank">French-speaking</a> people it is not worse, because the book <strong><a href="http://www.generative-gestaltung.de/" target="_blank">Generative Gestaltung</a></strong> (review comes soon) is the perfect complement for this book. The book Generative Gestaltung has got some minor weakness on theoretical aspects, but the practical part and the learning from code is perfectly done!</p>
<p>However, this book belongs to every book collection of visual programmers, new media artists and designers. It is definitely the money worth! I enjoyed the reading very much.</p>
<p style="text-align: center;"><iframe src="http://rcm-de.amazon.de/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=derhessammedi-21&o=3&p=8&l=as1&m=amazon&f=ifr&md=1M6ABJKN5YT3337HVA02&asins=1568989377" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>
<p><span style="text-decoration: underline;">Reminder  for Flashers:</span></p>
<p>This books reminds me strongly on the creative coding beginnings, like it was with Flash 4, 5 and 6. Flashers, please don't forget your roots! Have also a look on the the old <a href="http://www.friendsofed.com/fmc/downloads/" target="_blank">Flash Math Creativity Books</a> (<a href="http://www.friendsofed.com/fmc/FMCv2/FMC.html" target="_blank">edition 2</a>). Further good code examples are available on <a href="http://www.liquidjourney.com/" target="_blank">Liquid Journey</a>. Joshua Davis and Branden Hall created a very good Flash library for generative design. Check out their <a href="http://www.hypeframework.org/" target="_blank">Hype Framework</a>!</p>
<p>Related posts:<ol>
<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/2010/11/15/book-review-designing-interactions/' rel='bookmark' title='Book review: Designing Interactions'>Book review: Designing Interactions</a></li>
<li><a href='http://blog.derhess.de/2009/08/05/book-review-laws-of-simplicity/' rel='bookmark' title='Book Review: Laws of Simplicity'>Book Review: Laws of Simplicity</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=1483&amp;md5=4aac1d461b2bcc7d31f6dea177debbf3" 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/01/18/book-review-form-code-generative-art/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=1483&amp;md5=4aac1d461b2bcc7d31f6dea177debbf3" type="text/html" />"
	</item>
		<item>
		<title>My most important Twitter Messages #7</title>
		<link>http://blog.derhess.de/2010/10/18/my-most-important-twitter-messages-7/</link>
		<comments>http://blog.derhess.de/2010/10/18/my-most-important-twitter-messages-7/#comments</comments>
		<pubDate>Mon, 18 Oct 2010 12:20:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[english]]></category>
		<category><![CDATA[Generative Art]]></category>
		<category><![CDATA[Interaction]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Technologie]]></category>
		<category><![CDATA[cool stuff]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[Games]]></category>
		<category><![CDATA[interface design]]></category>
		<category><![CDATA[physical computing]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=1411</guid>
		<description><![CDATA[A small summary of my Twitter messages from July - October 2010: Allgemein (General) #Latex Thesis Framework is a nice #template. It is not the best but if it's urgent, it does the job well. Gideon Obarzanek talks about stage-based #animation at See conference in Wiesbaden  #design Dieter Brell talks about #spatial #design and #architecture [...]
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 July - October 2010:</p>
<p><strong><span id="more-1411"></span>Allgemein (General)</strong></p>
<ul>
<li>#<a href="http://www.socher.org/index.php/Main/CompleteLatexThesisFramework" target="_blank">Latex Thesis Framework</a> is a nice #template. It is not the best but if it's urgent, it does the job well.</li>
<li>Gideon Obarzanek talks about <a href="http://www.see-conference.de/gideon-obarzanek/" target="_blank">stage-based #animation at See conference</a> in Wiesbaden  #design</li>
<li>Dieter Brell talks about <a href="http://www.see-conference.de/dieter-brell/" target="_blank">#spatial #design and #architecture</a> at See conference in Wiesbaden</li>
<li><a href="http://www.greatbuildings.com/" target="_blank">Gallery of buildings and architectural elements</a> - good resource for inspiration via @<a href="http://twitter.com/make" target="_blank">make</a></li>
<li>If you have problems with #math, then don't hesitate to visit this great <a href="http://www.khanacademy.org">math #tutorial site</a> It is really big</li>
<li>RT Best de-Facebooking apps so far are <a title="http://socialsafe.net" rel="nofollow" href="http://socialsafe.net/" target="_blank">http://socialsafe.net</a> and <a href="http://bit.ly/c1aOAi " target="_blank">ArchiveFacebook</a> Thanks @<a href="http://twitter.com/Haaziq" target="_blank">Haaziq</a> @<a href="http://twitter.com/frankbarnhouse" target="_blank">frankbarnhouse</a> @<a href="http://twitter.com/orgicus" target="_blank">orgicus</a></li>
<li>RT @youthedesigner <a href="http://www.youthedesigner.com/2010/09/08/40-plus-digital-painting-tutorials-you-should-study/" target="_blank">40+ Digital Painting Tutorials</a> You Should Study</li>
</ul>
<p><strong>Generative Art:</strong></p>
<ul>
<li>Nice tutorial for fractal programming in processing: <a href="http://blog.makezine.com/archive/2010/10/codebox_create_a_fractal_menagerie.html" target="_blank">Codebox: Create a fractal menagerie</a> #generative #art #design</li>
<li><a title="http://n-e-r-v-o-u-s.com/" rel="nofollow" href="http://n-e-r-v-o-u-s.com/" target="_blank">http://n-e-r-v-o-u-s.com/</a> rocks in the domain of #generative #design Look at the <a href="http://www.creativeapplications.net/processing/nervous-system-profile-cinder-processing/" target="_blank">nice article</a> about them</li>
</ul>
<p><strong>Info Design and Visualization</strong></p>
<ul>
<li>RT Journalism in the Age of Data <a title="http://datafl.ws/11z" rel="nofollow" href="http://datafl.ws/11z" target="_blank">http://datafl.ws/11z</a> (via @<a href="http://twitter.com/flowingdata" target="_blank">flowingdata</a>)</li>
<li>Nice paper and approach for information design: <a href="http://vis.stanford.edu/papers/narrative" target="_blank">Narrative Visualization: Telling Stories with Data</a></li>
<li>Very cool #infodesign project and software #Gephi, Free Graph Exploration Software  | <a title="http://gephi.org" rel="nofollow" href="http://gephi.org/" target="_blank">http://gephi.org</a> via @<a href="http://infosthetics.com/archives/2010/07/review_gephi_graph_exploration_software.html" target="_blank">infosthetics</a></li>
<li><a href="http://thejit.org/ " target="_blank">JavaScript InfoVis Toolkit v2</a> is released, looking good! (via @<a href="http://twitter.com/flowingdata" target="_blank">flowingdata</a>)</li>
</ul>
<p><strong>UX and Interaction Design:</strong></p>
<ul>
<li>Mark Vanderbeeken summerized <a href="http://johnnyholland.org/2010/10/10/marks-ux-clippings-reflecting-on-data-visualization/" target="_blank">5 nice topics</a>, which are interesting to read for #interaction #designer and artist</li>
<li>Interesting article: <a href="http://www.nearfield.org/2010/09/depth-of-field-film-in-design-research" target="_blank">Depth of field: Film in #design</a> #research</li>
<li>RT<a href="http://wiki.darkpatterns.org/wiki/Home" target="_blank"> DarkPatterns.org </a>- Naming and shaming sites that use black hat, anti-usability design patterns.<a title="http://bit.ly/bBLm4v" rel="nofollow" href="http://bit.ly/bBLm4v" target="_blank"></a> (via @<a href="http://twitter.com/wanderingstan" target="_blank">wanderingstan</a>)</li>
<li>Useful download: <a href="http://j.mp/droidPSD" target="_blank">Android GUI set as PSD</a> #android #GUI #PSD (via @marcthiele)</li>
<li>Useful download: <a href="http://j.mp/iphn4PSD" target="_blank">PSD with iPhone 4 GUI</a> (Retina Display) #iPhone #GUI #PSD (via @marcthiele)</li>
<li>Very <a href="http://www.smashingmagazine.com/2010/08/27/free-wireframing-kits-ui-design-kits-pdfs-and-resources/" target="_blank">big list of Free #Wireframing Kits</a>, UI Design Kits, PDFs and Resources. #mobile #android #nokia #blackberry</li>
<li>RT <a href="http://www.webalys.com/design-interface-application-framework.php" target="_blank">User Interface Design Framework</a> - an awesome Adobe Illustrator library has just been released... (<a title="http://linowski.ca" rel="nofollow" href="http://linowski.ca/" target="_blank">linowski.ca</a>)</li>
<li><a href="http://www.hotgloo.com" target="_blank">HotGloo - The Online #Wireframe Application</a> maybe helpful for small User #Interface &amp; #Interaction projects #web #app</li>
</ul>
<p style="text-align: left;"><strong>Projekte und Experimente (Projects and experiments)</strong><strong> </strong></p>
<ul>
<li>Great media art project: <a href="http://www.creativeapplications.net/processing/circuit-explorations-openframeworks-processing/" target="_blank">Circuit Explorations</a> from <a href="http://www.evsc.net/about?id=about:start" target="_blank">Eva Schindling</a></li>
<li>Nice project: <a href="http://www.behance.net/gallery/Multi-Touch-Light-Table-gergwerk-/600092" target="_blank">Multi Touch Light Table: gergwerk</a> A touchscreen application for DJs</li>
<li>Really cool project: <a href="http://www.creativeapplications.net/vvvv/kinetic-chandelier-silke-vvvv/" target="_blank">Kinetic Chandelier SILKE</a> [vvvv] via @<a href="http://twitter.com/creativeapps" target="_blank">creativeapps</a></li>
<li><a href="http://www.tinker.it/blog/2010/07/29/txtbomber-prints-messages-on-walls/" target="_blank">txtBomber</a> is a nice guerillia-tool</li>
<li>Nice and inspiring project: <a href="http://blog.makezine.com/archive/2010/07/facadeprinter_temporarily_tattoos_a.html" target="_blank">The Facade Printer</a> or should I say the automactiv Printer Gun Machine ?!</li>
</ul>
<p><strong>Neue Technologie (new Technologies)</strong></p>
<ul>
<li>Amazing: <a href="http://www.mpi-inf.mpg.de/resources/MovieReshape/" target="_blank">MovieReshape: Tracking and Reshaping of Humans in Videos</a> #research #video #effect</li>
<li>Amazing Software! <a href="http://www.revisionfx.com/products/twixtor/overview/" target="_blank">#Twixtor</a> intelligently slows down, speeds up or changes the frame rate of your image sequences</li>
<li><a href="http://blog.makezine.com/archive/2010/09/quadrocopter_drone_learns_new_trick.html" target="_blank">#Quadrocopter the new flying robots</a>... Amazing technology</li>
<li>nice article what is state of the art at the moment: <a href="http://serialconsign.com/2010/09/cyborg-realism-ieds-prosthetic-limbs-and-military-rd" target="_blank">Cyborg Realism: IEDs, Prosthetic Limbs and Military R&amp;D</a></li>
<li>Nice and very interesting blog: <a href="http://newblog.oribotics.net/" target="_blank">Oribotics - the art/science of #robotic #origami</a> especially for #architecture</li>
<li>Nice article: Modular <a href="http://serialconsign.com/2010/08/modular-robotics-mini-bibliography" target="_blank">#Robotics (Mini) Bibliography</a></li>
</ul>
<p><span><span> </span></span></p>
<p><strong>Programmierung und Software Design (Programming)</strong></p>
<ul>
<li>Great <a href="http://www.creativeapplications.net/android/mobile-app-development-processing-android-tutorial/" target="_blank">Tutorial for using #Processing on #Android</a> Phones via creativeApplications</li>
<li>RT <a href="http://www.codinghorror.com/blog/2010/09/youtube-vs-fair-use.html" target="_blank">YouTube compares every upload against every minute</a> of every major copyrighted work  That's some serious CPU power!</li>
<li><a href="http://www.camspace.com/" target="_blank">CamSpace</a> can be useful for creating some #webcam based games?!Has Anyone experience with it? #gamedev #tracking</li>
<li>Open Atrium ( <a title="http://openatrium.com" rel="nofollow" href="http://openatrium.com/" target="_blank">http://openatrium.com</a> ) Schlanker Bugtracker im hübschen Gewand via @<a href="http://www.video-flash.de/index/schlanker-bugtracker-open-atrium/" target="_blank">fplag</a> his article</li>
</ul>
<p><strong>Physical Computing<br />
</strong></p>
<ul>
<li><a href="http://www.lumigram.com/catalog/index.php?language=en" target="_blank">Maybe some time useful: </a><a href="http://twitter.com/#search/%23Arduino" target="_blank">#Arduino</a> Shield List <a title="http://shieldlist.org/" rel="nofollow" href="http://shieldlist.org/" target="_blank">http://shieldlist.org/</a></li>
<li><a href="http://fritzing.org/" target="_blank">Fritzing</a> seems to be a very nice software tool for physical computing with #arduino #processing #prototyping</li>
<li><a href="http://www.cadsoftusa.com/info.htm" target="_blank">EAGLE Layout Editor</a> ist ein guter Schaltplan Editor für #Arduino | <a href="http://www.cadsoftusa.com/download.htm" target="_blank">Download</a></li>
<li>RT <a href="http://www.zambetti.com/projects/seriality/" target="_blank">Seriality - Browser Plugin</a> that let you control Arduino via your Browser/  Webinterface (via @<a href="http://twitter.com/CedricKiefer" target="_blank">CedricKiefer</a>)</li>
<li>Very cool: <a href="http://www.freetronics.com/blogs/news/1872172-ethernet-shield-for-arduino-with-power-over-ethernet-here-at-last" target="_blank">Ethernet Shield for #Arduino</a> with Power-over-Ethernet via @make <a href="http://blog.makezine.com/archive/2010/09/power_over_ethernet_theres_a_shield.html" target="_blank">article</a></li>
<li>Alicia Gibbs master thesis about #Arduino <a href="http://tinyurl.com/yjjsv65" target="_blank">New Media Art Design and the Arduino Microcontroller</a></li>
</ul>
<p style="text-align: left;"><strong>Game Developing:</strong></p>
<ul>
<li><a href="http://www.as3gamegears.com/blog/" target="_blank">AS3 Game Gears</a> is a very good blog about #Flash #GameDev #Tools</li>
<li>An amazing <a href="http://www.kerp.net/box2d/" target="_blank">list of #Flash #box2d tutorials</a> I hope they are still up-to-date #gamedev</li>
<li>I am totally flashed about #Box2d #Flash #Alchemy Port + <a href="http://www.sideroller.com/wck/" target="_blank">World Construction Kit </a>#gamedev #web</li>
<li><a href="http://www.jacobschatz.com/bisonkick/" target="_blank">Bison Kick</a> is a #Flash based #Box2D Editor. Looks nice #Physics</li>
<li>Added the Level editor <a href="http://dambots.com/dame-editor/" target="_blank">DAME</a> to my <a href="http://tinyurl.com/leob2v" target="_blank">#Flash #GameDev Lib blog post</a> Thx @<a href="http://twitter.com/photonstorm" target="_blank">photonstorm</a></li>
<li>creating music games in flash: <a href="http://music.ece.drexel.edu/files/Navigation/People/Ray_Migneco/ALF-ICE-GIC-2009.pdf" target="_blank">ALF is a nice library</a></li>
<li><a href="http://dx2.my1.cc/en/projects/aves-engine/index.html" target="_blank">Aves Engine</a> is a #Game Framework for #HTML5 and #JavaScript #gamedev #web</li>
</ul>
<p><span><span> </span></span></p>
<p><strong>Flash and Flex</strong></p>
<ul>
<li>RT _sandro Woah. Alternativa3D goes free! - <a title="http://is.gd/g1uJc" rel="nofollow" href="http://is.gd/g1uJc" target="_blank">http://is.gd/g1uJc</a> #3d #flash #engine</li>
<li>RT <a href="http://www.custardbelly.com/android/froyo/as3flobile/" target="_blank">Flash Components for Android</a> Development #as3flobile  - let's get started!</li>
<li>#Adobe Lab <a href="http://labs.adobe.com/technologies/melrose/" target="_blank">Project Melrose</a> for publishing and #monetizing your #Air app.<a title="http://labs.adobe.com/technologies/melrose/" rel="nofollow" href="http://labs.adobe.com/technologies/melrose/" target="_blank"></a> Sounds good</li>
<li>RT @johnwfisherii: Really nice <a href="http://jpauclair.net/2010/09/12/flashpreloadprofilerbet/" target="_blank">open source Flash profiler</a></li>
<li>Flashkonferenz hat ein <a href="http://vimeo.com/channels/twumble#10403500" target="_blank">paar Vorträge online</a> gestellt. Auf jeden Fall einen Besuch wert! #FFK10</li>
<li><a href="http://blog.yoz.sk/2010/08/actionscript-bitwise-calculator" target="_blank">ActionScript #Bitwise Calculator</a> maybe very helpful for some #bitmap programming</li>
<li>Very cool: <a href="http://blog.inspirit.ru/?p=432" target="_blank">ASLSD – Line Segment Detector</a></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=1411&amp;md5=360cf7f2b975fe8c44a9ca7ef61aeee9" 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/2010/10/18/my-most-important-twitter-messages-7/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=1411&amp;md5=360cf7f2b975fe8c44a9ca7ef61aeee9" type="text/html" />"
	</item>
		<item>
		<title>My most important Twitter Messages #6</title>
		<link>http://blog.derhess.de/2010/07/05/my-most-important-twitter-messages-6/</link>
		<comments>http://blog.derhess.de/2010/07/05/my-most-important-twitter-messages-6/#comments</comments>
		<pubDate>Mon, 05 Jul 2010 13:13:36 +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[art]]></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[netzwerk]]></category>
		<category><![CDATA[physical computing]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[research]]></category>
		<category><![CDATA[streaming]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=1343</guid>
		<description><![CDATA[A small summary of my Twitter messages from March - June 2010: Allgemein (General) Reading 'How To Market Your Mobile Application' (via @smashingmag) 175 free woodworking ebooks the Pop Sciences Archive is opened and for free! Free Paper: The Internet of things: Networked objects and smart devices really cool project! http://openmaterials.org/about/ and maybe helpful for [...]
Related posts:<ol>
<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>
<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 March - June 2010:</p>
<p><strong><span id="more-1343"></span>Allgemein (General)</strong></p>
<ul>
<li>Reading '<a href="http://www.smashingmagazine.com/2010/03/03/how-to-market-your-mobile-app/" target="_blank">How To Market Your Mobile Application</a>'  (via @<a rel="nofollow" href="http://twitter.com/smashingmag">smashingmag</a>)</li>
<li><a href="http://blog.makezine.com/archive/2010/03/175_free_woodworking_ebooks.html" target="_blank">175 free woodworking ebooks</a></li>
<li>the <a href="http://www.popsci.com/archives" target="_blank">Pop Sciences Archive</a> is opened and for free!</li>
<li>Free Paper: <a href="http://thehammersmithgroup.com/images/reports/networked_objects.pdf" target="_blank">The Internet of things: Networked  objects and smart devices</a></li>
<li>really cool project! <a rel="nofollow" href="http://openmaterials.org/about/" target="_blank">http://openmaterials.org/about/</a> and  maybe helpful for some future projects (installations and tangible  devices?!)</li>
<li><strong><a href="http://twitter.com/ben_fry">RT @ben_fry</a> </strong>is higher education a bubble  that's about to burst? <a rel="nofollow" href="http://j.mp/cjf4Nh" target="_blank">http://j.mp/cjf4Nh</a> (via @<a rel="nofollow" href="http://twitter.com/humphd">humphd</a>)</li>
<li><strong><a href="http://twitter.com/apolaine">RT @apolaine</a> </strong>New on Playpen::  <a href="http://www.polaine.com/2010/06/07/interdisciplinarity-vs-cross-disciplinarity/" target="_blank">Interdisciplinarity vs Cross-Disciplinarity</a></li>
<li><a href="https://www.adobe.com/products/creativesuite/cslive/story/" target="_blank">Adobe Story</a>: A Collaborative Tool for  Screenwriting - maybe useful in some future projects?!</li>
<li>Interesting: <a href="http://www.slow-media.net/manifesto" target="_blank">Slow Media Manifesto</a></li>
<li>Ole <a title="#Kristensen" rel="nofollow" href="http://twitter.com/search?q=%23Kristensen">#Kristensen</a> Homepage is a  perfect resource for <a title="#stage" rel="nofollow" href="http://twitter.com/search?q=%23stage">#stage</a>-based  <a title="#animations" rel="nofollow" href="http://twitter.com/search?q=%23animations">#animations</a> and <a title="#installations" rel="nofollow" href="http://twitter.com/search?q=%23installations">#installations</a> <a rel="nofollow" href="http://bit.ly/aHxX6T" target="_blank">http://bit.ly/aHxX6T</a> | <a rel="nofollow" href="http://bit.ly/d4a8Hn" target="_blank">http://bit.ly/d4a8Hn</a></li>
</ul>
<p><strong>Generative Art:</strong></p>
<ul>
<li><a href="http://blog.makezine.com/archive/2010/03/math_monday_mathematical_art_in_the.html" target="_blank">Mathematical Art and sculptures</a></li>
<li>Really <a href="http://www.neuroproductions.be/experiments/blowing-up-images/" target="_blank">great particle experiment</a> with good  potential for generative art projects</li>
<li>such a nice gallery: <a href="http://www.complexification.net/gallery/ " target="_blank">Complexification | Gallery of  Computation</a> <a title="#Generative" rel="nofollow" href="http://twitter.com/search?q=%23Generative">#Generative</a> <a title="#Art" rel="nofollow" href="http://twitter.com/search?q=%23Art">#Art</a> <a title="#Drawing" rel="nofollow" href="http://twitter.com/search?q=%23Drawing">#Drawing</a></li>
</ul>
<p><strong>Info Design and Visualization<br />
</strong></p>
<ul>
<li>
<div><a id="status_star_10175167825" title="favorite  this tweet"> </a>RT @<a rel="nofollow" href="http://twitter.com/DesignerDepot">DesignerDepot</a>:  14 Visually Stunning <a href="http://www.designer-daily.com/14-visually-stunning-animated-infographics-5698" target="_blank">Animated Infographics</a></div>
</li>
<li>Tim Berners-Lee:  <a href="http://infosthetics.com/archives/2010/03/tim_berners-lee_the_year_open_data_went_worldwide_ted_talk.html" target="_blank">The Year Open Data Went Worldwide</a> (TED Talk)</li>
<li>Nice use and  explanation of Jeff Heer's horizon charts (<a rel="nofollow" href="http://is.gd/a1MhQ" target="_blank">http://is.gd/a1MhQ</a> ): "Hoe de kredietcrisis de beurs besmette" <a rel="nofollow" href="http://is.gd/a1Mfm" target="_blank">http://is.gd/a1Mfm</a></li>
<li>Launch: The <a href="http://www.google.com/publicdata/home" target="_blank">Google  Public Data Explorer</a> makes large datasets easy to explore, visualize  and communicate</li>
<li><a href="http://queue.acm.org/detail.cfm?id=1805128" target="_blank">A Tour through the Visualization Zoo</a> - Great article!!! via @<a rel="nofollow" href="http://twitter.com/moritz_stefaner">moritz_stefaner</a></li>
<li><a rel="nofollow" href="http://wefeelfine.org/book" target="_blank">http://wefeelfine.org/book</a> has included some very nice data generated graphics - nice inspiration  for info visualizatzion and generative art</li>
<li><strong><a href="http://twitter.com/moritz_stefaner">RT @moritz_stefaner</a> </strong>Put my presentation from Kassel  last week up to slideshare: <a href="http://www.slideshare.net/MoritzStefaner/information-aesthetics" target="_blank">Information Aesthetics</a></li>
<li><strong><a href="http://twitter.com/seb_ly">RT @seb_ly</a> </strong>how did I miss this?<a href="http://traintimes.org.uk:81/map/tube/" target="_blank"> London  underground trains' live position on a map</a>!</li>
</ul>
<p><strong>UX and Interaction Design:</strong></p>
<ul>
<li>
<div><a id="status_star_9975554569" title="favorite  this tweet"> </a>please welcome our new and  growing <a rel="nofollow" href="http://vimeo.com/channels/interfacedesignprojects" target="_blank">project compilation on vimeo</a> (via @<a rel="nofollow" href="http://twitter.com/idpotsdam">idpotsdam</a>)</div>
</li>
<li>Nice talk: Mike Kruzeniski-<a href="http://www.nearfuturelaboratory.com/2010/03/03/a-relevant-talk/" target="_blank">Poetry &amp; Polemics  in Creating Experience</a></li>
<li>MultiTouchGesture stuff: <a href="http://www.designresearchconference.org/index.php?option=com_k2&amp;view=item&amp;id=19:dan-saffer-researching-and-designing-interactive-gestures&amp;Itemid=73" target="_blank">Talk</a> | <a href="http://gestureworks.com/about/open-source-gesture-library/" target="_blank">Icons#1</a> <a href="http://gesturecons.com/" target="_blank">Icons#2</a> <a href="http://blog.rongeorge.com/design/gesturcons/" target="_blank">Icons#3</a></li>
<li>Reading all the paper of Organic User Interfaces <a rel="nofollow" href="http://www.organicui.org/" target="_blank">http://www.organicui.org/</a></li>
<li><a href="http://www.organicui.org/?page_id=35" target="_blank">Designing Kinetic Interactions for OUI</a> is a great  article and it mentioned why interactive art is and was important</li>
<li>Some good thoughts  on "natural" user interfaces by Don Norman: <a href="http://interactions.acm.org/content/?p=1355" target="_blank">Natural User Interfaces are  not Natural</a></li>
<li><a href="http://www.strategies-research.ufg.ac.at/blog_2010/?p=273" target="_blank">Two nice talks</a> about <a title="#EMOTIONs" rel="nofollow" href="http://twitter.com/search?q=%23EMOTIONs">#EMOTIONs</a> and <a title="#HAPPINESS" rel="nofollow" href="http://twitter.com/search?q=%23HAPPINESS">#HAPPINESS</a> in <a title="#Design" rel="nofollow" href="http://twitter.com/search?q=%23Design">#Design</a> processes. Perfect  for the afternoon break <img src='http://blog.derhess.de/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </li>
</ul>
<p style="text-align: left;"><strong>Projekte und Experimente (Projects and experiments)</strong><strong> </strong></p>
<ul>
<li><a href="http://www.creativeapplications.net/sound/touchdesigner-plastikman-windows-sound/" target="_blank">TouchDesigner</a>, an authoring tool for building  interactive 3D art, visualizations</li>
<li>RT @<a rel="nofollow" href="http://twitter.com/creativeapps">creativeapps</a> <a href="http://www.creativeapplications.net/flash/toneglue-webapp-flash/" target="_blank">toneglue</a> is a nice Music band visualization App [WebApp, Flash]</li>
<li>Nice list: <a href="http://www.fastcompany.com/blog/chris-dannen/techwatch/11-killer-apps-microsoft-surface-videos" target="_blank">11 Killer Apps for Microsoft Surface</a></li>
<li><a href="http://blog.makezine.com/archive/2010/05/mobile_physical-digital_dial_interf.html" target="_blank">Mobile physical-digital dial interface</a> - Tangible  Controller for your next generation mobile?!</li>
<li><a href="http://blog.makezine.com/archive/2010/06/water-based_touch_screen_interface.html" target="_blank">Water-based touch screen interface</a> - nice  experiment-Dont know if it is helpful,at least it has a physical  feedback</li>
<li>Interactive cookies for AR Applications <a rel="nofollow" href="http://tinyurl.com/yd9et59" target="_blank">http://tinyurl.com/yd9et59</a> and <a rel="nofollow" href="http://tinyurl.com/333odbr" target="_blank">http://tinyurl.com/333odbr</a> via MultiModal Interface  Lecture</li>
<li>very nice <a href="http://www.creativeapplications.net/openframeworks/ai-controller-ipad-openframeworks/" target="_blank">media facade visualization</a></li>
<li>great audio visual based drawing project: <a href="http://nodalgenesis.com/" target="_blank">Nodal  Genesis</a>- I almost  fall in love with the vis techniques</li>
</ul>
<p><strong>Neue Technologie (new Technologies)</strong></p>
<ul>
<li>Skinput: Appropriating the <a href="http://www.chrisharrison.net/projects/skinput/" target="_blank">Body as an Input   Surface</a></li>
<li>RT @<a rel="nofollow" href="http://twitter.com/quasimondo">quasimondo</a>: Awesome <a href="http://www.dgp.toronto.edu/~mdelasa/slip/" target="_blank">puppet locomotion paper</a> &amp;  video</li>
<li>boah shit sick   <a href="http://gl.ict.usc.edu/Research/DigitalEmily/" target="_blank">face capturing</a>.  Much room for manipulation, like in the politic movie <a title="#WagTheDog" rel="nofollow" href="http://twitter.com/search?q=%23WagTheDog">#WagTheDog</a></li>
<li>More information <a href="http://gl.ict.usc.edu/Research/LFR/" target="_blank">how this sick face capturing and  scanning works</a></li>
<li>nice new <a href="http://www.youtube.com/watch?v=2D0TgsCnwv8" target="_blank">PSD painting tools</a><a rel="nofollow" href="http://bit.ly/b48wIG" target="_blank"></a>, especially in combination with  <a rel="nofollow" href="http://bit.ly/2LcGnM" target="_blank">http://bit.ly/2LcGnM</a> and <a href="http://www.cs.toronto.edu/~dstn/papers/coolpaint-abstract.pdf" target="_blank">Coolpaint</a></li>
<li>New Material: <a href="http://blog.makezine.com/archive/2010/06/programmable_origami.html" target="_blank">Programmable Origami</a> - reminds me on  nano technology or intelligent textils</li>
</ul>
<p><span><span> </span></span></p>
<p><strong>Programmierung und Software Design (Programming)</strong></p>
<ul>
<li><a href="http://www.xuggle.com/" target="_blank">Xuggler</a> is the easy way to uncompress, modify, and  re-compress any media file (or stream) from Java to a red5 server</li>
<li><a href="http://xat.info/live-screencast-in-flash-mit-red5-und-camtasia-studio/" target="_blank">Live Screencast in Flash mit Red5 und Java  Streaming Library</a></li>
<li><a href="http://www.splitmedialabs.com/vh-java-capture-sdk" target="_blank">VH Java Screen Capture SDK</a> looks nice... Hopefully  it will not become so expensive...</li>
<li>Freeware: <a href="http://www.splitmedialabs.com/vh-video-sdk/vh-screen-capture" target="_blank">VH Screen Capture Driver</a> supports C++,  C#, Java, Delphi, etc</li>
<li>Pogg: <a href="http://fotosdelpais.com/octavi/pogg/doku.php" target="_blank">Processing Theora Ogg Videos</a> - Working with  ogg (Streaming) Videos // thx @<a rel="nofollow" href="http://twitter.com/david_bru">david_bru</a></li>
<li>kooaba’s image recognition web services API is  public and their Query API is free! <a href="http://www.kooaba.com/developers/" target="_blank">you can check</a></li>
<li>Great tool and lib  for web <a href="http://web-harvest.sourceforge.net/" target="_blank">harvesting / scraping to extract data from web pages</a></li>
<li>crazy <a href="http://www.escapemotions.com/experiments.html" target="_blank">Peter from Slovakia</a> is an awesome visual  animation programmer <a title="#processing" rel="nofollow" href="http://twitter.com/search?q=%23processing">#processing</a>. He rocks!</li>
<li><strong><a href="http://twitter.com/jensfranke">RT @jensfranke</a> </strong>Benedikt Gross just released  <a href="http://www.looksgood.de/libraries/Ani/" target="_blank">vers. 1.2 of his Processing Animation/tweening Library</a> ANI.<a rel="nofollow" href="http://is.gd/cISGJ" target="_blank"></a> (via @<a rel="nofollow" href="http://twitter.com/CedricKiefer">CedricKiefer</a>)</li>
<li>Very good resource for processing! <a rel="nofollow" href="http://wiki.processing.org/w/Main_Page" target="_blank">http://wiki.processing.org/w/Main_Page</a></li>
</ul>
<p><strong>Physical Computing<br />
</strong></p>
<ul>
<li><a href="http://www.lumigram.com/catalog/index.php?language=en" target="_blank">Crazy LED clothes</a>.... <a rel="nofollow" href="http://www.lumigram.com/catalog/index.php?language=en" target="_blank"></a> maybe hackable for something</li>
<li>nice website with tutorials in wearable technology  <a rel="nofollow" href="http://lilypond.media.mit.edu/" target="_blank">http://lilypond.media.mit.edu/</a> via @<a rel="nofollow" href="http://twitter.com/popkalab">popkalab</a></li>
<li>Hmm... this <a href="http://code.google.com/p/amarino/" target="_blank">Amarino Project (Android meets  Arduino)</a> sounds interesting</li>
<li><a href="http://blog.makezine.com/archive/2010/06/flexible_arduino_is_flexible.html" target="_blank">Arduino is now flexible</a>- seems perfect for  fashionable projects?!</li>
<li><a href="http://www.oreillynet.com/pub/e/1626" target="_blank">First Steps with Arduino</a> - nice video tutorial for  beginners  via @<a rel="nofollow" href="http://twitter.com/make">make</a></li>
</ul>
<p style="text-align: left;"><strong>Game Developing:</strong></p>
<ul>
<li>Flash Game Developer: Announcing <a href="http://blog.elite-games.net/blog4.php/2010/03/10/announcing-mochi-social-aamp-the-mochi-g" target="_blank">Mochi Social  &amp; the Mochi GAME Developer Fund</a></li>
<li>Updated my FLash Game Lib Blog with some Links:  <a href="http://www.brighthub.com/hubfolio/matthew-casperson/blog/archive/2010/01/06/pushbutton-engine-tutorials.aspx" target="_blank">PushButton Engine vs. Flixel Game Engine and other tutorial links</a></li>
</ul>
<p><span><span> </span></span></p>
<p><strong>Flash and Flex</strong></p>
<ul>
<li><a href="http://code.google.com/p/in-spirit/wiki/ASSURF" target="_blank">ASSURF</a> by Eugene is an impressive <a href="http://blog.inspirit.ru/?p=386" target="_blank">image-based  pattern recognition library</a> for Flash</li>
<li>Two great tutorials for particle effects with  flint: <a href="http://slekx.com/2009/12/flint-visual-introduction/" target="_blank">Introduction</a> | <a href="http://slekx.com/2009/12/flinteroids-advanced-flint-tutorial/" target="_blank">Flint in a Game</a></li>
<li><strong>RT <a href="http://twitter.com/Stevehoward999">Stevehoward999</a> </strong>nice bunch of <a href="http://tv.adobe.com/show/rich-internet-applications-101/" target="_blank">Flash Catalyst and  Flash Builder 4 tutorials</a> from Adobe TV</li>
<li>RT @<a rel="nofollow" href="http://twitter.com/mchaize">mchaize</a>: Yes ! Adobe Flex is open ! The   <a href="http://opensource.adobe.com/wiki/display/flexsdk/flexsdk_announcements" target="_blank">AdvancedDataGrid and Charting components are open source</a></li>
<li><a href="https://freeriatools.adobe.com" target="_blank">Flash Builder 4 is  still FREE</a> for students and teachers</li>
<li>Introduction to Flex 4 videos --&gt; <a href="http://polygeek.com/2077_flex_introduction-to-flex-4-videos" target="_blank">Good video  links</a></li>
<li><strong><a href="http://twitter.com/thibault_imbert">RT thibault_imbert</a> </strong>Blogged  : <a href="http://www.bytearray.org/?p=1800" target="_blank">Optimizing  Flash Ads  whitepaper and some XFL Gourmet</a></li>
<li>„<a href="http://help.adobe.com/en_US/as3/mobile/flashplatform_optimizing_content.pdf" target="_blank">Optimizing  Performance for the Flash Platform</a>.” Tipps für Flash Player 10.1. (pdf)</li>
<li><a href="http://www.bytearray.org/?p=1827" target="_blank">Optimizing web content for Flash Player 10.1</a> - a  nice video talk</li>
<li>very <a href="http://corlan.org/2010/05/05/working-with-doctrine-zend-framework-and-flex/" target="_blank">cool article for MySQL + PHP and Flex  Projects</a></li>
<li>Added <a rel="nofollow" href="http://www.flashscope.com/" target="_blank">http://www.flashscope.com/</a> on my <a href="http://blog.derhess.de/2009/06/15/flash-indie-developer-part-8-verkaufe-deine-digitalen-produkte/comment-page-1/#comment-1143" target="_blank">blogpost</a> for  selling and buying flash components</li>
<li>Hm, I dont know why I found this <a rel="nofollow" href="http://flexbookmarks.com/" target="_blank">http://flexbookmarks.com/</a> not ealier... But it seems  to be a cool flex blog collection</li>
</ul>
<p>Related posts:<ol>
<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>
<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=1343&amp;md5=70bd4c17b94781357f9b873a77607e6a" 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/2010/07/05/my-most-important-twitter-messages-6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=1343&amp;md5=70bd4c17b94781357f9b873a77607e6a" type="text/html" />"
	</item>
		<item>
		<title>Creative Coding Tools, which is the best?</title>
		<link>http://blog.derhess.de/2010/06/02/creative-coding-tools-which-is-the-best/</link>
		<comments>http://blog.derhess.de/2010/06/02/creative-coding-tools-which-is-the-best/#comments</comments>
		<pubDate>Wed, 02 Jun 2010 12:15:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Gedanken]]></category>
		<category><![CDATA[Interaction]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[image processing]]></category>
		<category><![CDATA[interface design]]></category>
		<category><![CDATA[physical computing]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=1308</guid>
		<description><![CDATA[Now I am almost studying Interactive Art for one year. Me, as a Flash and Flex Developer, like coding with audio-visual and interaction-based content. But if I am honest, in the last time I did not use Flash in my projects at all. I had to deal with some other powerful creative coding tools. Some [...]
Related posts:<ol>
<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/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/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>Now I am almost studying Interactive Art for one year. Me, as a Flash and Flex Developer, like coding with audio-visual and interaction-based content. But if I am honest, in the last time I did not use Flash in my projects at all. I had to deal with some other powerful creative coding tools. Some of these tools provide me, as an artist, much more freedom than the Flash plattform can ever provide. For example, creating a <strong>visual output for multi-displays</strong> applications, <strong>programming on hardware</strong> (arduino), some real-time<strong> video tracking</strong> (face detection) experiments, using special Open-GL Renderer for <strong>3D graphics</strong> and so on. But I also ran into problems, which I would never have with using Flash. Especially, when I worked together with unexperienced programmer. For this reason, I will describe some of these creative coding tools with their inherent advantages and disadvantages. After this article you should have a good overview about the available tools in creative coding.</p>
<div id="attachment_1319" class="wp-caption aligncenter" style="width: 310px"><a href="http://blog.derhess.de/wp-content/uploads/2010/06/creativeCoding_table.gif" rel="lightbox[1308]"><img class="size-medium wp-image-1319" title="Creative Coding Tools" src="http://blog.derhess.de/wp-content/uploads/2010/06/creativeCoding_table-300x142.gif" alt="Creative Coding Tools Overview" width="300" height="142" /></a><p class="wp-caption-text">Creative Coding Tools Overview</p></div>
<p><span id="more-1308"></span></p>
<p><a href="http://www.adobe.com/products/flash/" target="_blank"><span style="font-size: large;"><strong>Adobe Flash (text-based coding)</strong></span></a></p>
<p>Adobe delivers a very good IDE for creative coding. Many people complain about the IDE, but it is the <strong>best tool to start coding</strong> for media designer, artist etc. You have the whole familiar layer infrastructure from Photoshop, and you can easily import your Photoshop, Illustrator graphics. After importing the graphics and the artist can start coding directly on the graphics. To see the graphics visually and arrange them on the stage, and then coding seamlessly with them (connected via symbolname = variable name) minimizes the obstactles for newbies so much. The same is valid for working with interactive video and audio. I know the Flash IDE is not cheap, but it is definitely the money worth for getting a perfect start. After reaching the intermediate level, you can switch to <a href="http://www.adobe.com/devnet/flex/free/index.html" target="_blank">Flash Builder</a> Coding Editor. This editor is quite advanced and it is free for students and teacher.</p>
<p>In a summary Flash is perfect for starting creative coding. For heavy <strong>graphic and media</strong> (video + audio files) <strong>projects </strong>it is perfect and delivers a <strong>unique workflow</strong>. Flash is also a very good solution for <strong>web-based project</strong> and the <strong>community is very big and active</strong>. So you can be sure to find a whole set of additional libraries and help. Because of the simplicity the Flash Plattform has got two disadvantages. The lack of perfomance compared to other technologies (C++, Java, Python) can be a problem for complex visual renderings and algorithms. The second disadvantage is the less freedom for physical computing based projects. An Alternative for Flash is <strong><a href="http://www.silverlight.net/" target="_blank">Microsoft Silverlight</a></strong></p>
<p><a href="http://processing.org/" target="_blank"><span style="font-size: large;"><strong>Processing (text-based coding)</strong></span></a></p>
<p>Processing is a specific Java based framework for creative coding. Ben Fry and Casey Reas simplified the programming language Java, so it is easier for media artist diving into creative coding. In my opinion, <strong>it is not a good solution for starting creative coding</strong> with this tool, even it is for free! In my class and at my old university I often saw the same misunderstanding in the beginners eyes when they started with processing... This whole text-based coding without any reference to the graphics is still too abstract for beginners. That lead for unhappy artist. Then maybe they  started hating programming... That is not cool... Maybe the new IDE project <strong><a href="http://kaleido.media.mit.edu/" target="_blank">Kaleido</a></strong> can solve this.</p>
<p>The syntax of Processing is quite similar to <a href="http://de.wikipedia.org/wiki/ActionScript" target="_blank">ActionScript</a>. So it is not so difficult for Flash Coder to switch to Processing and vice versa. Processing is able to <strong>use Open-GL</strong>. In this case it makes much more sense to use this <strong>tool for 3D Project</strong> than Flash. Even you can <strong>connect Java Libraries</strong> with your Processing projects. That enables completely new application possibilities. <strong>Speech recognition, video tracking</strong>, working with <strong>Bluetooth Networks</strong> are only a few examples. Also collaborative coding via <a href="http://en.wikipedia.org/wiki/Revision_control" target="_blank">SVN</a> is quite easy in Processing and the active community is the best evidence for this.</p>
<p><a href="http://cycling74.com/" target="_blank"><span style="font-size: large;"><strong>Max/MSP/Jitter (node-based coding)</strong></span></a></p>
<p>This tool is a node-based  programming tool for media artist. Every node has an input and a output. The artist can connect this nodes with cables, like it was used to do in the earlier times with the audio synthesizer. The node-based approach may be a good starting point for beginners. For experienced programmer (also for me) it can be very weird to programm in this environment. But if I am honest, Max/MSP/Jitter delivers a b<strong>ig repertoire of audio effect nodes, video effect nodes</strong> and <strong>User Interface elements</strong>. Also working with hardware is quite well supported in this environment. <strong>Connecting MIDI devices</strong>,<strong> special sound-cards</strong> and <strong>several displays</strong> (or projectors) to Max/MSP/Jitter is not a big problem. For this reason Max/MSP/Jitter is perfect for <strong>live audio-visual performances</strong> and <strong>media installations</strong>. A further advantage is the extensibility of Max/MSP/Jitter. Advanced programmers can use the <strong>included JAVA  API</strong> or <strong>JavaScript API</strong> for creating and extending new nodes (e.g. OpenCV in Max) and user interface elements. Only for web-based projects this tool is almost useless, and even working together with other artist seems not so easy. Alternatives for the commercial based product MAX/MSP/Jitter can be <strong><a href="http://puredata.info/" target="_blank">PureData</a></strong> (mainly for audio processing), <strong><a href="http://vvvv.org/" target="_blank">VVVV</a></strong> (video and visuals) and <strong><a href="http://musart.dist.unige.it/EywMain.html" target="_blank">EyesWeb Framework</a></strong> (video and stage-based installations).</p>
<p><strong><a href="http://www.openframeworks.cc/" target="_blank"><span style="font-size: large;">openFrameworks (text-based coding)</span></a></strong></p>
<p>With openFrameworks we enter the big world of C and C++. C and C++ is quite old and for this reason the language has got some ugly inherent characteristics. For advanced programmer the <a href="http://en.wikipedia.org/wiki/Pointer_%28computing%29" target="_blank">concept of pointers</a> is quite easy to understand. In contrast intermediate programmers will get surely fucked up with the <a href="http://en.wikipedia.org/wiki/Header_file" target="_blank">header file concept</a>. Beginners are going to get lost in this big world... That sounds terrible, but it  is not so worse. C and C++ provides the biggest freedom an artist can ever get. For getting this freedom the artist has to put some effort into it.</p>
<p>Afterwards the artist can <strong>code directly on hardware</strong> (e.g. <a href="http://www.arduino.cc/" target="_blank">Arduino</a>). Also <strong>high-end performance</strong> optimizing of your application is possible here. Especially for <strong>heavy 3D -based projects</strong> you are supposed to use this platform. The team around openFrameworks created successfully an easy to use C++ Library for audio-visual coding. Their <a href="http://www.openframeworks.cc/setup" target="_blank">tutorial page</a> gives an easy start and their classes makes it quite <strong>easy working with audio,video and drawing operations in C++</strong>. The openFramework approach is very similar to the Processing project in Java World. It exist an active community, who <a href="http://www.openframeworks.cc/addons" target="_blank">extend</a> the openFramework toolkit successively. A disadvantage of openFrameworks could be the slow development process. If no suitable add-on is available for your project (for instance: network-based multi-user interaction) it can get very fast complex and time-consuming to solve this technical issue. An alternative for openFramework could be <strong><a href="http://libcinder.org/" target="_blank">Cinder</a></strong>.</p>
<p><strong><span style="font-size: large;">The End</span></strong></p>
<p>The table above reveals that there is no real winner available. All the tools do a great job in their special domain. So Flash and Processing are very good tools for web-based projects, openFrameworks and Max/MSP/Jitter are better for media installations and complex animations. Beginners should check which tool is really easy to learn. An easy start and enjoying coding is very important in the beginning! Advanced Programmer and artist should distinguish between <strong>perfomance-based/hardware-based</strong> or <strong>graphic-based/media-file-based/web-based</strong> projects. For perfomance-based/hardware-based projects openFrameworks, Max/MSP/Jitter and maybe Processing is the best solution. For web-based and media-file/graphic-based projects Flash delivers a very good solution. In some cases (e.g. big Information Design projects) Processing is more suitable... So Happy Coding and visit <strong><a href="http://www.creativeapplications.net/" target="_blank">CreativeApplications.Net</a></strong> to see what is possible!</p>
<p><strong><br />
</strong></p>
<p><strong><br />
</strong></p>
<p>Related posts:<ol>
<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/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/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=1308&amp;md5=c9c06c74032a7967d84841937f9eff02" 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/2010/06/02/creative-coding-tools-which-is-the-best/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=1308&amp;md5=c9c06c74032a7967d84841937f9eff02" type="text/html" />"
	</item>
		<item>
		<title>Algorithmen verpackte Ästhetik</title>
		<link>http://blog.derhess.de/2007/07/29/algorithmen-verpackte-asthetik/</link>
		<comments>http://blog.derhess.de/2007/07/29/algorithmen-verpackte-asthetik/#comments</comments>
		<pubDate>Sun, 29 Jul 2007 14:04:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Generative Art]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[books]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[information design]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[Interaction]]></category>
		<category><![CDATA[processing]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=267</guid>
		<description><![CDATA[Die visuelle Programmierung und der Computer etabliert sich immer mehr als Ausdruckswerkzeug für Designer und Künstler (siehe algorithmische Revolution vom ZKM). Um die Macht der Mathematik und der Programmierung für den kreativen Gestaltungsprozess offenzulegen und um den Einstieg für die Kreativen zu vereinfachen, sind einige sehr brauchbare Bücher zu diesem Thema erschienen: - Flash Math [...]
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/2008/11/01/buchersumpf-fur-den-winter-0809/' rel='bookmark' title='Büchersumpf für den Winter 08/09'>Büchersumpf für den Winter 08/09</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><img class="alignnone size-full wp-image-268" title="genillu" src="http://blog.derhess.de/wp-content/uploads/2009/04/genillu.jpg" alt="genillu" width="128" height="96" /> <img class="alignnone size-full wp-image-269" title="infovis" src="http://blog.derhess.de/wp-content/uploads/2009/04/infovis.jpg" alt="infovis" width="128" height="96" /> <img class="alignnone size-full wp-image-270" title="iatheatre" src="http://blog.derhess.de/wp-content/uploads/2009/04/iatheatre.jpg" alt="iatheatre" width="128" height="96" /></p>
<p>Die visuelle Programmierung und der Computer etabliert sich immer mehr als Ausdruckswerkzeug für Designer und Künstler (siehe <a class="checkLink" href="http://on1.zkm.de/zkm/stories/storyReader$4146" target="_blank">algorithmische Revolution</a> vom <a class="checkLink" href="http://zkm.de/" target="_blank">ZKM</a>). Um die Macht der Mathematik und der Programmierung für den kreativen Gestaltungsprozess offenzulegen und um den Einstieg für die Kreativen zu vereinfachen, sind einige sehr brauchbare Bücher zu diesem Thema erschienen:</p>
<p>- <a class="checkLink" href="http://www.friendsofed.com/fmc/FMCv2/FMC.html" target="_blank">Flash Math Creativity</a> (<a class="checkLink" href="http://www.friendsofed.com/fmc/downloads/" target="_blank">Quellcode</a>)<br />
- <a class="checkLink" href="http://www.friendsofed.com/book.html?isbn=159059617x" target="_blank">Processing: Creative Coding and Computational Art</a><br />
- <a href="http://www.amazon.de/gp/product/3211204385?ie=UTF8&tag=derhessammedi-21&linkCode=as2&camp=1638&creative=19454&creativeASIN=3211204385">CodeArt. Eine elementare Einführung in die Programmierung als künstlerische Praktik</a><img src="http://www.assoc-amazon.de/e/ir?t=derhessammedi-21&l=as2&o=3&a=3211204385" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></p>
<p>Als zusätzliche Inspirationsquelle finde ich die <a class="checkLink" href="http://www.cove.org/ba_presentation/" target="_blank">Gallery beautiful algorithms</a> von <a class="checkLink" href="http://www.cove.org/" target="_blank">Alec Cove</a> und die <a class="checkLink" href="http://www.levitated.net/daily/index.html" target="_blank">Website</a> von <a class="checkLink" href="http://www.levitated.net/" target="_blank">Levitated</a> sehr sehr gut!</p>
<p>Eine gewisse Ästhetik ist auch bei der Informationsvisualisierung vorhanden. Der Blogeintrag <a class="checkLink" href="http://pingmag.jp/2007/03/23/infosthetics-form-follows-data/" target="_blank">Infosthetics: the beauty of data visualization</a> von <a class="checkLink" href="http://pingmag.jp" target="_blank">pingmag</a> bringt diesen Sachverhalt sehr gut auf den Punkt. Spätestens aber wenn man die <a class="checkLink" href="http://www.visualcomplexity.com/vc/" target="_blank">Gallery</a> von <a class="checkLink" href="http://www.visualcomplexity.com/" target="_blank">visualcomplexity.com</a> betrachtet, kann man die Ästhetik der programmierten Informations- visualisierung nicht mehr leugnen.</p>
<p>Damit nicht genug, die kreative (visuelle) Programmierung schreitet mittlerweile sogar in Bereiche vor mit denen man bisher nicht gererechnet hat. So passt sich zum Beispiel bei einem <a class="checkLink" href="http://88.191.14.162/wiiflash/?p=44" target="_blank">Theaterstück</a> das Hintergrundbild (auf einer Leinwand) den Bewegungen der Darsteller an. Sogar bei einer Modeshown wurde das <a class="checkLink" href="http://www.prip.tuwien.ac.at/Teaching/WS/ProSemSab/prosem05/pdf/Matiasch.pdf" target="_blank">Motion Detection Verfahren</a> angewandt um die Hintergrundanimation mit den Bewegung der Modells auf dem Laufsteg abzugleichen. Dieser Bereich befindet sich aber noch in den Kinderschuhen und lässt somit viel Raum für weitere Experimente.</p>
<p>Meiner Meinung nach ist mit dieser Entwicklung das Klischee des unkreativen verpickelten Fertigpizzen fressenden Programmierer hinfällig. Vielleicht werden ja sogar die Programmierer irgendwann mal die Kreative Führung übernehmen <img src='http://blog.derhess.de/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p>Hier noch einige nette Links zum Thema:<br />
- <a class="checkLink" href="http://www.grotrian.de/spiel/d/info.html" target="_blank">Interaktion mit Sound</a><br />
- <a class="checkLink" href="http://graffitiresearchlab.com/?page_id=76#video" target="_blank">graffitiresearchlab.com</a><br />
- <a class="checkLink" href="http://zkm.de/" target="_blank">Zentrum für Kunst und Medien</a><br />
- <a class="checkLink" href="http://incubator.quasimondo.com/" target="_blank">Quasimondo | Incubator</a></p>
<p><strong>-- UPDATE 19.10.2007 --</strong><br />
Der <a class="checkLink" href="http://mitpress.mit.edu/" target="_blank">MIT Press Verlag</a> hat ein passendes Buch zu diesem Thema mit dem Titel <a href="http://www.amazon.de/gp/product/0262182629?ie=UTF8&tag=derhessammedi-21&linkCode=as2&camp=1638&creative=19454&creativeASIN=0262182629">Processing: A Programming Handbook for Visual Designers and Artists</a><img src="http://www.assoc-amazon.de/e/ir?t=derhessammedi-21&l=as2&o=3&a=0262182629" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /> herausgrebracht. Dieses Buch liefert einen sehr guten Einstieg in die Thematik und führt den Leser bis zu fortgeschrittenen Themen heran.</p>
<p>Ein weiteres brauchbares Buch vom MIT zum Thema <a href="http://www.amazon.de/gp/product/3764371080?ie=UTF8&tag=derhessammedi-21&linkCode=as2&camp=1638&creative=19454&creativeASIN=3764371080">Creative Code</a><img src="http://www.assoc-amazon.de/e/ir?t=derhessammedi-21&l=as2&o=3&a=3764371080" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /> in deutscher Sprache.</p>
<p><strong>-- UPDATE 1.11.2007 --</strong><br />
Ein <a class="checkLink" href="http://well-formed-data.net/" target="_blank">netter Blog von Moritz Stefaner</a> zum Thema Informationsvisualisierung. Schaut mal vorbei, es lohnt sich.</p>
<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/2008/11/01/buchersumpf-fur-den-winter-0809/' rel='bookmark' title='Büchersumpf für den Winter 08/09'>Büchersumpf für den Winter 08/09</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=267&amp;md5=113e14b7826c24d503a87def8e485a23" title="Flattr" target="_blank"><img src="http://blog.derhess.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.derhess.de/2007/07/29/algorithmen-verpackte-asthetik/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=267&amp;md5=113e14b7826c24d503a87def8e485a23" type="text/html" />"
	</item>
		<item>
		<title>Interaktive Kalligrafie</title>
		<link>http://blog.derhess.de/2006/09/26/interaktive-kalligrafie/</link>
		<comments>http://blog.derhess.de/2006/09/26/interaktive-kalligrafie/#comments</comments>
		<pubDate>Tue, 26 Sep 2006 08:50:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Generative Art]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[kalligrafie]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[typographie]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=44</guid>
		<description><![CDATA[Ricard Marxer (ricardmarxer.com) ein Digital Artist aus Barcelona befasst sich mit computergenerierter Kalligrafie und wollte eine neue Präsentationsform für Text schaffen. Mit Erfolg! Die erzeugten Kalligrafien reagieren zum Teil auch noch mit dem User (interaktiv). Also auf jeden Fall sehr interessant für den Bereich textbasierte Motion Graphics im Webdesign und im interaktiven Film. Technisch umgesetzt [...]
No related posts.]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-45" title="marxer" src="http://blog.derhess.de/wp-content/uploads/2009/04/marxer.jpg" alt="marxer" width="128" height="96" /> <img class="alignnone size-full wp-image-46" title="caligraft" src="http://blog.derhess.de/wp-content/uploads/2009/04/caligraft.jpg" alt="caligraft" width="128" height="96" /> <img class="alignnone size-full wp-image-47" title="sri" src="http://blog.derhess.de/wp-content/uploads/2009/04/sri.jpg" alt="sri" width="128" height="96" /></p>
<p>Ricard Marxer (<a href="http://www.ricardmarxer.com" target="_blank">ricardmarxer.com</a>) ein Digital Artist aus Barcelona befasst sich mit computergenerierter Kalligrafie und wollte eine neue Präsentationsform für Text schaffen. Mit Erfolg! Die erzeugten Kalligrafien reagieren zum Teil auch noch mit dem User (interaktiv). Also auf jeden Fall sehr interessant für den Bereich textbasierte Motion Graphics im Webdesign und im interaktiven Film.</p>
<p>Technisch umgesetzt wurde das ganze mit der Programmiersprache <a href="http://www.processing.org" target="_blank">PROCESSING</a>, die speziell für Digital Artists entwickelt wurde. Aehnelt aber sehr stark der JAVA Syntax. Aber jetzt Schluss mit Gelabber. Checkts selbst ab <a href="http://www.caligraft.com" target="_blank">Caligraft</a></p>
<p>No related posts.</p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=44&amp;md5=47d07e8fe0e35f5d73e9834d413af72f" 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/2006/09/26/interaktive-kalligrafie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=44&amp;md5=47d07e8fe0e35f5d73e9834d413af72f" type="text/html" />"
	</item>
	</channel>
</rss>

