Willkommen auf unserem Seminar-Blog

Immer auf dem aktuellen Stand bleiben

Dieser Seminar-Blog befindet sich noch im Aufbau und wird in den kommenden Tagen entsprechend verfeinert.

Member Login

Lost your password?

Registration is closed

Sorry, you are not allowed to register by yourself on this site!

You must either be invited by one of our team member or request an invitation by email at viad.info {at} zhdk {dot} ch.

Animation Performance

Joël Gähwiler | 07:50 | Categories: Allgemein |

23. Dezember 2010

Aus den entstandenen Arbeiten as dem Kurs Zeichenmodule, galt es nun diese zu animieren und am Schluss eine Performanc zu Musik zu geben. Bei meinem "PermutationDrawer" hat man die Möglichkeit aus einer Bibliothek von animierten Zeichen zu wählen. Die einzelnen Zeichen sind als XML Date abgespeichert und können leicht bearbeitet werden. Eine XML Datei sieht folgendermasse aus: 
<object>
	<step>
		<rect size="0.57"/>
		<rect size="0.45" color="255"/>
		<rect x="-0.15" y="-0.15" size="0.4"/>
		<rect x="0.15" y="0.15" size="0.4"/>
		<rect size="0.35" color="255"/>
		<rect size="0.25"/>
	</step>
	<step>
		<rect size="0.57" rotation="90"/>
		<rect size="0.45" rotation="90" color="255"/>
		<rect x="-0.15" y="-0.15" size="0.4" rotation="-90"/>
		<rect x="0.15" y="0.15" size="0.4" rotation="-90"/>
		<rect size="0.45" color="255"/>
		<rect size="0.45"/>
	</step>
	<step>
		<rect size="0.57" rotation="180"/>
		<rect size="0.45" rotation="180" color="255"/>
		<rect x="-0.15" y="-0.15" size="0.4" rotation="-180"/>
		<rect x="0.15" y="0.15" size="0.4" rotation="-180"/>
		<rect size="0.6" color="255"/>
		<rect size="0"/>
	</step>
	<step>
		<rect size="0.57" rotation="270"/>
		<rect size="0.45" rotation="270" color="255"/>
		<rect x="-0.15" y="-0.15" size="0.4" rotation="-270"/>
		<rect x="0.15" y="0.15" size="0.4" rotation="-270"/>
		<rect size="0.6" color="255"/>
		<rect size="0.6"/>
	</step>
	<step>
		<rect size="0.57" rotation="360"/>
		<rect size="0.45" rotation="360" color="255"/>
		<rect x="-0.15" y="-0.15" size="0.4" rotation="-360"/>
		<rect x="0.15" y="0.15" size="0.4" rotation="-360"/>
		<rect size="0.35" color="255"/>
		<rect size="0.25"/>
	</step>
</object>
Wie man erkennen kann, werden die Zwischenschritte der Animation gespeichert. Das Programm liest dieses Dateien beim Start aus und interpoliert die Animation in einer wählbaren Auflösung. Zusätzlich habe ich noch in Wellen Modul einprogrammiert welches, auf den Beat eines Lieds hört und dan einen Filter aus Wellen über das Bild legt. Hier ist eine kompilierte App für den Mac mit dem Source Code: Archiv