<?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>Guave Studios - Agentur für digitale Medien</title>
	<atom:link href="http://www.guavestudios.com/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.guavestudios.com/blog</link>
	<description>Blog für Webdesign Zürich, Onlinemarketing und Multimedia.</description>
	<lastBuildDate>Thu, 02 Feb 2012 11:15:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Confidential: Guave Studios EMT Instruction Film #096</title>
		<link>http://www.guavestudios.com/blog/2012/02/confidential-guave-studios-emt-instruction-film-096/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed</link>
		<comments>http://www.guavestudios.com/blog/2012/02/confidential-guave-studios-emt-instruction-film-096/#comments</comments>
		<pubDate>Thu, 02 Feb 2012 11:15:00 +0000</pubDate>
		<dc:creator>Sergio Herencias</dc:creator>
				<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.guavestudios.com/blog/?p=1802</guid>
		<description><![CDATA[Auf Grund diverser Anfragen und Falschmeldungen über den Einsatz unserer neuen Hypnolux™-Technologie sehen wir uns gezwungen die GS Weisung Nr. #096 zu veröffentlichen. Wir möchten öffentlich damit klarstellen, dass dieses Vorgehen keinerlei bleibende gesundheitliche Schäden verursacht und lediglich der Motivationssteigerung dient. Die von Herrn Prof. Dr.-Ing. O. Muff entwickelte High-Tech Anlage wurde kürzlich in Betrieb [...]]]></description>
			<content:encoded><![CDATA[<p>Auf Grund diverser Anfragen und Falschmeldungen über den Einsatz unserer neuen Hypnolux™-Technologie sehen wir uns gezwungen die GS Weisung Nr. #096 zu veröffentlichen. </p>
<p>Wir möchten öffentlich damit klarstellen, dass dieses Vorgehen keinerlei bleibende gesundheitliche Schäden verursacht und lediglich der Motivationssteigerung dient.</p>
<p>Die von Herrn Prof. Dr.-Ing. O. Muff entwickelte High-Tech Anlage wurde kürzlich in Betrieb genommen und glänzt jetzt schon mit hervorragenden Resultaten. </p>
<p>Wir, bei Guave Studios, sind stets bestrebt Qualität zu gewährleisten und mit höchster Motivation in den Alltag zu starten.</p>
<p>Gerne laden wir Sie ein um sich selbst überzeugen zu können.</p>
<p>Ihr Guave Studios Tech-Lab</p>
<div class="myvideotag" style="width: 520px;"><iframe src="http://player.vimeo.com/video/36070714?title=0&amp;byline=0&amp;portrait=0" width="520" height="221" frameborder="0"></iframe></div>
<div id="facebook_like"><iframe style="height:80px" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.guavestudios.com%2Fblog%2F2012%2F02%2Fconfidential-guave-studios-emt-instruction-film-096%2F&amp;layout=standard&amp;show-faces=true&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:auto;"></iframe></div>]]></content:encoded>
			<wfw:commentRss>http://www.guavestudios.com/blog/2012/02/confidential-guave-studios-emt-instruction-film-096/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tutorial: Voxel via Particle Flow</title>
		<link>http://www.guavestudios.com/blog/2012/01/tutorial-voxel-via-particle-flow/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed</link>
		<comments>http://www.guavestudios.com/blog/2012/01/tutorial-voxel-via-particle-flow/#comments</comments>
		<pubDate>Fri, 27 Jan 2012 10:57:46 +0000</pubDate>
		<dc:creator>David Fritsche</dc:creator>
				<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[3ds Max]]></category>
		<category><![CDATA[3ds Max Script]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Voxel]]></category>

		<guid isPermaLink="false">http://www.guavestudios.com/blog/?p=1706</guid>
		<description><![CDATA[Ja, ich gib&#8217;s zu, ich bin ein Minecraft Fan! Da ich mir für diverse Bauprojekte gerne eine Blaupause herstelle, hab ich mir ein Workflow überlegt, wie man ein normales (High-Poly)Mesh in diesen klassischen Block-Voxel-Style umwandeln kann. Im Grunde gibt es dazu zwei verschiedene Herangehensweisen: die einzelnen Voxel mit (A) üblichen Polygon-Boxen herstellen oder (B) mit [...]]]></description>
			<content:encoded><![CDATA[<p><a rel="lightbox[65]" href="http://www.guavestudios.com/blog/wp-content/uploads/2012/01/gs_logo_minecraft.jpg#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed"><img src="http://www.guavestudios.com/blog/wp-content/uploads/2012/01/gs_logo_minecraft.jpg" alt="ala" width="530" height="400" /></a></p>
<p>Ja, ich gib&#8217;s zu, ich bin ein <a href="http://www.minecraft.net" target="_blank">Minecraft </a> Fan! </p>
<p>Da ich mir für diverse Bauprojekte gerne eine Blaupause herstelle, hab ich mir ein Workflow überlegt, wie man ein normales (High-Poly)Mesh in diesen klassischen Block-Voxel-Style umwandeln kann.</p>
<p>Im Grunde gibt es dazu zwei verschiedene Herangehensweisen: die einzelnen Voxel mit (A) üblichen Polygon-Boxen herstellen oder (B) mit einem Partikel-System.<br />
Beide habe ich ausprobiert und bin zum Entschluss gekommen, dass die Partikel-Variante schneller und vor allem flexiebler ist. Gerade bei einem hohen Voxel-Count ist das Partikel-System von grossem Vorteil.<br />
Verwendet habe ich dabei Particle-Flow und etwas Max-Script.</p>
<p>Meine Lösung funktioniert in etwa so:<br />
1. Fülle ein Bereich/Box mit Voxel/Partikel<br />
2. Entferne alle Voxel/Partikel die nicht innerhalb des Objektes sind<br />
&#8230; klingt einfach und das ist es auch <img src='http://www.guavestudios.com/blog/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p>Und das ganze jetzt Schritt für Schritt:</p>
<p><strong>Partikel System erstellen</strong></p>
<p>1. &#8220;PF Source&#8221; in der Szene erstellen</p>
<p>2. Icon Type der PF-Source auf &#8220;Box&#8221; stellen und die Dimensionen so eingeben dass sie das Objekt umschliesst welches wir in den Voxel-Haufen umwandeln möchten (in meinem Beispiel ist das Objekt ein Torus Knopf).<br />
Später werde ich &#8220;Logo Size&#8221; etwas zweckentfremden, dieser Wert steht dann für die Grösse der Voxel-Boxen (bzw. den Abstand des 3D-Rasters)<br />
Nicht Vergessen: Bei &#8220;Quantity Multiplier&#8221; Viewport auf 100% stellen (damit man später auch wirklich alles sieht)</p>
<p><a rel="lightbox[65]" href="http://www.guavestudios.com/blog/wp-content/uploads/2012/01/voxelgen_01.jpg#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed"><img src="http://www.guavestudios.com/blog/wp-content/uploads/2012/01/voxelgen_01.jpg" alt="ala" width="530" height="347" /></a></p>
<p><strong>Voxel generieren</strong></p>
<p>3. &#8220;Particle View&#8221; öffnen</p>
<p>4. Da es keinen Operator gibt der ein 3D-Raster mit Partikel füllt muss man sich hier mit etwas MaxScript aushelfen. Darum erstell ich im ersten Event mal ein &#8220;Birth Script&#8221; Operator.</p>
<p><a rel="lightbox[65]" href="http://www.guavestudios.com/blog/wp-content/uploads/2012/01/voxelgen_02.jpg#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed"><img src="http://www.guavestudios.com/blog/wp-content/uploads/2012/01/voxelgen_02.jpg" alt="ala" width="530" height="347" /></a></p>
<p>5. Das Script soll ein 3D-Raster erstellen (mit den Dimensionen der Particel-Source) und dieses dann mit Partikel füllen. Dazu könnt ihr folgendes Script einfach kopieren:</p>

<div class="wp_syntax"><div class="code"><pre class="text" style="font-family:monospace;">on ChannelsUsed pCont do
(
	pCont.useAge = true
	pCont.useTime = true
	pCont.usePosition = true
)
&nbsp;
on Init pCont do
(
	global ps = pCont.getParticleSystemNode()
	global RasterSize = ps.logo_size
	global RasterSegments = [floor(ps.emitter_width/RasterSize+.5) as integer,floor(ps.emitter_length/RasterSize+.5) as integer,floor(ps.emitter_height/RasterSize+.5) as integer]
	--print RasterSegments
)
&nbsp;
on Proceed pCont do
(
	t = pCont.getTimeStart() as float
	if t &lt; 0 do (
		for x = 0 to (RasterSegments.x-1) do (
		for y = 0 to (RasterSegments.y-1) do (
		for z = 0 to (RasterSegments.z-1) do (
			pCont.AddParticle()
			pCont.particleIndex = pCont.NumParticles()
			pCont.particleAge = 0
			pCont.particlePosition = ps.center + ([x*RasterSize,y*RasterSize,z*RasterSize]-(RasterSegments-[1,1,1])*RasterSize*.5)
		)))
	)
)
&nbsp;
on Release pCont do
(
&nbsp;
)</pre></div></div>

<p><strong>Voxel filtern</strong></p>
<p>6. Mit Hilfe des &#8220;Group Selection&#8221; Operator werden alle Partikel herausgefiltert, die sich (nicht) im Objekt befinden.<br />
Dazu einfach den Operator in das selbe Event schieben und als &#8220;Inside Object&#8221; unseren Torus Knopf auswählen. Zusätzlich &#8220;Reverse Selection&#8221; aktivieren.</p>
<p>7. Mit &#8220;Split Group&#8221; und einem &#8220;Delete&#8221; Operator können wir nun alle überflüssigen Voxels löschen</p>
<p><a rel="lightbox[65]" href="http://www.guavestudios.com/blog/wp-content/uploads/2012/01/voxelgen_03.jpg#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed"><img src="http://www.guavestudios.com/blog/wp-content/uploads/2012/01/voxelgen_03.jpg" alt="ala" width="530" height="347" /></a></p>
<p><strong>Voxel Form festlegen</strong></p>
<p>8. Jetzt noch mit dem &#8220;Shape&#8221; Operator die gewünschte Voxelform und -grösse auswählen und fertig ist unser &#8220;Voxel-Generator&#8221;</p>
<p><a rel="lightbox[65]" href="http://www.guavestudios.com/blog/wp-content/uploads/2012/01/voxelgen_04.jpg#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed"><img src="http://www.guavestudios.com/blog/wp-content/uploads/2012/01/voxelgen_04.jpg" alt="ala" width="530" height="347" /></a></p>
<p>.. das ist das Grundkonzept. Wenn man jetzt noch etwas tweaked kann man so ziemlich alles damit machen. Z.B. auch animierte Voxel:</p>
<p><a rel="lightbox[65]" href="http://www.guavestudios.com/blog/wp-content/uploads/2012/01/voxel_animation_infinite.gif#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed"><img src="http://www.guavestudios.com/blog/wp-content/uploads/2012/01/voxel_animation_infinite.gif" alt="ala" width="530" height="398" /></a></p>
<p>Wem die Partikel-Technik nicht geheuer ist kann auch gerne dieses Script &#8220;Block Creator&#8221; verwenden:<br />
<a href="http://code.google.com/p/block-creator/downloads/detail?name=block-creator.ms&#038;can=2&#038;q=#makechanges" target="_blank"><big>Download</big></a></p>
<p>Zum Installieren das Script einfach per Drag-and-Drop ins Fenster schieben. Das Tool findet man in der Kategorie &#8220;GSTools&#8221;.</p>
<p>dazu noch ein kurzes Tutorial:<br />
<iframe width="512" height="384" src="http://www.youtube.com/embed/OYnOOkFO-QE" frameborder="0" allowfullscreen></iframe></p>
<div id="facebook_like"><iframe style="height:80px" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.guavestudios.com%2Fblog%2F2012%2F01%2Ftutorial-voxel-via-particle-flow%2F&amp;layout=standard&amp;show-faces=true&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:auto;"></iframe></div>]]></content:encoded>
			<wfw:commentRss>http://www.guavestudios.com/blog/2012/01/tutorial-voxel-via-particle-flow/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Weihnachtsessen 2011</title>
		<link>http://www.guavestudios.com/blog/2012/01/weihnachtsessen-2011/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed</link>
		<comments>http://www.guavestudios.com/blog/2012/01/weihnachtsessen-2011/#comments</comments>
		<pubDate>Tue, 24 Jan 2012 09:50:40 +0000</pubDate>
		<dc:creator>David Fritsche</dc:creator>
				<category><![CDATA[Aktivitäten]]></category>

		<guid isPermaLink="false">http://www.guavestudios.com/blog/?p=1690</guid>
		<description><![CDATA[.. nachträglich noch die Bilder vom Weihnachtsessen 2011 im Uto Kulm auf dem Uetliberg. Der im dichten Nebel umhüllte Berg bot zwar keine sonst spektakuläre Aussicht auf Zürich, dafür aber eine besonders mystische Stimmung.]]></description>
			<content:encoded><![CDATA[<p>.. nachträglich noch die Bilder vom Weihnachtsessen 2011 im Uto Kulm auf dem Uetliberg.</p>
<p>Der im dichten Nebel umhüllte Berg bot zwar keine sonst spektakuläre Aussicht auf Zürich, dafür aber eine besonders mystische Stimmung.</p>

<a href='http://www.guavestudios.com/blog/2012/01/weihnachtsessen-2011/img_0015/' title='IMG_0015'><img width="150" height="150" src="http://www.guavestudios.com/blog/wp-content/uploads/2012/01/IMG_0015-150x150.jpg" class="attachment-thumbnail" alt="IMG_0015" title="IMG_0015" /></a>
<a href='http://www.guavestudios.com/blog/2012/01/weihnachtsessen-2011/img_0023/' title='IMG_0023'><img width="150" height="150" src="http://www.guavestudios.com/blog/wp-content/uploads/2012/01/IMG_0023-150x150.jpg" class="attachment-thumbnail" alt="IMG_0023" title="IMG_0023" /></a>
<a href='http://www.guavestudios.com/blog/2012/01/weihnachtsessen-2011/img_0025/' title='IMG_0025'><img width="150" height="150" src="http://www.guavestudios.com/blog/wp-content/uploads/2012/01/IMG_0025-150x150.jpg" class="attachment-thumbnail" alt="IMG_0025" title="IMG_0025" /></a>
<a href='http://www.guavestudios.com/blog/2012/01/weihnachtsessen-2011/img_0027/' title='IMG_0027'><img width="150" height="150" src="http://www.guavestudios.com/blog/wp-content/uploads/2012/01/IMG_0027-150x150.jpg" class="attachment-thumbnail" alt="IMG_0027" title="IMG_0027" /></a>
<a href='http://www.guavestudios.com/blog/2012/01/weihnachtsessen-2011/img_0028/' title='IMG_0028'><img width="150" height="150" src="http://www.guavestudios.com/blog/wp-content/uploads/2012/01/IMG_0028-150x150.jpg" class="attachment-thumbnail" alt="IMG_0028" title="IMG_0028" /></a>
<a href='http://www.guavestudios.com/blog/2012/01/weihnachtsessen-2011/img_0029/' title='IMG_0029'><img width="150" height="150" src="http://www.guavestudios.com/blog/wp-content/uploads/2012/01/IMG_0029-150x150.jpg" class="attachment-thumbnail" alt="IMG_0029" title="IMG_0029" /></a>
<a href='http://www.guavestudios.com/blog/2012/01/weihnachtsessen-2011/img_0031/' title='IMG_0031'><img width="150" height="150" src="http://www.guavestudios.com/blog/wp-content/uploads/2012/01/IMG_0031-150x150.jpg" class="attachment-thumbnail" alt="IMG_0031" title="IMG_0031" /></a>

<div id="facebook_like"><iframe style="height:80px" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.guavestudios.com%2Fblog%2F2012%2F01%2Fweihnachtsessen-2011%2F&amp;layout=standard&amp;show-faces=true&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:auto;"></iframe></div>]]></content:encoded>
			<wfw:commentRss>http://www.guavestudios.com/blog/2012/01/weihnachtsessen-2011/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Guave Studios macht X-Mess</title>
		<link>http://www.guavestudios.com/blog/2011/12/guave-studios-macht-x-mess/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed</link>
		<comments>http://www.guavestudios.com/blog/2011/12/guave-studios-macht-x-mess/#comments</comments>
		<pubDate>Mon, 12 Dec 2011 12:58:16 +0000</pubDate>
		<dc:creator>Sandro Wellenzohn</dc:creator>
				<category><![CDATA[Aktivitäten]]></category>
		<category><![CDATA[5D Mark II]]></category>
		<category><![CDATA[christmas]]></category>
		<category><![CDATA[creative]]></category>
		<category><![CDATA[spot]]></category>
		<category><![CDATA[tv]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.guavestudios.com/blog/?p=1667</guid>
		<description><![CDATA[Dieses Jahr etwas früher als sonst: Unser Weihnachtsgruss in Form eines extra produzierten Spots, der gleichzeitig Appell an uns selber ist Wir wünschen allen unseren Kunden, Partnern und Freunden eine schöne Adventszeit und entspannte Festtage.]]></description>
			<content:encoded><![CDATA[<p>Dieses Jahr etwas früher als sonst: Unser Weihnachtsgruss in Form eines extra produzierten Spots, der gleichzeitig Appell an uns selber ist <img src='http://www.guavestudios.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<div class="myvideotag" style="width: 520px;"><iframe src="http://player.vimeo.com/video/33298377?title=0&amp;byline=0&amp;portrait=0" width="520" height="221" frameborder="0"></iframe></div>
<p>Wir wünschen allen unseren Kunden, Partnern und Freunden eine schöne Adventszeit und entspannte Festtage.</p>
<div id="facebook_like"><iframe style="height:80px" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.guavestudios.com%2Fblog%2F2011%2F12%2Fguave-studios-macht-x-mess%2F&amp;layout=standard&amp;show-faces=true&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:auto;"></iframe></div>]]></content:encoded>
			<wfw:commentRss>http://www.guavestudios.com/blog/2011/12/guave-studios-macht-x-mess/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>RED Scarlet-X Akira &#8211; Verleih / Rental + DP</title>
		<link>http://www.guavestudios.com/blog/2011/11/red-scarlet-x/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed</link>
		<comments>http://www.guavestudios.com/blog/2011/11/red-scarlet-x/#comments</comments>
		<pubDate>Sat, 05 Nov 2011 23:11:58 +0000</pubDate>
		<dc:creator>Sergio Herencias</dc:creator>
				<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[film]]></category>
		<category><![CDATA[postproduction]]></category>
		<category><![CDATA[Red]]></category>
		<category><![CDATA[red one]]></category>
		<category><![CDATA[Scarlet-X]]></category>
		<category><![CDATA[tv-spots]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.guavestudios.com/blog/?p=1590</guid>
		<description><![CDATA[Guave Studios rüstet auf und heisst &#8220;Akira&#8221; RED Scarlet-X willkommen. Unsere neue Kamera RED Scarlet-X wird zukünftig in der Produktion eingesetzt. Warum RED Scarlet-X ? Die Scarlet-X unterscheidet sich kaum von der RED Epic-M, bietet fast alles was die Red One schon hat, ist aber viel kleiner und modular. Somit ist diese handlicher und erleichtert [...]]]></description>
			<content:encoded><![CDATA[<p>Guave Studios rüstet auf und heisst <strong> &#8220;Akira&#8221; RED Scarlet-X</strong> willkommen.<br />
Unsere neue Kamera RED Scarlet-X wird zukünftig in der Produktion eingesetzt.</p>
<p><a href="http://www.guavestudios.com/blog/wp-content/uploads/2011/11/1320423149.jpg#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed"><img src="http://www.guavestudios.com/blog/wp-content/uploads/2011/11/1320423149.jpg" alt="" title="scarlet-x-guave-studios" width="512" height="354" class="aligncenter size-full wp-image-1597" /></a></p>
<h3>Warum RED Scarlet-X ?</h3>
<p>Die Scarlet-X unterscheidet sich kaum von der RED Epic-M, bietet fast alles was die Red One schon hat, ist aber viel kleiner und modular. Somit ist diese handlicher und erleichtert das montieren an verschiedenen Rig Konstruktionen. </p>
<p>Bei einer Auflösung von 4k (4096x 2160) mit 25fps und dem REDCODE RAW findet die Kamera den idealen Einsatz in Image &#038; Corporate Filme, Commercials, Kurz und Langzeit Spielfilme so wie Dokumentarfilme. Auch bei Greenscreen und VFX Aufnahmen erleichtert diese die Post Produktion und sorgt für ein sauberes und klares Bild mit vielen Bearbeitungsmöglichkeiten.</p>
<p>Optimierte Workflows beim Dreh und der Post-Produktionen sind somit garantiert, auch Projekte mit kleineren Budgets lassen sich durch diese Optimierung gut mit dieser Technik realisieren und erreichen High-End Qualität.</p>
<p>Weitere Informationen und Technische Daten findet ihr auf: <a href="http://www.red.com/products/scarlet" target="_blank">http://www.red.com/products/scarlet</a></p>
<p><a href="http://www.guavestudios.com/blog/wp-content/uploads/2011/11/Scarlet-X-all-grown-up.png#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed"><img src="http://www.guavestudios.com/blog/wp-content/uploads/2011/11/Scarlet-X-all-grown-up.png" alt="" title="Scarlet-X-all-grown-up" width="512" height="512" class="aligncenter size-full wp-image-1603" /></a></p>
<h3> Vermietung / Rental: </h3>
<p>Unsere RED Scarlet-X kann man auch für eigene Projekte &#038; Produktionen, je nach Verfügbarkeit, zu einem fairen Preis mit oder ohne Kameramann mieten.</p>
<p>Scarlet-X #00XXX Mietpaket enthält:</p>
<p>- 1x SCARLET-X BRAIN / AL CANON MOUNT / SIDE SSD<br />
- 1x DSMC SIDE HANDLE<br />
- 1x REDMOTE<br />
- 1x RED TOUCH 5.0″ LCD<br />
- 4x REDVOLT &#038; CASE<br />
- 1x RED STATION REDMAG 1.8″<br />
- 2x REDMAG 1.8″ SSD 64GB &#038; CASE<br />
- 2x DSMC TRAVEL CHARGER<br />
- 1x SLIDING TOP HANDLE<br />
- 1x SWAT RAIL 100mm<br />
- 1x OUTRIGGER HANDLE<br />
- 1x RED CRADLE<br />
- 1x 2B-TO-1B POWER ADAPTOR CABLE<br />
- 1x PELICAN CASE 1510</p>
<p>ab Q1 &#8211; 2012.</p>
<p><strong>Mietpreis pro Tag: ab CHF 490.&#8211;<br />
Mietpreis 1 Woche: ab CHF 1960.&#8211;</strong></p>
<h3> Director of Photography </h3>
<p>Unser Director of Photography steht für besondere und emotionsgeladene Aufnahmen und Herausforderungen zur Verfügung.<br />
Von der Vorproduktion bis zur Post Produktion begleitet unser DP eure Produktionen und steht beraterisch zur Seite um jede Szene optimal zu meistern.</p>
<p><strong>Tagesgage DP: Auf Anfrage</strong></p>
<p>Für Langzeit Produktionen (wie z.B Spielfilme, Dokumentarfilme etc.) können auch Pauschalen vereinbart werden,<br />
bitte benutzte dazu unser Anfrageformular: <a href="http://www.guavestudios.com/#/contact" target="_blank">http://www.guavestudios.com/#/contact</a></p>
<p><strong>Hier ein Auszug aus unseren Filmprojekten, die mit der RED One realisiert wurden:</strong></p>
<p><strong>@ Guave Studios (2011)</strong></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="530" height="225" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="data" value="http://vimeo.com/moogaloop.swf?clip_id=31604953&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=c9ff23&amp;fullscreen=1" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=31604953&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=c9ff23&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="530" height="225" src="http://vimeo.com/moogaloop.swf?clip_id=31604953&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=c9ff23&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true" data="http://vimeo.com/moogaloop.swf?clip_id=31604953&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=c9ff23&amp;fullscreen=1"></embed></object></p>
<p><strong>Vanilla.ch &#8211; B2B Commercial (2010)</strong></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="530" height="298" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="data" value="http://vimeo.com/moogaloop.swf?clip_id=17765825&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=c9ff23&amp;fullscreen=1" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=17765825&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=c9ff23&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="530" height="298" src="http://vimeo.com/moogaloop.swf?clip_id=17765825&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=c9ff23&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true" data="http://vimeo.com/moogaloop.swf?clip_id=17765825&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=c9ff23&amp;fullscreen=1"></embed></object></p>
<p><strong>Jump &#8216;n Run &#8211; Short Film (2010)</strong></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="530" height="225" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="data" value="http://vimeo.com/moogaloop.swf?clip_id=12638783&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=c9ff23&amp;fullscreen=1" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=12638783&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=c9ff23&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="530" height="225" src="http://vimeo.com/moogaloop.swf?clip_id=12638783&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=c9ff23&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true" data="http://vimeo.com/moogaloop.swf?clip_id=12638783&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=c9ff23&amp;fullscreen=1"></embed></object></p>
<p><strong>Mocoffee Ventura &#8211; TV Commercial (2011)</strong></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="530" height="298" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="data" value="http://vimeo.com/moogaloop.swf?clip_id=22596262&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=c9ff23&amp;fullscreen=1" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=22596262&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=c9ff23&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="530" height="298" src="http://vimeo.com/moogaloop.swf?clip_id=22596262&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=c9ff23&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true" data="http://vimeo.com/moogaloop.swf?clip_id=22596262&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=c9ff23&amp;fullscreen=1"></embed></object></p>
<p>Weitere Projekte: <a href="http://www.guavestudios.com/#/showcase" target="_blank">http://www.guavestudios.com/#/showcase</a></p>
<p>Wir freuen uns auf die ersten Tests und werden euch diese wieder in unserem Blog präsentieren.</p>
<div id="facebook_like"><iframe style="height:80px" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.guavestudios.com%2Fblog%2F2011%2F11%2Fred-scarlet-x%2F&amp;layout=standard&amp;show-faces=true&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:auto;"></iframe></div>]]></content:encoded>
			<wfw:commentRss>http://www.guavestudios.com/blog/2011/11/red-scarlet-x/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Engagierte neue Teammitglieder gesucht</title>
		<link>http://www.guavestudios.com/blog/2011/10/engagierte-neue-teammitglieder-gesucht/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed</link>
		<comments>http://www.guavestudios.com/blog/2011/10/engagierte-neue-teammitglieder-gesucht/#comments</comments>
		<pubDate>Mon, 24 Oct 2011 17:17:10 +0000</pubDate>
		<dc:creator>Sandro Wellenzohn</dc:creator>
				<category><![CDATA[Aktivitäten]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[job]]></category>
		<category><![CDATA[jobs]]></category>
		<category><![CDATA[objective-c]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://www.guavestudios.com/blog/?p=1545</guid>
		<description><![CDATA[Wir suchen zwei neue Mitglieder für unser Team, die Leidenschaft und Engagement mitbringen und Lust auf uns haben ; ) Wir freuen uns jetzt schon auf eure Bewerbungen! Zur Ergänzung unseres Teams suchen wir per 1.1.2012 oder nach Vereinbarung eine/n Mobile Developer/in (80-100%). Dein neuer Arbeitsplatz … … bietet dir die Möglichkeit in interdisziplinären Web- [...]]]></description>
			<content:encoded><![CDATA[<div style="line-height:1.45">
Wir suchen zwei neue Mitglieder für unser Team, die Leidenschaft und Engagement mitbringen und Lust auf uns haben ; )<br />
Wir freuen uns jetzt schon auf eure Bewerbungen!</p>
<h3 style="font-size: 16px;">Zur Ergänzung unseres Teams suchen wir per 1.1.2012 oder nach Vereinbarung eine/n Mobile Developer/in (80-100%).</h3>
<p><a href="http://www.guavestudios.com/blog/wp-content/uploads/2011/10/325102_10150883040730321_258414175320_20881111_392963889_o.jpg#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed"><img class="alignnone size-full wp-image-1548" title="325102_10150883040730321_258414175320_20881111_392963889_o" src="http://www.guavestudios.com/blog/wp-content/uploads/2011/10/325102_10150883040730321_258414175320_20881111_392963889_o.jpg" alt="" width="515" /></a></p>
<h3>Dein neuer Arbeitsplatz …</h3>
<p>… bietet dir die Möglichkeit in interdisziplinären Web- und Mobile-Projekten von Anfang an als vollwertiges Teammitglied mitzuwirken und Verantwortung zu übernehmen. Du betreust als wichtiger Bestandteil des Development Teams bestehende Projekte und konzipierst und entwickelst neue Funktionen für das stationäre Web und für mobile Endgeräte. Du begleitest unterschiedliche Projekte in allen Projektphasen, was deinen Beruf besonders interessant macht.</p>
<h3>Du solltest …</h3>
<p>… technologiebegeistert sein, ein hohes technisches und analytisches Verständnis und sehr gute Kenntnisse in der Programmierung mit Objective C, Java Script, sowie im Umgang mit HTML und CSS mitbringen. Ausserdem solltest du sowohl selbständig als auch im Team arbeiten können und ein Gespür für Benutzerfreundlichkeit und Gestaltung haben.</p>
<h3>Bewerben kannst du dich unter <a href="mailto:jobs@guavestudios.com#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed">jobs@guavestudios.com.</a>.<br />
Wir freuen uns auf dich!</h3>
<p><a href="http://www.guavestudios.com/jobs/mobiledev-med.pdf" target="_blank">Stellenanzeige als PDF anzeigen</a></p>
<hr style="border:none; border-top:1px dotted #555; background:transparent;" size="1"/>
<h3 style="font-size: 16px;">Zur Ergänzung unseres Teams suchen wir ab sofort oder nach Vereinbarung eine Design Praktikantin.</h3>
<p><a href="http://www.guavestudios.com/blog/wp-content/uploads/2011/10/340728_10150883038385321_258414175320_20881104_1864251302_o2.jpg#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed"><img class="alignnone size-full wp-image-1549" title="340728_10150883038385321_258414175320_20881104_1864251302_o" src="http://www.guavestudios.com/blog/wp-content/uploads/2011/10/340728_10150883038385321_258414175320_20881104_1864251302_o2.jpg" alt="" width="515" /></a></p>
<h3>Dein Praktikum …</h3>
<p>… bietet dir die Möglichkeit in interdisziplinären Designprojekten von Anfang an als vollwertiges Teammitglied mitzuwirken und Gelerntes in der Praxis anzuwenden. Zu deinen Aufgaben gehören die Konzeption und Entwicklung von interaktiven Benutzeroberflächen für statische und mobile Endgeräte und das Umsetzen von Prototypen und Design-Entwürfen und natürlich der Kontakt zu Vertretern von Nutzergruppen und Experten.</p>
<h3>Du solltest …</h3>
<p>… am besten bereits etwa die Hälfte deines Designstudiums oder einer vergleichbaren Ausbildung absolviert haben und gerne im Team arbeiten. Zudem solltest du ein ausgeprägtes Gespür für Benutzerfreundlichkeit mitbringen und gute Kenntnisse im Umgang mit Photoshop oder Indesign sowie mit HTML und CSS haben.</p>
<h3>Bewerben kannst du dich unter <a href="mailto:jobs@guavestudios.com#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed">jobs@guavestudios.com.</a><br />Wir freuen uns auf dich!</h3>
<p><a href="http://www.guavestudios.com/jobs/praktik-med.pdf" target="_blank">Stellenanzeige als PDF anzeigen</a>
</div>
<div id="facebook_like"><iframe style="height:80px" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.guavestudios.com%2Fblog%2F2011%2F10%2Fengagierte-neue-teammitglieder-gesucht%2F&amp;layout=standard&amp;show-faces=true&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:auto;"></iframe></div>]]></content:encoded>
			<wfw:commentRss>http://www.guavestudios.com/blog/2011/10/engagierte-neue-teammitglieder-gesucht/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>USA Roadtrip Film 2011</title>
		<link>http://www.guavestudios.com/blog/2011/09/usa-roadtrip-film-2011/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed</link>
		<comments>http://www.guavestudios.com/blog/2011/09/usa-roadtrip-film-2011/#comments</comments>
		<pubDate>Tue, 20 Sep 2011 12:23:42 +0000</pubDate>
		<dc:creator>Sergio Herencias</dc:creator>
				<category><![CDATA[Aktivitäten]]></category>
		<category><![CDATA[after effects]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[canon 5d mark ii]]></category>
		<category><![CDATA[film]]></category>
		<category><![CDATA[motion graphics]]></category>
		<category><![CDATA[redrockmicro]]></category>
		<category><![CDATA[timelapse]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.guavestudios.com/blog/?p=1489</guid>
		<description><![CDATA[Im Mai 2011 war die Geschäftsleitung von Guave Studios auf eine abenteuerliche Inspirationsreise unterwegs in die Vereinigten Staaten von Amerika. Wir konnten es natürlich nicht lassen und haben aus den entstandenen Impressionen, Erlebnissen und den vielen Timelapses einen Zusammenschnitt des Trips gemacht. Ein einfaches und doch witziges Animationskonzept rundet diesen Travel-Film ab. Viel Spass beim [...]]]></description>
			<content:encoded><![CDATA[<p>Im Mai 2011 war die Geschäftsleitung von Guave Studios auf eine abenteuerliche Inspirationsreise unterwegs in die Vereinigten Staaten von Amerika.<br />
Wir konnten es natürlich nicht lassen und haben aus den entstandenen Impressionen, Erlebnissen und den vielen Timelapses einen Zusammenschnitt des Trips gemacht.<br />
Ein einfaches und doch witziges Animationskonzept rundet diesen Travel-Film ab.</p>
<p>Viel Spass beim Schauen:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="530" height="298" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="data" value="http://vimeo.com/moogaloop.swf?clip_id=28924371&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=c9ff23&amp;fullscreen=1" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=28924371&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=c9ff23&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="530" height="298" src="http://vimeo.com/moogaloop.swf?clip_id=28924371&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=c9ff23&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true" data="http://vimeo.com/moogaloop.swf?clip_id=28924371&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=c9ff23&amp;fullscreen=1"></embed></object></p>
<p><a href="http://vimeo.com/28924371">USA Roadtrip Film 2011</a> from <a href="http://vimeo.com/guavestudios">Guave Studios</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><strong>Hier einige Details zu unserer Reise:</strong></p>
<p>Strecke:<br />
Zürich -> NYC -> SFO -> Santa Cruz -> Monterey -> San Simeon -> Lost Hills -> Death Valley -> Las Vegas -> Bryce -> Page -> Monument Valley -> Grand Canyon Village -> Las Vegas -> Los Angeles -> Zürich</p>
<p>3 Wochen<br />
3 Zeitzonen<br />
4362 Km / Strasse<br />
Max. Temp 46 °C<br />
Min. Temp 02 °C<br />
über 12 Hotels &#038; Motels<br />
5 Staaten</p>
<p><a href="http://www.guavestudios.com/blog/wp-content/uploads/2011/09/Amerika2011_01.jpg#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed"><img src="http://www.guavestudios.com/blog/wp-content/uploads/2011/09/Amerika2011_01.jpg" alt="" title="Amerika2011_01" width="520" height="220" class="aligncenter size-full wp-image-1499" /></a></p>
<p><strong>Technische Lösung</strong></p>
<p>Da wir viel zu Fuss unterwegs waren, mussten wir die Technik so kompakt wie nur möglich halten.<br />
Wir entschieden uns für eine Schulterstabilisierung von <a href="http://www.redrockmicro.com" target="_blank">redrockmicro.com</a> und Stativen (von <a href="http://www.manfrotto.com/" target="_blank">Manfrotto</a> &#038; <a href="http://www.gitzo.com/news+%26+events/news/Traveler+Collection/4063935" target="_blank">Gizo Traveler</a>).</p>
<p>2x Canon 5D Mark II<br />
2x Canon 2.8 24-70mm<br />
Canon 2.8 16-35mm<br />
Canon 2.8 15mm fisheye<br />
Canon 2.8 70-200mm<br />
Canon 2x Converter<br />
Canon 1.4 50mm<br />
Nikkor 1.4 50mm</p>
<p>Filter: ND Fader von: <a href="http://www.lightcraftworkshop.com" target="_blank">lightcraftworkshop.com</a></p>
<p>Manche Timelapses wurden aus Gebäuden gemacht, bei denen sich das Fenster nicht öffnen lies. Dafür benutzten wir den Lenskirt &#8211; <a href="http://www.lenskirt.com" target="_blank">lenskirt.com</a><br />
tolles Zubehör, das eine sehr schnelle Montage erlaubt.</p>
<p>Um das Equipment gut geschützt und kompakt transportieren zu können, verwendeten wir die <a href="http://www.fstopgear.com" target="_blank">fstopgear.com</a> Rucksäcke.</p>
<p>Vielen Dank ans restliche Team für den tollen Einsatz während unserer Abwesenheit.</p>
<p><a href="http://www.guavestudios.com/blog/wp-content/uploads/2011/09/Amerika2011_02.jpg#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed"><img src="http://www.guavestudios.com/blog/wp-content/uploads/2011/09/Amerika2011_02.jpg" alt="" title="Amerika2011_02" width="520" height="220" class="aligncenter size-full wp-image-1502" /></a></p>
<div id="facebook_like"><iframe style="height:80px" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.guavestudios.com%2Fblog%2F2011%2F09%2Fusa-roadtrip-film-2011%2F&amp;layout=standard&amp;show-faces=true&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:auto;"></iframe></div>]]></content:encoded>
			<wfw:commentRss>http://www.guavestudios.com/blog/2011/09/usa-roadtrip-film-2011/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Screensaver/Bildschirmpräsentation mit Adobe AIR</title>
		<link>http://www.guavestudios.com/blog/2011/09/screensaverbildschirmprasentation-mit-adobe-air/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed</link>
		<comments>http://www.guavestudios.com/blog/2011/09/screensaverbildschirmprasentation-mit-adobe-air/#comments</comments>
		<pubDate>Tue, 20 Sep 2011 12:02:35 +0000</pubDate>
		<dc:creator>Martin Muther</dc:creator>
				<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[air]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[praesentation]]></category>
		<category><![CDATA[screensaver]]></category>
		<category><![CDATA[windows]]></category>

		<guid isPermaLink="false">http://www.guavestudios.com/blog/?p=1443</guid>
		<description><![CDATA[Problemstellung Bildschirmschoner oder Präsentation in AIR anlegen. Dieser soll per Installer ausgeliefert werden und sich in ein System integrieren (Bildschirmschoner registrieren) Aus einigen Referenzen konnte ich erste Ansätze herrauslesen. Dieser Eintrag soll nun eine Zusammenstellung einer Lösung mit Kompromissen aufzeigen. Adobe AIR Applikation Wir versuchen dieses Problem mit Adobe AIR zu lösen. Und zwar weil [...]]]></description>
			<content:encoded><![CDATA[<h3>Problemstellung</h3>
<p>Bildschirmschoner oder Präsentation in AIR anlegen. Dieser soll per Installer ausgeliefert werden und sich in ein System integrieren (Bildschirmschoner registrieren)</p>
<p>Aus einigen Referenzen konnte ich erste Ansätze herrauslesen. Dieser Eintrag soll nun eine Zusammenstellung einer Lösung mit Kompromissen aufzeigen.</p>
<h3>Adobe AIR Applikation</h3>
<p>Wir versuchen dieses Problem mit Adobe AIR zu lösen. Und zwar weil sich bei Screensavern mit Animation (Fotos/Videos) die Runtime von Flash besonders eignet. Das Grundpaket bitet zudem die Basis für eine plattformunabhänige Entwicklung, was besonders bei Präsentationsumgebungen sinnvoll ist. Bei einem Screensaver muss man verschiedene plattformbedingte Gegebenheiten beachten. Ein weiters Feature der AIR Runtime ist, dass wir keinen ActiveX Flash Player oder sonstige Software auf dem System (vor-)installieren müssen. Dies wird aus Sicherheitsgründen häufig von grösseren Firmen verlangt.</p>
<p>Grundvorraussetzung ist das <a href="http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+4.5">FLEXSDK</a> + <a href="http://www.adobe.com/de/products/air/sdk/">AIR SDK</a>. Die verwendeten Features setzen mindestens AIR 2.0 voraus. Ich verwende die aktuelle Version 2.7.</p>
<p>Wir verwenden das Adobe AIR Template von Flash Develop (in den neuen Builds enthalten). Hier sind die Standard Aktionen wie Keystore generieren und Package exportieren in BAT-Dateien schon vorhanden. Das Testen ist direkt aus FlashDevelop per <em>adl.exe</em> (im Framework enthalten) möglich. Das Template sollte ohne zusätzlichen Code sofort laufen.</p>
<h3>Mehrere Bildschirme</h3>
<p>Bildschirmschoner müssen auch mehrere Bildschirme abdecken können. Wir lesen per <em>Screen.screens</em> alle verfügbaren Bildschirme aus und erstellen jeweils einzelne Native Windows die wir mit Fullscreen aufschalten.</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript" style="font-family:monospace;"><span style="color: #b1b100;">for</span> <span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">var</span> i:<span style="color: #0066CC;">int</span> = <span style="color: #cc66cc;">0</span>; i <span style="color: #66cc66;">&amp;</span>gt; Screen.<span style="color: #006600;">screens</span>.<span style="color: #0066CC;">length</span>; i++<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">var</span> screen:Screen = Screen.<span style="color: #006600;">screens</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>;
&nbsp;
	<span style="color: #000000; font-weight: bold;">var</span> sbounds:Rectangle = screen.<span style="color: #006600;">bounds</span>;
	<span style="color: #000000; font-weight: bold;">var</span> wndo:NativeWindowInitOptions = <span style="color: #000000; font-weight: bold;">new</span> NativeWindowInitOptions<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
	<span style="color: #000000; font-weight: bold;">var</span> wnd:NativeWindow = <span style="color: #000000; font-weight: bold;">new</span> NativeWindow<span style="color: #66cc66;">&#40;</span>wndo<span style="color: #66cc66;">&#41;</span>;
&nbsp;
	wnd.<span style="color: #006600;">x</span> = sbounds.<span style="color: #006600;">x</span>;
	wnd.<span style="color: #006600;">y</span> = sbounds.<span style="color: #006600;">y</span>;
	wnd.<span style="color: #0066CC;">width</span> = sbounds.<span style="color: #0066CC;">width</span>;
	wnd.<span style="color: #0066CC;">height</span> = sbounds.<span style="color: #0066CC;">height</span>;
	wnd.<span style="color: #0066CC;">visible</span> = <span style="color: #000000; font-weight: bold;">true</span>;
	wnd.<span style="color: #0066CC;">stage</span>.<span style="color: #006600;">displayState</span> = StageDisplayState.<span style="color: #006600;">FULL_SCREEN_INTERACTIVE</span>;
	wnd.<span style="color: #0066CC;">stage</span>.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>MouseEvent.<span style="color: #006600;">MOUSE_DOWN</span>, onUserPresent<span style="color: #66cc66;">&#41;</span>;
	wnd.<span style="color: #0066CC;">stage</span>.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>KeyboardEvent.<span style="color: #006600;">KEY_DOWN</span>, onUserPresent<span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span></pre></div></div>

<h3>Bildschirmschoner Startparameter</h3>
<p>Ein Bildschirmschoner unter Windows wird von der SCRSAV.exe mit Parametern aufgerufen:</p>
<p>/c = Einstellungsmodus<br />
/p = Vorschau<br />
/s = Als Screensaver ausführen</p>
<p>Da wir auf den Applikationsstart mit Invoke hören können wir auch auf die Startparameter zugreifen.</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">var</span> args:<span style="color: #0066CC;">Array</span> = <span style="color: #0066CC;">e</span>.<span style="color: #0066CC;">arguments</span>;
txt.<span style="color: #006600;">appendText</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;started with: &quot;</span> + args.<span style="color: #0066CC;">join</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;,&quot;</span><span style="color: #66cc66;">&#41;</span> + <span style="color: #ff0000;">&quot;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #66cc66;">&#41;</span>;
txt.<span style="color: #006600;">appendText</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;started with: available screens: &quot;</span>+Screen.<span style="color: #006600;">screens</span>.<span style="color: #0066CC;">length</span>+<span style="color: #ff0000;">&quot;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span>args.<span style="color: #0066CC;">indexOf</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;/s&quot;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&amp;</span>gt;-<span style="color: #cc66cc;">1</span> <span style="color: #66cc66;">||</span> args.<span style="color: #0066CC;">indexOf</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;/S&quot;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&amp;</span>gt;-<span style="color: #cc66cc;">1</span> <span style="color: #66cc66;">||</span> args.<span style="color: #0066CC;">length</span>==<span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
	<span style="color: #808080; font-style: italic;">//application started as screensaver</span>
	txt.<span style="color: #006600;">appendText</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;go on with screens<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #66cc66;">&#123;</span>
	txt.<span style="color: #006600;">appendText</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;exit because params<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #66cc66;">&#41;</span>;
	NativeApplication.<span style="color: #006600;">nativeApplication</span>.<span style="color: #006600;">exit</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
	<span style="color: #b1b100;">return</span>;
<span style="color: #66cc66;">&#125;</span></pre></div></div>

<p>Den Settingsmodus könnten wir mit /c abfangen und Einstellungen zulassen. Diese wären möglich in einer XML Datei zu speichern.</p>
<p>Gedacht wäre beim Parameter /p eine Preview darzustellen in dem kleinen Fenster. Wie sich das Microsoft gedacht hat: <a href="http://www.wischik.com/scr/howtoscr.html#CommandLineArguments">http://www.wischik.com/scr/howtoscr.html#CommandLineArguments</a></p>
<p>Die HWND* wird übergeben und wir könnten uns jetzt mit der Windows API das Rectangle ermitteln wo wir hinsollten&#8230; Ich brauch keine Preview <img src='http://www.guavestudios.com/blog/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<h3>Deployment (the dirty part)</h3>
<p>Nun folgt eigentlich der Part für den ich keine optimale Lösung gefunden und umgesetzt habe. Stattdessen suchte ich nach einer Kompromisslösung.</p>
<h4>Dirty Premissions:</h4>
<p>Logisch: Sicherheit! Aber nervt <img src='http://www.guavestudios.com/blog/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /><br />
Wir müssen eine EXE-Datei zu einer SCR-Datei kopieren. Dies wird im <em>appicationDirectory</em> gemacht. Tja und dass ist das eigentlich &#8220;dreckige&#8221; an der Sache. Andere Plattformen erlauben normalerweise keine Modifikation des Programmverzeichnisses während der Laufzeit. Z.b. wird auf anderen Plattformen die Applikation mit Nutzerrechten ausgeführt. Da die Nutzer aber normalerweise keine Adminrechte haben, dürften hier keine Dateien modifiziert werden.</p>
<p>Das liebe Windows ist hier nicht so strikt, vorallem weil die Installation mit Adminrechten durchgeführt wird. Also tricksten wir. Beim ersten mal Starten (gleich nach der Installtion) führen wir ein Script aus, das uns die Datei kopiert und den Screensaver aktiviert. Das Script wird hier mit Adminrechten ausgeführt und kann das Projektverzeichniss modifizieren.</p>
<p>Eine alternative Lösung wäre, pro User separat im <em>userData</em> Space die Applikation zu speichern, was wiederum Probleme mit der AIR Runtime geben würde. Auch ein funktionierender Ansatz wäre, eine zweite Applikation in die erste hineinzukompilieren, ich wollte allerdings einen schlankeren Ansatz.</p>
<h4>Native Process</h4>
<p>In Windows kann man einen Screensaver per RunDLL oder per Registry setzten. Interessant ist: Unter Windows XP geht das nur mit der RunDLL und bei Win7 nur per Registery, wenn die SCR nicht im Windows Verzeichnis liegt. Unsere AIR Applikation wird aber im Programm Verzeichnis liegen.</p>
<p>&#8220;Native Process&#8221; in AIR erlaubt uns lokale Dateien auszuführen (exe). Wir benötigen aber zusätzliche Berechtigungen für die Applikation in der applikation.xml:</p>
<pre>&lt;supportedProfiles&gt;extendedDesktop&lt;/supportedProfiles&gt;</pre>
<p>Diese Anweisung zwingt uns jetzt aber auch das Packing Script umzustellen. Wir brauchen ab jetzt einen Native Installer. Dazu ändern wir nur die set AIR_FILE Zeile im PackageApplikation.bat.</p>
<pre>set AIR_FILE=-target native sunriseimagescr.exe</pre>
<p>Wir haben nun die Möglichkeit die Exe in eine SCR (Screensaver) umzubenennen und dann in Windows zu registrieren. Hierzu verwende ich ein zusätzliches Script (install_saver.bat). Dieses Script könnte jetzt plattformspezifisch anders aussehen.</p>

<div class="wp_syntax"><div class="code"><pre class="batch" style="font-family:monospace;">@echo off
set SCRFILENAME=%~dp0imagescr.scr
copy imagescr.exe imagescr.scr
reg add &quot;HKEY_CURRENT_USER\Control Panel\Desktop&quot; /v SCRNSAVE.EXE /t REG_SZ /d &quot;%SCRFILENAME%&quot; /f
rundll32.exe desk.cpl,InstallScreenSaver &quot;%SCRFILENAME%&quot;</pre></div></div>

<p>Hier muss noch eine IF rein um abzuprüfen welches System wir haben (winxp,win7).</p>
<p>Nach Installation des Screensavers wir dieser automatisch ausgeführt (Standardaktion bei AIR Installation). Wir nutzen dieses Feature nun aus und fragen, ob die SCR Datei bereits besteht. Wenn ja, führen wir den Screensaver mit entsprechenden Parametern aus. Wenn nein, führen wir das Script aus. (Wir hören auf den Invoke)</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">var</span> file:File = File.<span style="color: #006600;">applicationDirectory</span>.<span style="color: #006600;">resolvePath</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;screensaver.scr&quot;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span>file.<span style="color: #006600;">exists</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
	NativeApplication.<span style="color: #006600;">nativeApplication</span>.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>InvokeEvent.<span style="color: #006600;">INVOKE</span>, onInvokeEvent<span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #66cc66;">&#123;</span>
	<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span>NativeProcess.<span style="color: #006600;">isSupported</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
		<span style="color: #808080; font-style: italic;">//we have to execute the bat with with cmd.exe as commandinterpreter</span>
		<span style="color: #000000; font-weight: bold;">var</span> bat:File = File.<span style="color: #006600;">applicationDirectory</span>.<span style="color: #006600;">resolvePath</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;install_saver.bat&quot;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #000000; font-weight: bold;">var</span> cmd:File = <span style="color: #000000; font-weight: bold;">new</span> File<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;C:<span style="color: #000099; font-weight: bold;">\\</span>WINDOWS<span style="color: #000099; font-weight: bold;">\\</span>system32<span style="color: #000099; font-weight: bold;">\\</span>cmd.exe&quot;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #000000; font-weight: bold;">var</span> npi:NativeProcessStartupInfo = <span style="color: #000000; font-weight: bold;">new</span> NativeProcessStartupInfo<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		npi.<span style="color: #006600;">executable</span> = cmd;
		npi.<span style="color: #006600;">workingDirectory</span> = File.<span style="color: #006600;">applicationDirectory</span>;
		<span style="color: #000000; font-weight: bold;">var</span> args:Vector.<span style="color: #66cc66;">&amp;</span>lt;String<span style="color: #66cc66;">&amp;</span>gt; = <span style="color: #000000; font-weight: bold;">new</span> Vector.<span style="color: #66cc66;">&amp;</span>lt;String<span style="color: #66cc66;">&amp;</span>gt;<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		args<span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">0</span><span style="color: #66cc66;">&#93;</span> = <span style="color: #ff0000;">&quot;/c&quot;</span>;
		args<span style="color: #66cc66;">&#91;</span><span style="color: #cc66cc;">1</span><span style="color: #66cc66;">&#93;</span> =  bat.<span style="color: #006600;">nativePath</span>;
		npi.<span style="color: #0066CC;">arguments</span>=args;
		proc = <span style="color: #000000; font-weight: bold;">new</span> NativeProcess<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		proc.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>ProgressEvent.<span style="color: #006600;">STANDARD_ERROR_DATA</span>, onOutputData<span style="color: #66cc66;">&#41;</span>;
		proc.<span style="color: #0066CC;">start</span><span style="color: #66cc66;">&#40;</span>npi<span style="color: #66cc66;">&#41;</span>; <span style="color: #808080; font-style: italic;">//</span>
&nbsp;
		<span style="color: #808080; font-style: italic;">//finally we exit the application and wait for the real screensaver call</span>
		NativeApplication.<span style="color: #006600;">nativeApplication</span>.<span style="color: #006600;">exit</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
	<span style="color: #66cc66;">&#125;</span> <span style="color: #b1b100;">else</span> <span style="color: #66cc66;">&#123;</span>
		<span style="color: #0066CC;">throw</span> <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">Error</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;no native process support&quot;</span><span style="color: #66cc66;">&#41;</span>;
	<span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span></pre></div></div>

<p>Wiederum könnte der Code plattformabhängig modifiziert werden.</p>
<h4>Seperater Installer für AIR</h4>
<p>Wir brauchen die Runtime von Adobe AIR auf dem Zielsystem: <a href="http://get.adobe.com/de/air/">http://get.adobe.com/de/air/</a></p>
<p>Es ist möglich, beim Installer Adobe AIR mitzuliefern. Dazu muss man aber die direkte Erlaubnis von Adobe haben: <a href="http://www.adobe.com/de/products/air/runtime_distribution1.html">http://www.adobe.com/de/products/air/runtime_distribution1.html</a></p>
<p>Ich hab den Adobe Weg noch nicht versucht. Hat hier jemand Erfahrung damit?</p>
<h4>Deinstallieren&#8230;</h4>
<p><span style="font-weight: normal;">&#8230;Ist auch ein Problem für sich. Die Deinstallation funktioniert zwar einwandfrei mit dem Uninstaller von AIR, leider bleibt aber so die Referenz in der Registry. Hierfür benötigt man eine separate BAT-Datei. Die auch noch die SCR entfernt.</span></h4>
<h3><span style="font-weight: normal;">Eine Lösung wäre übrigens auch, den Adobe Installer in einen separaten Installer zu packen und darüber den Installations- und Deinstallationsprozess zu managen.<br />
</span><span style="font-weight: normal;"><a href="http://www.actionscript.org/forums/showthread.php3?t=171190">http://www.actionscript.org/forums/showthread.php3?t=171190</a></span></h3>
<h3><span style="font-weight: normal;">Projektdateien</span></h3>
<p><a href="http://www.guavestudios.com/blog/wp-content/uploads/2011/08/imagescr-0.1.zip#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed">imagescr-0.1</a></p>
<h3>Referenzen</h3>
<ul>
<li><a href="http://blog.empiregpservices.com/post.cfm/adobe-air-screensaver-how-to-make-use-of-windows-settings-button" target="_blank">http://blog.empiregpservices.com/post.cfm/adobe-air-screensaver-how-to-make-use-of-windows-settings-button</a></li>
<li><a href="http://www.video-flash.de/index/flash-bildschirmschoner-mit-adobe-air-erstellen/" target="_blank">http://www.video-flash.de/index/flash-bildschirmschoner-mit-adobe-air-erstellen/</a></li>
<li><a href="http://www.adobe.com/devnet/air/flex/quickstart/articles/interacting_with_native_process.html" target="_blank">http://www.adobe.com/devnet/air/flex/quickstart/articles/interacting_with_native_process.html</a></li>
<li><a href="http://www.tburke.net/info/rundll.htm" target="_blank">http://www.tburke.net/info/rundll.htm</a></li>
<li><a href="http://www.flashdevelop.org" target="_blank">http://www.flashdevelop.org</a></li>
<li><a href="http://www.adobe.com/de/products/air/runtime_distribution1.html">http://www.adobe.com/de/products/air/runtime_distribution1.html</a></li>
</ul>
<p><small><br />
* Die HWND-Eigenschaft (auch: Handle) gibt eine Zugriffsnummer für ein Formular oder Steuerelement zurück, d. h. ein eindeutiger ganzzahliger Wert, der von der Betriebsumgebung definiert wird und von einem Programm verwendet wird, um ein Objekt zu kennzeichnen und zu einem Objekt zu wechseln.<br />
</small></p>
<div id="facebook_like"><iframe style="height:80px" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.guavestudios.com%2Fblog%2F2011%2F09%2Fscreensaverbildschirmprasentation-mit-adobe-air%2F&amp;layout=standard&amp;show-faces=true&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:auto;"></iframe></div>]]></content:encoded>
			<wfw:commentRss>http://www.guavestudios.com/blog/2011/09/screensaverbildschirmprasentation-mit-adobe-air/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Max Script: AnimationReTimer</title>
		<link>http://www.guavestudios.com/blog/2011/08/max-script-animationretimer/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed</link>
		<comments>http://www.guavestudios.com/blog/2011/08/max-script-animationretimer/#comments</comments>
		<pubDate>Tue, 09 Aug 2011 15:56:53 +0000</pubDate>
		<dc:creator>David Fritsche</dc:creator>
				<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[3ds Max]]></category>
		<category><![CDATA[3ds Max Script]]></category>

		<guid isPermaLink="false">http://www.guavestudios.com/blog/?p=1372</guid>
		<description><![CDATA[Da es öfters vorkommt, dass man mehrere animierte Objekte in einer gewissen Reihenfolge animieren möchte (z.B. bei Auf- oder Abbauanimationen) habe ich vor einiger Zeit mal ein Script geschrieben welches ich nun teilen möchte. Louis Marcoux hat auf seinem Blog ganz schön beschrieben wie man so ein Script selber programmieren kann: Reveal Techniques Ich habe [...]]]></description>
			<content:encoded><![CDATA[<p>Da es öfters vorkommt, dass man mehrere animierte Objekte in einer gewissen Reihenfolge animieren möchte (z.B. bei Auf- oder Abbauanimationen) habe ich vor einiger Zeit mal ein Script geschrieben welches ich nun teilen möchte.</p>
<p>Louis Marcoux hat auf seinem Blog ganz schön beschrieben wie man so ein Script selber programmieren kann: <a href="http://area.autodesk.com/blogs/louis/reveal_techniques_and_autodesk_university_in_las_vegas" target="_blank">Reveal Techniques</a></p>
<p>Ich habe einen ähnlichen Ansatz allerdings mit einer kleinen Änderung welche mehr Dynamik und Flexibilität ermöglicht.</p>
<p><strong>AnimationReTimer</strong></p>
<p>Die Idee ist, dass sich jedes dieser Objekte an einem (oder mehreren) &#8220;Timer-Objekt&#8221; orientiert und zwar abhängig von der Distanz. Kommt also dieses Timer-Objekt in die Nähe eines anderen Objekts fängt dieses seine Animation an.<br />
Somit kann ich jedes dieser Objekte frei animieren (alle mit der selben Animation wie im Video-Tutorial, aber auch jedes Objekt mit einer einzigartigen Animation).<br />
Die Keys dieser Animation werden dann durch das Script einfach nur verschoben.</p>
<p><a href="http://www.guavestudios.com/blog/wp-content/uploads/2011/08/ART_screenshot.jpg#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed"><img src="http://www.guavestudios.com/blog/wp-content/uploads/2011/08/ART_screenshot.jpg" alt="" title="ART_screenshot" width="206" height="616" class="alignleft size-full wp-image-1375" /></a></p>
<p><strong>Objecs [Add] [Remove]</strong><br />
Timer-Objekt(e) hinzufügen.<br />
Timer-Objekte sollten mindestens zwei Key-Frames haben (z.B. Start- &#038; Endposition). Wird also ein Timer-Objekt durch ein Noise-Controller gesteuert sollten trotzdem (irgendwelche) Keyframes existieren, damit das Script weiss wann die Animation anfängt bzw. aufhört.</p>
<p><strong>Animation Reference</strong><br />
Animation fängt an <-> hört auf wenn Timer-Objekt am nächsten ist.</p>
<p><strong>Distance Reference</strong><br />
Distanz zum Timer-Objekt wird am <br />Anfang <-> Ende der Animation gemessen.<br />
Nur sinnvoll wenn sich Objekt bewegt.</p>
<p><strong>Delay</strong><br />
Ganze Animation verzögern (Frames).</p>
<p><strong>Accuracy</strong><br />
Genauigkeit der Berechnung um diese zu beschleunigen. Eignet sich wenn das Skript auf sehr viele Objekte angewendet wird (höherer Wert = schnellere &#038; ungenauere Berechnung).</p>
<p><strong>Lazy Animation</strong><br />
Objekt kann auch vom Nachbar-Objekt aktiviert werden. Dieser Wert steuert den Zeitverzug. Timer-Objekt kann somit eine Art Welle erzeugen.</p>
<p><strong>Distance Dependent</strong><br />
Wenn Aktiv wird Objekt nur vom nächsten Timer-Objekt aktiviert ansonsten kann es unabhängig auch vom Nachbar-Objekt aktiviert werden (je nach Wert von &#8220;Lazy Animation&#8221;).</p>
<p><strong>RETIME!</strong><br />
Alle <strong>selektierten</strong> Objekte werden &#8220;Retimed&#8221;.</p>
<div style="clear:both;"></div>
<p><strong>Installation:</strong><br />
Script einfach per Drag-and-Drop ins Fenster schieben.<br />
Tool (AnimationReTimer) findet man bei der Kategorie &#8220;Animation-Tools&#8221;.</p>
<p><a href="http://code.google.com/p/animation-re-timer/downloads/detail?name=animation-re-timer.ms&#038;can=2&#038;q=#makechanges" target="_blank"><big>Download</big></a></p>
<p>.. hoffe das Script hilft euch wie es mir schon oft geholfen hat!</p>
<p>Hier ein kleines Tutorial:</p>
<p><iframe width="512" height="384" src="http://www.youtube.com/embed/jDVG4aXBge4" frameborder="0" allowfullscreen></iframe></p>
<p>&#8230; und noch eine weiteres Beispiel:</p>
<p><iframe width="512" height="384" src="http://www.youtube.com/embed/JsoruBoopl4" frameborder="0" allowfullscreen></iframe></p>
<div id="facebook_like"><iframe style="height:80px" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.guavestudios.com%2Fblog%2F2011%2F08%2Fmax-script-animationretimer%2F&amp;layout=standard&amp;show-faces=true&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:auto;"></iframe></div>]]></content:encoded>
			<wfw:commentRss>http://www.guavestudios.com/blog/2011/08/max-script-animationretimer/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Die Suche nach dem neuen CMS – Teil 5 – contao</title>
		<link>http://www.guavestudios.com/blog/2011/08/die-suche-nach-dem-neuen-cms-%e2%80%93-teil-5-%e2%80%93-contao/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed</link>
		<comments>http://www.guavestudios.com/blog/2011/08/die-suche-nach-dem-neuen-cms-%e2%80%93-teil-5-%e2%80%93-contao/#comments</comments>
		<pubDate>Fri, 05 Aug 2011 11:39:14 +0000</pubDate>
		<dc:creator>Gebhard Nigsch</dc:creator>
				<category><![CDATA[Reviews]]></category>

		<guid isPermaLink="false">http://www.guavestudios.com/blog/?p=1255</guid>
		<description><![CDATA[Hier geht es nun um eine kurze Analyse des open source CM-Systems contao. Bitte beachtet, dass diese Analyse das CM-System nicht in der Tiefe behandeln kann. Version: 2.9.5 Website: contao.org Installation Auch hier wird man bequem mit einem Wizard durch die Installation geführt. Usability Das Interface hat mir sehr gut gefallen, da einem sofort klar [...]]]></description>
			<content:encoded><![CDATA[<p>Hier geht es nun um eine kurze Analyse des open source CM-Systems contao.<br />
Bitte beachtet, dass diese Analyse das CM-System nicht in der Tiefe behandeln kann.</p>
<p>Version: 2.9.5<br />
Website: <a href="http://www.contao.org" target="_blank">contao.org</a></p>

<a href='http://www.guavestudios.com/blog/2011/08/die-suche-nach-dem-neuen-cms-%e2%80%93-teil-5-%e2%80%93-contao/dashboard/' title='dashboard'><img width="150" height="150" src="http://www.guavestudios.com/blog/wp-content/uploads/2011/07/dashboard-150x150.jpg" class="attachment-thumbnail" alt="dashboard" title="dashboard" /></a>
<a href='http://www.guavestudios.com/blog/2011/08/die-suche-nach-dem-neuen-cms-%e2%80%93-teil-5-%e2%80%93-contao/menu-2/' title='menu'><img width="150" height="150" src="http://www.guavestudios.com/blog/wp-content/uploads/2011/07/menu-150x150.jpg" class="attachment-thumbnail" alt="menu" title="menu" /></a>
<a href='http://www.guavestudios.com/blog/2011/08/die-suche-nach-dem-neuen-cms-%e2%80%93-teil-5-%e2%80%93-contao/article/' title='article'><img width="150" height="150" src="http://www.guavestudios.com/blog/wp-content/uploads/2011/07/article-150x150.jpg" class="attachment-thumbnail" alt="article" title="article" /></a>
<a href='http://www.guavestudios.com/blog/2011/08/die-suche-nach-dem-neuen-cms-%e2%80%93-teil-5-%e2%80%93-contao/headline/' title='headline'><img width="150" height="150" src="http://www.guavestudios.com/blog/wp-content/uploads/2011/07/headline-150x150.jpg" class="attachment-thumbnail" alt="headline" title="headline" /></a>
<a href='http://www.guavestudios.com/blog/2011/08/die-suche-nach-dem-neuen-cms-%e2%80%93-teil-5-%e2%80%93-contao/formular-generator/' title='formular-generator'><img width="150" height="150" src="http://www.guavestudios.com/blog/wp-content/uploads/2011/07/formular-generator-150x150.jpg" class="attachment-thumbnail" alt="formular-generator" title="formular-generator" /></a>
<a href='http://www.guavestudios.com/blog/2011/08/die-suche-nach-dem-neuen-cms-%e2%80%93-teil-5-%e2%80%93-contao/settings/' title='settings'><img width="150" height="150" src="http://www.guavestudios.com/blog/wp-content/uploads/2011/07/settings-150x150.jpg" class="attachment-thumbnail" alt="settings" title="settings" /></a>

<p><strong>Installation</strong><br />
Auch hier wird man bequem mit einem Wizard durch die Installation geführt.</p>
<p><strong>Usability</strong><br />
Das Interface hat mir sehr gut gefallen, da einem sofort klar ist, wie das ganze zu bedienen ist.</p>
<p><strong>Pros</strong></p>
<ul>
<li> Einfach durch Plugins erweiterbar</li>
<li>Sehr übersichtliches User-Inferface</li>
<li>Auch hier existiert eine recht grosse Entwickler-Community</li>
<li>Es exisitert ebenfalls eine grosse Deutsche Community</li>
<li>Verschachteln von verschienden Inhalten ist ohne Probleme möglich</li>
<li>Mit dem Formular-Generator lassen sich ganz einfach komplexe Formulare generieren</li>
</ul>
<p><strong>Contras</strong></p>
<ul>
<li> Nur ein Lead-Entwickler</li>
<li>Das verwalten mehrsprachiger Inhalte ist nur mit sehr, sehr viel Aufwand möglich</li>
<li>sehr viele Mysql-Selects</li>
</ul>
<p><strong>Fazit</strong><br />
Auch hier werden alle in Teil 1 beschriebenen Anforderungen durch das System selbst, oder durch Plugins erfüllt.<br />
Das System selbst finde ich sehr übersichltich. Was auffällt, wenn man den Debug Modus aktiviert, dass im Hintergrund extrem viele Mysql-Selects ausgeführt werden.<br />
Eine mehrsprachige Seite muss mit separaten Inhaltsbäumen aufgebaut werden. Die Übersichtlichkeit geht hier bei vielen Menüpunkten ganz schnell verloren.</p>
<p><strong>Alle Artikel</strong></p>
<ul>
<li><a href="http://www.guavestudios.com/blog/2010/12/die-suche-nach-dem-neuen-cms-teil-1-einleitung/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed">Die Suche nach dem neuen CMS &#8211; Teil 1 &#8211; Einleitung</a></li>
<li><a href="http://www.guavestudios.com/blog/2011/02/die-suche-nach-dem-neuen-cms-teil-2-typo3/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed">Die Suche nach dem neuen CMS &#8211; Teil 2 &#8211; typo3</a></li>
<li><a href="http://www.guavestudios.com/blog/2011/02/die-suche-nach-dem-neuen-cms-teil-3-joomla/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed">Die Suche nach dem neuen CMS &#8211; Teil 3 &#8211; joomla</a></li>
<li><a href="http://www.guavestudios.com/blog/2011/08/die-suche-nach-dem-neuen-cms-%E2%80%93-teil-4-%E2%80%93-drupal/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed">Die Suche nach dem neuen CMS &#8211; Teil 4 &#8211; drupal</a></li>
<li><a href="http://www.guavestudios.com/blog/2011/08/die-suche-nach-dem-neuen-cms-%E2%80%93-teil-5-%E2%80%93-contao/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed">Die Suche nach dem neuen CMS &#8211; Teil 5 &#8211; contao</a></li>
<li>Die Suche nach dem neuen CMS &#8211; Fazit (in Arbeit)</li>
</ul>
<div id="facebook_like"><iframe style="height:80px" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.guavestudios.com%2Fblog%2F2011%2F08%2Fdie-suche-nach-dem-neuen-cms-%25e2%2580%2593-teil-5-%25e2%2580%2593-contao%2F&amp;layout=standard&amp;show-faces=true&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:auto;"></iframe></div>]]></content:encoded>
			<wfw:commentRss>http://www.guavestudios.com/blog/2011/08/die-suche-nach-dem-neuen-cms-%e2%80%93-teil-5-%e2%80%93-contao/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

