<?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>OM 2010</title>
	<atom:link href="http://ifdblog.org/ba-om2010/feed/" rel="self" type="application/rss+xml" />
	<link>http://ifdblog.org/ba-om2010</link>
	<description></description>
	<lastBuildDate>Wed, 23 Jun 2010 10:22:24 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Bild-Plakat</title>
		<link>http://ifdblog.org/ba-om2010/bild-plakat/</link>
		<comments>http://ifdblog.org/ba-om2010/bild-plakat/#comments</comments>
		<pubDate>Fri, 18 Jun 2010 22:51:49 +0000</pubDate>
		<dc:creator>AnneRoesch</dc:creator>
				<category><![CDATA[Teilnehmer]]></category>

		<guid isPermaLink="false">http://ifdblog.org/ba-om2010/?p=1502</guid>
		<description><![CDATA[<img src="http://ifdblog.org/ba-om2010/wp-content/uploads/2009/10/punktbildkanne2.jpg" alt="Bild-Plakat" width="340" height="255" />]]></description>
			<content:encoded><![CDATA[<p><strong>Der Finalentwurf für das Typo-Plakat.</strong><br />
Zusammenarbeit mit Stephanie Hoffmann.<br />
Der Grundcode stammt von: Martin Schneider</p>

<div class="wp_syntax"><div class="code"><pre class="java" style="font-family:monospace;">PImage img<span style="color: #339933;">;</span>
<span style="color: #000066; font-weight: bold;">int</span> s<span style="color: #339933;">=</span><span style="color: #cc66cc;">640</span>, minSize <span style="color: #339933;">=</span> <span style="color: #cc66cc;">2</span><span style="color: #339933;">;</span>
<span style="color: #000066; font-weight: bold;">int</span> steps <span style="color: #339933;">=</span> <span style="color: #cc66cc;">5</span><span style="color: #339933;">;</span> 
&nbsp;
dot mom<span style="color: #339933;">;</span> 
&nbsp;
<span style="color: #000066; font-weight: bold;">void</span> setup<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
  size<span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">640</span>,<span style="color: #cc66cc;">480</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  img <span style="color: #339933;">=</span> loadImage<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;8459-tea-infusersq.jpg&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  img.<span style="color: #006633;">resize</span><span style="color: #009900;">&#40;</span>s,s<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  smooth<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> noStroke<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  mom <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> dot<span style="color: #009900;">&#40;</span>s<span style="color: #339933;">/</span><span style="color: #cc66cc;">2</span>,s<span style="color: #339933;">/</span><span style="color: #cc66cc;">2</span>,s,s<span style="color: #339933;">/</span><span style="color: #cc66cc;">2</span>,s<span style="color: #339933;">/</span><span style="color: #cc66cc;">2</span>,s<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span> 
&nbsp;
<span style="color: #000066; font-weight: bold;">void</span> draw<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
  background<span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  mom.<span style="color: #006633;">draw</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span> 
&nbsp;
<span style="color: #000066; font-weight: bold;">void</span> mousePressed<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
  mom.<span style="color: #006633;">interact</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span> 
&nbsp;
<span style="color: #000000; font-weight: bold;">class</span> dot <span style="color: #009900;">&#123;</span> 
&nbsp;
  <span style="color: #000066; font-weight: bold;">boolean</span> alife <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">true</span><span style="color: #339933;">;</span>
  <span style="color: #000066; font-weight: bold;">int</span> x0, y0, d0, x, y, d<span style="color: #339933;">;</span>
  color c0, c<span style="color: #339933;">;</span>
  <span style="color: #000066; font-weight: bold;">float</span> t<span style="color: #339933;">;</span> 
&nbsp;
  dot<span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span> kids<span style="color: #339933;">;</span> 
&nbsp;
  dot<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">int</span> _x0, <span style="color: #000066; font-weight: bold;">int</span> _y0, <span style="color: #000066; font-weight: bold;">int</span> _d0, <span style="color: #000066; font-weight: bold;">int</span> _x, <span style="color: #000066; font-weight: bold;">int</span> _y, <span style="color: #000066; font-weight: bold;">int</span> _d<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    x0<span style="color: #339933;">=</span>_x0<span style="color: #339933;">;</span> y0<span style="color: #339933;">=</span>_y0<span style="color: #339933;">;</span> d0<span style="color: #339933;">=</span>_d0<span style="color: #339933;">;</span> x<span style="color: #339933;">=</span>_x<span style="color: #339933;">;</span> y<span style="color: #339933;">=</span>_y<span style="color: #339933;">;</span> d <span style="color: #339933;">=</span>_d<span style="color: #339933;">;</span>
    c <span style="color: #339933;">=</span> img.<span style="color: #006633;">get</span><span style="color: #009900;">&#40;</span>x,y<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> c0 <span style="color: #339933;">=</span> img.<span style="color: #006633;">get</span><span style="color: #009900;">&#40;</span>x0,y0<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span> 
&nbsp;
  <span style="color: #000066; font-weight: bold;">void</span> draw<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    t <span style="color: #339933;">=</span> constrain<span style="color: #009900;">&#40;</span>t <span style="color: #339933;">+</span> 1f<span style="color: #339933;">/</span>steps ,<span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #000000; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>alife<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
      <span style="color: #000066; font-weight: bold;">float</span> xt <span style="color: #339933;">=</span> lerp<span style="color: #009900;">&#40;</span>x0, x, t<span style="color: #009900;">&#41;</span>, yt <span style="color: #339933;">=</span> lerp<span style="color: #009900;">&#40;</span>y0, y, t<span style="color: #009900;">&#41;</span>, dt <span style="color: #339933;">=</span> lerp<span style="color: #009900;">&#40;</span>d0, d, t<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
      color ct <span style="color: #339933;">=</span> lerpColor<span style="color: #009900;">&#40;</span>c0, c, t<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
      fill<span style="color: #009900;">&#40;</span>ct<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> ellipse<span style="color: #009900;">&#40;</span>xt,yt,dt,dt<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
    <span style="color: #000000; font-weight: bold;">else</span> <span style="color: #000000; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">int</span> i<span style="color: #339933;">=</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span> iminSize<span style="color: #009900;">&#41;</span> giveBirth<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span>
    <span style="color: #000000; font-weight: bold;">else</span> kids<span style="color: #009900;">&#91;</span><span style="color: #009900;">&#40;</span>mouseX<span style="color: #339933;">-</span>x<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">?</span><span style="color: #cc66cc;">2</span><span style="color: #339933;">:</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #009900;">&#40;</span>mouseY<span style="color: #339933;">-</span>y<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span><span style="color: #cc66cc;">0</span><span style="color: #339933;">?</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">:</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#93;</span>.<span style="color: #006633;">interact</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span> 
&nbsp;
  <span style="color: #000066; font-weight: bold;">void</span> giveBirth<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    <span style="color: #000066; font-weight: bold;">int</span> e <span style="color: #339933;">=</span> d<span style="color: #339933;">/</span><span style="color: #cc66cc;">4</span>, f <span style="color: #339933;">=</span> d<span style="color: #339933;">/</span><span style="color: #cc66cc;">2</span><span style="color: #339933;">;</span>
    kids <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> dot<span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span> <span style="color: #009900;">&#123;</span>
      <span style="color: #000000; font-weight: bold;">new</span> dot<span style="color: #009900;">&#40;</span>x,y,d,x<span style="color: #339933;">+</span>e,y<span style="color: #339933;">+</span>e,f<span style="color: #009900;">&#41;</span>, <span style="color: #000000; font-weight: bold;">new</span> dot<span style="color: #009900;">&#40;</span>x,y,d,x<span style="color: #339933;">+</span>e,y<span style="color: #339933;">-</span>e,f<span style="color: #009900;">&#41;</span>,
      <span style="color: #000000; font-weight: bold;">new</span> dot<span style="color: #009900;">&#40;</span>x,y,d,x<span style="color: #339933;">-</span>e,y<span style="color: #339933;">+</span>e,f<span style="color: #009900;">&#41;</span>, <span style="color: #000000; font-weight: bold;">new</span> dot<span style="color: #009900;">&#40;</span>x,y,d,x<span style="color: #339933;">-</span>e,y<span style="color: #339933;">-</span>e,f<span style="color: #009900;">&#41;</span>
    <span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
    alife <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">false</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://ifdblog.org/ba-om2010/bild-plakat/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Interaktives Plakat zum Bild</title>
		<link>http://ifdblog.org/ba-om2010/interaktives-plakat-zum-bild/</link>
		<comments>http://ifdblog.org/ba-om2010/interaktives-plakat-zum-bild/#comments</comments>
		<pubDate>Fri, 18 Jun 2010 17:02:52 +0000</pubDate>
		<dc:creator>StephanieHoffmann</dc:creator>
				<category><![CDATA[Teilnehmer]]></category>

		<guid isPermaLink="false">http://ifdblog.org/ba-om2010/?p=1494</guid>
		<description><![CDATA[<img src="http://ifdblog.org/ba-om2010/wp-content/uploads/2009/10/PunktbildKanne.png" alt="Bild-Plakat" width="340" height="255" />]]></description>
			<content:encoded><![CDATA[<p>Dies ist ein zweites Plakat zu Marianne Brandt. Auch hier ist der Hammer als interaktives Werkzeug angedacht.<br />
Durch das Schlagen auf die Bildfläche teilen sich die Punkte. Es entsteht dann, nach einiger Zeit und vielen Schlägen, denn Metallbearbeitung braucht ja bekanntlich Zeit, das berühmte Tee-Extraktkännchen von Marianne Brandt, welches sie 1924 entwarf.</p>
<p>Der Grundcode dieses Plakates stammt von Martin Schneider.</p>
]]></content:encoded>
			<wfw:commentRss>http://ifdblog.org/ba-om2010/interaktives-plakat-zum-bild/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Interaktives Plakat zur Typografie</title>
		<link>http://ifdblog.org/ba-om2010/interaktives-plakat-zur-typografie/</link>
		<comments>http://ifdblog.org/ba-om2010/interaktives-plakat-zur-typografie/#comments</comments>
		<pubDate>Fri, 18 Jun 2010 14:29:05 +0000</pubDate>
		<dc:creator>StephanieHoffmann</dc:creator>
				<category><![CDATA[Teilnehmer]]></category>

		<guid isPermaLink="false">http://ifdblog.org/ba-om2010/?p=1485</guid>
		<description><![CDATA[<img src="http://ifdblog.org/ba-om2010/wp-content/uploads/2009/10/ZitatQuadrate.png" alt="Typo-Plakat" width="340" height="255" />]]></description>
			<content:encoded><![CDATA[<p>Dies war der Entwurf für ein interaktives Plakat, das ein Zitat von Marianne Brandt zeigt, welches bei der Interaktion erzittert. Als Tool für unsere Interaktion wählten wir einen Hammer, welcher als Symbol für das Handwerk in der Metallwerkstatt und Mariannes starken und zielstrebigen Charakter steht.<br />
Das Zitat wählten wir aus, weil es kurz und knapp Marianne Brandts Charakter widerspiegelt.</p>
<p>Der Grundcode dieses Plakates stammt von:  Daniel Shiffman</p>

<div class="wp_syntax"><div class="code"><pre class="java" style="font-family:monospace;">PFont f<span style="color: #339933;">;</span>
<span style="color: #003399;">String</span> message <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;´´Ich bin nun eben kein Theoretiker.``&quot;</span><span style="color: #339933;">;</span>
&nbsp;
Letter<span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span> letters<span style="color: #339933;">;</span>
&nbsp;
Rect<span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span> rects<span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000066; font-weight: bold;">int</span> count <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000066; font-weight: bold;">void</span> setup<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
  size<span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">640</span>,<span style="color: #cc66cc;">480</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
  f <span style="color: #339933;">=</span> createFont<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Arial&quot;</span>, <span style="color: #cc66cc;">35</span>, <span style="color: #000066; font-weight: bold;">true</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  textFont<span style="color: #009900;">&#40;</span>f<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  letters <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> Letter<span style="color: #009900;">&#91;</span>message.<span style="color: #006633;">length</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
&nbsp;
  rects <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> Rect<span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">1000</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
  <span style="color: #000066; font-weight: bold;">int</span> x <span style="color: #339933;">=</span> <span style="color: #cc66cc;">38</span><span style="color: #339933;">;</span>
  <span style="color: #000000; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">int</span> i <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span> message.<span style="color: #006633;">length</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> i <span style="color: #339933;">++</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    letters<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> Letter<span style="color: #009900;">&#40;</span>x,<span style="color: #cc66cc;">240</span>,message.<span style="color: #006633;">charAt</span><span style="color: #009900;">&#40;</span>i<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    x <span style="color: #339933;">+=</span> textWidth<span style="color: #009900;">&#40;</span>message.<span style="color: #006633;">charAt</span><span style="color: #009900;">&#40;</span>i<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #000066; font-weight: bold;">void</span> draw<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
  background<span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">225</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
  <span style="color: #000000; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">int</span> i <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span> count<span style="color: #339933;">;</span> i <span style="color: #339933;">++</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
  rects<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #006633;">display</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  smooth<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  noStroke<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span>
&nbsp;
  <span style="color: #000000; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">int</span> i <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span> letters.<span style="color: #006633;">length</span><span style="color: #339933;">;</span> i <span style="color: #339933;">++</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
  letters<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #006633;">display</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
    <span style="color: #000000; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>mousePressed<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
 letters<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #006633;">shake</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
    <span style="color: #000000; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span>
      letters<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #006633;">home</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
&nbsp;
  <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">class</span> Letter <span style="color: #009900;">&#123;</span>
  <span style="color: #000066; font-weight: bold;">char</span> letter<span style="color: #339933;">;</span>
&nbsp;
  <span style="color: #000066; font-weight: bold;">float</span> homex,homey<span style="color: #339933;">;</span>
  <span style="color: #000066; font-weight: bold;">float</span> x,y<span style="color: #339933;">;</span>
&nbsp;
  Letter<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">float</span> x_, <span style="color: #000066; font-weight: bold;">float</span> y_, <span style="color: #000066; font-weight: bold;">char</span> letter_<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    homex <span style="color: #339933;">=</span> x <span style="color: #339933;">=</span> x_<span style="color: #339933;">;</span>
    homey <span style="color: #339933;">=</span> y <span style="color: #339933;">=</span> y_<span style="color: #339933;">;</span>
    letter <span style="color: #339933;">=</span> letter_<span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span>
&nbsp;
  <span style="color: #000066; font-weight: bold;">void</span> display<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    fill<span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    textAlign<span style="color: #009900;">&#40;</span>LEFT<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    text<span style="color: #009900;">&#40;</span>letter,x,y<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span>
&nbsp;
  <span style="color: #000066; font-weight: bold;">void</span> shake<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    x <span style="color: #339933;">+=</span> random<span style="color: #009900;">&#40;</span><span style="color: #339933;">-</span><span style="color: #cc66cc;">5</span>,<span style="color: #cc66cc;">5</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    y <span style="color: #339933;">+=</span> random<span style="color: #009900;">&#40;</span><span style="color: #339933;">-</span><span style="color: #cc66cc;">20</span>,<span style="color: #cc66cc;">20</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span>
&nbsp;
  <span style="color: #000066; font-weight: bold;">void</span> home<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    x <span style="color: #339933;">=</span> homex<span style="color: #339933;">;</span>
    y <span style="color: #339933;">=</span> homey<span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">class</span> Rect <span style="color: #009900;">&#123;</span>
&nbsp;
  <span style="color: #000066; font-weight: bold;">int</span> durchmesser<span style="color: #339933;">;</span>
  <span style="color: #000066; font-weight: bold;">int</span> xx,yy<span style="color: #339933;">;</span>
&nbsp;
  Rect<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">int</span> x_, <span style="color: #000066; font-weight: bold;">int</span> y_, <span style="color: #000066; font-weight: bold;">int</span> durchmesser_<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    xx <span style="color: #339933;">=</span> x_<span style="color: #339933;">;</span>
    yy <span style="color: #339933;">=</span> y_<span style="color: #339933;">;</span>
&nbsp;
  <span style="color: #009900;">&#125;</span>
&nbsp;
  <span style="color: #000066; font-weight: bold;">void</span> display<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    fill<span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">0</span>, <span style="color: #cc66cc;">50</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    rect<span style="color: #009900;">&#40;</span>xx, yy, <span style="color: #cc66cc;">110</span>, <span style="color: #cc66cc;">110</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
 <span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #009900;">&#125;</span>
<span style="color: #000066; font-weight: bold;">void</span> mousePressed<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
 rects<span style="color: #009900;">&#91;</span>count<span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> Rect<span style="color: #009900;">&#40;</span>mouseX,mouseY,<span style="color: #cc66cc;">30</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  count<span style="color: #339933;">++;</span>
  <span style="color: #009900;">&#125;</span>
<span style="color: #000066; font-weight: bold;">void</span> keyPressed<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://ifdblog.org/ba-om2010/interaktives-plakat-zur-typografie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Typo-Plakat</title>
		<link>http://ifdblog.org/ba-om2010/typo-plakat/</link>
		<comments>http://ifdblog.org/ba-om2010/typo-plakat/#comments</comments>
		<pubDate>Thu, 17 Jun 2010 20:51:21 +0000</pubDate>
		<dc:creator>AnneRoesch</dc:creator>
				<category><![CDATA[Teilnehmer]]></category>

		<guid isPermaLink="false">http://ifdblog.org/ba-om2010/?p=1471</guid>
		<description><![CDATA[<img src="http://ifdblog.org/ba-om2010/wp-content/uploads/2009/10/ZitatQuadrate.jpg" alt="Typo-Plakat" width="340" height="255" />]]></description>
			<content:encoded><![CDATA[<p><strong>Der Finalentwurf für das Typo-Plakat.</strong><br />
Zusammenarbeit mit Stephanie Hoffmann.<br />
Der Grundcode stammt von:  Daniel Shiffman</p>
<p><code></p>

<div class="wp_syntax"><div class="code"><pre class="java" style="font-family:monospace;">&nbsp;
PFont f<span style="color: #339933;">;</span>
<span style="color: #003399;">String</span> message <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;´´Ich bin nun eben kein Theoretiker.``&quot;</span><span style="color: #339933;">;</span>
&nbsp;
Letter<span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span> letters<span style="color: #339933;">;</span>
Rect<span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span> rects<span style="color: #339933;">;</span>
<span style="color: #000066; font-weight: bold;">int</span> count <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000066; font-weight: bold;">void</span> setup<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
  size<span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">640</span>,<span style="color: #cc66cc;">480</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
  f <span style="color: #339933;">=</span> createFont<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Arial&quot;</span>, <span style="color: #cc66cc;">35</span>, <span style="color: #000066; font-weight: bold;">true</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  textFont<span style="color: #009900;">&#40;</span>f<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  letters <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> Letter<span style="color: #009900;">&#91;</span>message.<span style="color: #006633;">length</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
  rects <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> Rect<span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">1000</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span> 
  <span style="color: #000066; font-weight: bold;">int</span> x <span style="color: #339933;">=</span> <span style="color: #cc66cc;">38</span><span style="color: #339933;">;</span> 
  <span style="color: #000000; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">int</span> i <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span> message.<span style="color: #006633;">length</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> i <span style="color: #339933;">++</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
  letters<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> Letter<span style="color: #009900;">&#40;</span>x,<span style="color: #cc66cc;">240</span>,message.<span style="color: #006633;">charAt</span><span style="color: #009900;">&#40;</span>i<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
  x <span style="color: #339933;">+=</span> textWidth<span style="color: #009900;">&#40;</span>message.<span style="color: #006633;">charAt</span><span style="color: #009900;">&#40;</span>i<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #000066; font-weight: bold;">void</span> draw<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
  background<span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">225</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #000000; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">int</span> i <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span> count<span style="color: #339933;">;</span> i <span style="color: #339933;">++</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
  rects<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #006633;">display</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  smooth<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  noStroke<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
  <span style="color: #000000; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">int</span> i <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span> letters.<span style="color: #006633;">length</span><span style="color: #339933;">;</span> i <span style="color: #339933;">++</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
  letters<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #006633;">display</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #000000; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>mousePressed<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
  letters<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #006633;">shake</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span> 
  <span style="color: #000000; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span>
  letters<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #006633;">home</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
  <span style="color: #000000; font-weight: bold;">class</span> Letter <span style="color: #009900;">&#123;</span>
  <span style="color: #000066; font-weight: bold;">char</span> letter<span style="color: #339933;">;</span>
  <span style="color: #000066; font-weight: bold;">float</span> homex,homey<span style="color: #339933;">;</span>
  <span style="color: #000066; font-weight: bold;">float</span> x,y<span style="color: #339933;">;</span>
  Letter<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">float</span> x_, <span style="color: #000066; font-weight: bold;">float</span> y_, <span style="color: #000066; font-weight: bold;">char</span> letter_<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
  homex <span style="color: #339933;">=</span> x <span style="color: #339933;">=</span> x_<span style="color: #339933;">;</span>
  homey <span style="color: #339933;">=</span> y <span style="color: #339933;">=</span> y_<span style="color: #339933;">;</span>
  letter <span style="color: #339933;">=</span> letter_<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
  <span style="color: #000066; font-weight: bold;">void</span> display<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    fill<span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    textAlign<span style="color: #009900;">&#40;</span>LEFT<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    text<span style="color: #009900;">&#40;</span>letter,x,y<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
  <span style="color: #000066; font-weight: bold;">void</span> shake<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    x <span style="color: #339933;">+=</span> random<span style="color: #009900;">&#40;</span><span style="color: #339933;">-</span><span style="color: #cc66cc;">5</span>,<span style="color: #cc66cc;">5</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
    y <span style="color: #339933;">+=</span> random<span style="color: #009900;">&#40;</span><span style="color: #339933;">-</span><span style="color: #cc66cc;">20</span>,<span style="color: #cc66cc;">20</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
  <span style="color: #000066; font-weight: bold;">void</span> home<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> 
    x <span style="color: #339933;">=</span> homex<span style="color: #339933;">;</span>
    y <span style="color: #339933;">=</span> homey<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
  <span style="color: #000000; font-weight: bold;">class</span> Rect <span style="color: #009900;">&#123;</span>
  <span style="color: #000066; font-weight: bold;">int</span> durchmesser<span style="color: #339933;">;</span>
  <span style="color: #000066; font-weight: bold;">int</span> xx,yy<span style="color: #339933;">;</span>
  Rect<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">int</span> x_, <span style="color: #000066; font-weight: bold;">int</span> y_, <span style="color: #000066; font-weight: bold;">int</span> durchmesser_<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
  xx <span style="color: #339933;">=</span> x_<span style="color: #339933;">;</span>
  yy <span style="color: #339933;">=</span> y_<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
    <span style="color: #000066; font-weight: bold;">void</span> display<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    fill<span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">0</span>, <span style="color: #cc66cc;">50</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
    rect<span style="color: #009900;">&#40;</span>xx, yy, <span style="color: #cc66cc;">110</span>, <span style="color: #cc66cc;">110</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
    <span style="color: #000066; font-weight: bold;">void</span> mousePressed<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
    rects<span style="color: #009900;">&#91;</span>count<span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> Rect<span style="color: #009900;">&#40;</span>mouseX,mouseY,<span style="color: #cc66cc;">30</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
    count<span style="color: #339933;">++;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #000066; font-weight: bold;">void</span> keyPressed<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p></code></p>
]]></content:encoded>
			<wfw:commentRss>http://ifdblog.org/ba-om2010/typo-plakat/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Zitat-Übung</title>
		<link>http://ifdblog.org/ba-om2010/zitat-uebung/</link>
		<comments>http://ifdblog.org/ba-om2010/zitat-uebung/#comments</comments>
		<pubDate>Thu, 17 Jun 2010 20:20:02 +0000</pubDate>
		<dc:creator>AnneRoesch</dc:creator>
				<category><![CDATA[Teilnehmer]]></category>

		<guid isPermaLink="false">http://ifdblog.org/ba-om2010/?p=1467</guid>
		<description><![CDATA[<img src="http://ifdblog.org/ba-om2010/wp-content/uploads/2009/10/Zitat.jpg" alt="Zitat" width="340" height="255" />]]></description>
			<content:encoded><![CDATA[<p><strong>“Ich bin nun eben kein Theoretiker.”</strong><br />
Mit diesem Zitat, von Marianne Brandt, ist die erste Interaktion entstanden.</p>
<p><code></p>

<div class="wp_syntax"><div class="code"><pre class="java" style="font-family:monospace;">&nbsp;
PFont myFont<span style="color: #339933;">;</span> 
&nbsp;
<span style="color: #000066; font-weight: bold;">void</span> setup<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
  size<span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">640</span>,<span style="color: #cc66cc;">480</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
  background <span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">255</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  frameRate<span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">50</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>  
&nbsp;
 myFont <span style="color: #339933;">=</span> loadFont<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Dialog.plain-27.vlw&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
  textFont <span style="color: #009900;">&#40;</span>myFont<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  fill<span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">30</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>  
<span style="color: #009900;">&#125;</span>
&nbsp;
  <span style="color: #000066; font-weight: bold;">void</span> draw<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
     text<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;``Ich bin nun eben kein Theoretiker.´´&quot;</span>,mouseX,mouseY<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p></code></p>
]]></content:encoded>
			<wfw:commentRss>http://ifdblog.org/ba-om2010/zitat-uebung/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Strahlen-Übung</title>
		<link>http://ifdblog.org/ba-om2010/strahlenuebung-2/</link>
		<comments>http://ifdblog.org/ba-om2010/strahlenuebung-2/#comments</comments>
		<pubDate>Thu, 17 Jun 2010 19:42:13 +0000</pubDate>
		<dc:creator>AnneRoesch</dc:creator>
				<category><![CDATA[Teilnehmer]]></category>

		<guid isPermaLink="false">http://ifdblog.org/ba-om2010/?p=1459</guid>
		<description><![CDATA[<img src="http://ifdblog.org/ba-om2010/wp-content/uploads/2009/10/VieleLinien.jpg" alt="Strahlen" width="340" height="255" />]]></description>
			<content:encoded><![CDATA[<p>Hier seht ihr die zweite Aufgabe, die ich in Processing umgesetzt habe.</p>
<p><code></p>

<div class="wp_syntax"><div class="code"><pre class="java" style="font-family:monospace;">&nbsp;
<span style="color: #003399;">ArrayList</span> particles<span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000066; font-weight: bold;">void</span> setup<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
  size<span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">640</span>,<span style="color: #cc66cc;">480</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  particles <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #003399;">ArrayList</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  smooth<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #000066; font-weight: bold;">void</span> draw<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
  particles.<span style="color: #006633;">add</span><span style="color: #009900;">&#40;</span><span style="color: #000000; font-weight: bold;">new</span> Particle<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
&nbsp;
  background<span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">255</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #000000; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">int</span> i <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span> i  <span style="color: #cc66cc;">100</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    particles.<span style="color: #006633;">remove</span><span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
  <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">class</span> Particle <span style="color: #009900;">&#123;</span>
&nbsp;
  <span style="color: #000066; font-weight: bold;">float</span> x<span style="color: #339933;">;</span>
  <span style="color: #000066; font-weight: bold;">float</span> y<span style="color: #339933;">;</span>
  <span style="color: #000066; font-weight: bold;">float</span> xspeed<span style="color: #339933;">;</span>
  <span style="color: #000066; font-weight: bold;">float</span> yspeed<span style="color: #339933;">;</span>
&nbsp;
  Particle<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    x <span style="color: #339933;">=</span> mouseX<span style="color: #339933;">;</span>
    y <span style="color: #339933;">=</span> mouseY<span style="color: #339933;">;</span>
    xspeed <span style="color: #339933;">=</span> random<span style="color: #009900;">&#40;</span><span style="color: #339933;">-</span><span style="color: #cc66cc;">1</span>,<span style="color: #cc66cc;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    yspeed <span style="color: #339933;">=</span> random<span style="color: #009900;">&#40;</span><span style="color: #339933;">-</span><span style="color: #cc66cc;">2</span>,<span style="color: #cc66cc;">0</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span>
&nbsp;
  <span style="color: #000066; font-weight: bold;">void</span> run<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    x <span style="color: #339933;">=</span> x <span style="color: #339933;">+</span> xspeed<span style="color: #339933;">;</span>
    y <span style="color: #339933;">=</span> y <span style="color: #339933;">+</span> yspeed<span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span>
&nbsp;
  <span style="color: #000066; font-weight: bold;">void</span> gravity<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    yspeed <span style="color: #339933;">+=</span> <span style="color: #cc66cc;">0.1</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span>
&nbsp;
  <span style="color: #000066; font-weight: bold;">void</span> display<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    stroke<span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    fill<span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">0</span>,<span style="color: #cc66cc;">75</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    line<span style="color: #009900;">&#40;</span>x,y,<span style="color: #cc66cc;">10</span>,<span style="color: #cc66cc;">10</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p></code></p>
]]></content:encoded>
			<wfw:commentRss>http://ifdblog.org/ba-om2010/strahlenuebung-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Interaktives Plakat Marianne Brandt (Anne Rösch und Stephanie Hoffmann)</title>
		<link>http://ifdblog.org/ba-om2010/interaktives-plakat-marianne-brandt-anne-roesch-und-stephanie-hoffmann/</link>
		<comments>http://ifdblog.org/ba-om2010/interaktives-plakat-marianne-brandt-anne-roesch-und-stephanie-hoffmann/#comments</comments>
		<pubDate>Thu, 17 Jun 2010 18:50:03 +0000</pubDate>
		<dc:creator>interaktives.plakat</dc:creator>
				<category><![CDATA[Plakate]]></category>

		<guid isPermaLink="false">http://ifdblog.org/ba-om2010/?p=1460</guid>
		<description><![CDATA[<img src="http://ifdblog.org/ba-om2010/wp-content/uploads/2009/10/punktbildkanne2.jpg" alt="Marianne Brandt" width="“340“" height="“255“" />]]></description>
			<content:encoded><![CDATA[<p><strong>Biografie</strong></p>
<p>Marianne Brandt wurde am 1. Oktober 1893, als Tochter von Franziska Liebe und Franz Bruno Liebe,<br />
in Chemnitz geboren.</p>
<p>Ihre künstlerische Ausbildung begann in Weimar, wo sie eine private Zeichenschule besuchte. Daraufhin studierte sie Malerei und Bildhauerei, an der Hochschule für Malerei, in Weimar. 1923 besuchte Marianne die erste Bauhausausstellung und war von den neuen Ideen und Formen der Bauhäusler so beeindruckt, dass sie ihre bisherigen, bildnerischen Arbeiten vernichtete und beschloss 1924 das Studium am Bauhaus in Weimar zu beginnen. Dort machte sie eine Lehre in der Metallwerkstatt und schuf bereits im ersten Jahr ihr legendär gewordenes Kaffee und Teeservice MT 50-55a. Im Jahr 1929 erhielt sie ihr Bauhaus Diplom.</p>
<p>Marianne Brandt war eine sehr vielseitige Künstlerin. Sie wirkte als Malerin, Bildhauerin, Produktdesignerin, gestaltete zahlreiche Collagen und experimentierte mit Verfremdungstechniken der Fotografie. Am 18. Juni 1983 verstarb Marianne Brandt in Kirchberg.</p>
<p><strong>Das Moodboard</strong><strong> </strong></p>
<p>Unser Moodboard spiegelt die Vielseitigkeit und den Charakter Marianne Brandts wieder. Wir haben versucht alle Bereiche in denen sie künstlerisch tätig war auf zu greifen und bildlich zu veranschaulichen. Dazu gehört die Malerei, die Fotografie, das Produktdesign und Collage Arbeiten.</p>
<p>Bevorzugte Motive in ihren Malereien waren Stillleben, Landschaften und Menschen aus ihrer Heimat. In der Fotografie experimentierte Marianne mit vielen Verfremdungs- Techniken. Sie spielte mit Licht und Schatten, experimentierte mit Reflektionen und Dopplungen von Motiven und nutzte extreme Perspektiven. Als Produktdesignerin gestaltete sie viele Leuchten und funktionale Gebrauchsgegenstände aus Metall. Ihre Objekte waren für die Massenproduktion geplant und realisiert. In ihren Collagen setzte sie sich Inhaltlich mit Themen wie: Industrialisierung, Dynamik des Lebens, die Rolle der Frau, Sport, Theater und Politik auseinander.</p>
<p><strong>Konzept</strong></p>
<p>Unser interaktives Plakat ist eine abstrakte Darstellung der Designerin Marianne Brandt. Mit unserer Interaktion wollen wir dem Betrachter einen Einblick in den Charakter und die Arbeitsweise der Designerin geben. Als Tool für unsere Interaktion wählten wir einen Hammer, welcher als Symbol für das Handwerk in der Metallwerkstatt und Mariannes starken und zielstrebigen Charakter steht. Unter Benutzung des Hammers bildet sich, bei unserer finalen Plakatversion, Schlag für Schalg aus farbigen Punkten eine Abbildung des, von Marianne Brandt 1924 gestalteten, berühmten, Tee-Extraktkännchens.</p>
<p>Der Grundcode des Typo-Plakates stammt von:  Daniel Shiffman</p>
<p>Der Grundcode des Bild-Plakates stammt von:  Martin Schneider</p>
<p>Die <strong>Dokumentation</strong> gibt einen Überblick über alle Aufgaben und Ergebnisse zu unserem Projekt.</p>
]]></content:encoded>
			<wfw:commentRss>http://ifdblog.org/ba-om2010/interaktives-plakat-marianne-brandt-anne-roesch-und-stephanie-hoffmann/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Plakat Paul Renner</title>
		<link>http://ifdblog.org/ba-om2010/plakat-paul-renner/</link>
		<comments>http://ifdblog.org/ba-om2010/plakat-paul-renner/#comments</comments>
		<pubDate>Wed, 16 Jun 2010 19:27:54 +0000</pubDate>
		<dc:creator>interaktives.plakat</dc:creator>
				<category><![CDATA[Plakate]]></category>

		<guid isPermaLink="false">http://ifdblog.org/ba-om2010/?p=1454</guid>
		<description><![CDATA[<img src="http://ifdblog.org/ba-om2010/wp-content/uploads/2009/10/BewegungsH.jpg" alt="PlakatPaulRenner" width="340" height="255" />]]></description>
			<content:encoded><![CDATA[<p>//Info: http://processingjs.org/reference<br />
void setup(){<br />
size(1024,768);<br />
background(0);<br />
smooth();<br />
frameRate(30);<br />
noCursor();</p>
<p>}</p>
<p>void draw(){<br />
fill(255);<br />
rect(0,0,width,height);<br />
//translate(width/2,mouseY);</p>
<p>//if(mousePressed){</p>
<p>strokeCap(SQUARE);<br />
fill(0,50);</p>
<p>line(mouseX,mouseY,mouseX,mouseY+200);<br />
line(mouseX,mouseY,mouseX+30,mouseY);<br />
line(mouseX,mouseY+200,mouseX+30,mouseY+200);<br />
line(mouseX+30,mouseY,mouseX+30,(mouseY+60)-(60/(width/(mouseX+1))));<br />
line(mouseX+30,(mouseY+90)+(110/(width/(mouseX+1))),mouseX+30,mouseY+200);<br />
line(mouseX+100,mouseY+200,mouseX+130,mouseY+200);<br />
line(mouseX+100,mouseY,mouseX+130,mouseY);<br />
line(mouseX+100,(mouseY+90)+(110/(width/(mouseX+1))),mouseX+100,mouseY+200);<br />
line(mouseX+100,mouseY,mouseX+100,(mouseY+60)-(60/(width/(mouseX+1))));<br />
line(mouseX+130,mouseY,mouseX+130,mouseY+200);</p>
<p>//if(mousePressed){</p>
<p>line(mouseX+30,(mouseY+60)-(60/(width/(mouseX+1))),mouseX+100,(mouseY+60)-(60/(width/(mouseX+1))));<br />
// line(mouseX+30,mouseY+90,mouseX+100,mouseY+90);</p>
<p>line(mouseX+30,(mouseY+90)+(110/(width/(mouseX+1))),mouseX+100,(mouseY+90)+(110/(width/(mouseX+1))));<br />
println(60/(width/(mouseX+1)));<br />
//strokeWeight(10);<br />
}</p>
<p>//}</p>
]]></content:encoded>
			<wfw:commentRss>http://ifdblog.org/ba-om2010/plakat-paul-renner/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Futura</title>
		<link>http://ifdblog.org/ba-om2010/futura/</link>
		<comments>http://ifdblog.org/ba-om2010/futura/#comments</comments>
		<pubDate>Wed, 16 Jun 2010 18:16:08 +0000</pubDate>
		<dc:creator>MariusLudwig</dc:creator>
				<category><![CDATA[Teilnehmer]]></category>

		<guid isPermaLink="false">http://ifdblog.org/ba-om2010/?p=1445</guid>
		<description><![CDATA[<img src="http://ifdblog.org/ba-om2010/wp-content/uploads/2009/10/FUTURA2.jpg" alt="Futura" width="340" height="255" />]]></description>
			<content:encoded><![CDATA[<p>eine weitere übung. mit einbindung des themas Paul Renner, seines zeichens schöpfer der Futura</p>
<p>PFont myFont;<br />
String myString = &quot;futura&quot;;</p>
<p>void setup (){<br />
size (1024,768);<br />
smooth();<br />
frameRate (30);<br />
background(255);<br />
noCursor();</p>
<p>strokeWeight(2);<br />
stroke(0);<br />
  myFont = createFont(&quot;Futura-CondensedExtraBold-48&quot;,150,true);<br />
  textFont(myFont);<br />
  textAlign(CENTER);</p>
<p>}</p>
<p>void draw(){</p>
<p>  stroke(255);<br />
  if(mousePressed){<br />
  fill(150,50);<br />
 //rect(0,0,width,height);</p>
<p>  stroke (100);<br />
  fill(255,5);<br />
  rect(mouseX,mouseY,mouseX+65,mouseY+50);</p>
<p> fill(0,50);<br />
  //float w = textWidth(myString);<br />
  text(myString, mouseX+200, mouseY+180);<br />
}<br />
}</p>
]]></content:encoded>
			<wfw:commentRss>http://ifdblog.org/ba-om2010/futura/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Linien</title>
		<link>http://ifdblog.org/ba-om2010/linien/</link>
		<comments>http://ifdblog.org/ba-om2010/linien/#comments</comments>
		<pubDate>Wed, 16 Jun 2010 18:11:34 +0000</pubDate>
		<dc:creator>MariusLudwig</dc:creator>
				<category><![CDATA[Teilnehmer]]></category>

		<guid isPermaLink="false">http://ifdblog.org/ba-om2010/?p=1443</guid>
		<description><![CDATA[<img src="http://ifdblog.org/ba-om2010/wp-content/uploads/2009/10/linien.jpg" alt="Marius" width="340" height="255" />]]></description>
			<content:encoded><![CDATA[<p>eine übung in processing zum thema linien</p>
<p>void setup(){<br />
  size (1024,768);<br />
  background(255);<br />
  cursor(CROSS);<br />
}</p>
<p>void draw(){<br />
  line(mouseX,mouseY,pmouseX,pmouseY);<br />
  line(56,89,mouseX,mouseY);<br />
  for(int i=0; i &lt; 50; i++)<br />
  stroke(4,60);<br />
}</p>
]]></content:encoded>
			<wfw:commentRss>http://ifdblog.org/ba-om2010/linien/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
