<?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>zeroseven labs &#187; BitmapData</title>
	<atom:link href="http://labs.zeroseven.de/tag/bitmapdata/feed/" rel="self" type="application/rss+xml" />
	<link>http://labs.zeroseven.de</link>
	<description></description>
	<lastBuildDate>Wed, 28 Jul 2010 07:43:22 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Flash Experiment &#8211; Rotation</title>
		<link>http://labs.zeroseven.de/development/actionscript-development/flash-experiment-rotation/</link>
		<comments>http://labs.zeroseven.de/development/actionscript-development/flash-experiment-rotation/#comments</comments>
		<pubDate>Thu, 04 Feb 2010 14:59:54 +0000</pubDate>
		<dc:creator>alexanders</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[DEVELOPMENT]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[BitmapData]]></category>
		<category><![CDATA[Experiment]]></category>
		<category><![CDATA[Matrix]]></category>
		<category><![CDATA[Shape]]></category>

		<guid isPermaLink="false">http://labs.zeroseven.de/?p=1200</guid>
		<description><![CDATA[Eine Rotation über den Abstand der Maus zum Zentrum. Dabei werden hier in diesem Beispiel nur zwei Shapes gezeichnet, um dann eine Animation &#38; Verzerrung über Matrix-Berechnungen und BitmapData.draw() zu realisieren:











]]></description>
			<content:encoded><![CDATA[<p>Eine Rotation über den Abstand der Maus zum Zentrum. Dabei werden hier in diesem Beispiel nur zwei Shapes gezeichnet, um dann eine Animation &amp; Verzerrung über Matrix-Berechnungen und BitmapData.draw() zu realisieren:</p>
<p><span id="more-1200"></span></p>
<p>
<object width="627" height="627">
<param name="movie" value="http://labs.zeroseven.de/wp-content/uploads/2010/02/Propeller1.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="opaque"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#000000"></param>
<embed type="application/x-shockwave-flash" width="627" height="627" src="http://labs.zeroseven.de/wp-content/uploads/2010/02/Propeller1.swf" quality="high" bgcolor="#000000" wmode="opaque" menu="false" ></embed>
</object>
</p>
]]></content:encoded>
			<wfw:commentRss>http://labs.zeroseven.de/development/actionscript-development/flash-experiment-rotation/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Flash Experiment &#8211; Pixelhole</title>
		<link>http://labs.zeroseven.de/development/actionscript-development/flash-experiment-pixelhole/</link>
		<comments>http://labs.zeroseven.de/development/actionscript-development/flash-experiment-pixelhole/#comments</comments>
		<pubDate>Tue, 26 Jan 2010 12:49:30 +0000</pubDate>
		<dc:creator>alexanders</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[DEVELOPMENT]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Bitmap]]></category>
		<category><![CDATA[BitmapData]]></category>
		<category><![CDATA[Experiment]]></category>
		<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://labs.zeroseven.de/?p=1175</guid>
		<description><![CDATA[Ein weiteres Experiment, das ein Bild auf Pixelbasis animiert. In Bezug auf die Mausposition zum jeweiligen Pixel wird eine Verschiebung generiert. Einfach klicken und ausprobieren:











]]></description>
			<content:encoded><![CDATA[<p>Ein weiteres Experiment, das ein Bild auf Pixelbasis animiert. In Bezug auf die Mausposition zum jeweiligen Pixel wird eine Verschiebung generiert. Einfach klicken und ausprobieren:</p>
<p><span id="more-1175"></span></p>
<p>
<object width="627" height="400">
<param name="movie" value="http://labs.zeroseven.de/wp-content/uploads/2010/01/PixelFlow.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="opaque"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#000000"></param>
<embed type="application/x-shockwave-flash" width="627" height="400" src="http://labs.zeroseven.de/wp-content/uploads/2010/01/PixelFlow.swf" quality="high" bgcolor="#000000" wmode="opaque" menu="false" ></embed>
</object>
</p>
]]></content:encoded>
			<wfw:commentRss>http://labs.zeroseven.de/development/actionscript-development/flash-experiment-pixelhole/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Flash Experiment &#8211; Curving</title>
		<link>http://labs.zeroseven.de/development/actionscript-development/flash-experiment-curving/</link>
		<comments>http://labs.zeroseven.de/development/actionscript-development/flash-experiment-curving/#comments</comments>
		<pubDate>Tue, 26 Jan 2010 10:18:59 +0000</pubDate>
		<dc:creator>alexanders</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[DEVELOPMENT]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Bitmap]]></category>
		<category><![CDATA[BitmapData]]></category>
		<category><![CDATA[Experiment]]></category>
		<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://labs.zeroseven.de/?p=1167</guid>
		<description><![CDATA[Ein kleines Experiment unter Verwendung eines Zusatzpackages von Lee Brimelow. Es wird alle 50 Millisekunden eine neue Linie mit zufälliger Farbe, Position und Winkel erzeugt und animiert. Um die Performance nicht ins unermessliche zu belasten, werden fertig animierte Linien auf ein BitmapData reduziert und von der DisplayList genommen.











]]></description>
			<content:encoded><![CDATA[<p>Ein kleines Experiment unter Verwendung eines Zusatzpackages von Lee Brimelow. Es wird alle 50 Millisekunden eine neue Linie mit zufälliger Farbe, Position und Winkel erzeugt und animiert. Um die Performance nicht ins unermessliche zu belasten, werden fertig animierte Linien auf ein BitmapData reduziert und von der DisplayList genommen.</p>
<p><span id="more-1167"></span></p>
<p>
<object width="627" height="600">
<param name="movie" value="http://labs.zeroseven.de/wp-content/uploads/2010/01/curves.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="opaque"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#000000"></param>
<embed type="application/x-shockwave-flash" width="627" height="600" src="http://labs.zeroseven.de/wp-content/uploads/2010/01/curves.swf" quality="high" bgcolor="#000000" wmode="opaque" menu="false" ></embed>
</object>
</p>
]]></content:encoded>
			<wfw:commentRss>http://labs.zeroseven.de/development/actionscript-development/flash-experiment-curving/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Flash Experiment &#8211; Lines</title>
		<link>http://labs.zeroseven.de/development/actionscript-development/flash-experiment-lines/</link>
		<comments>http://labs.zeroseven.de/development/actionscript-development/flash-experiment-lines/#comments</comments>
		<pubDate>Tue, 26 Jan 2010 09:37:57 +0000</pubDate>
		<dc:creator>alexanders</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[DEVELOPMENT]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Bitmap]]></category>
		<category><![CDATA[BitmapData]]></category>
		<category><![CDATA[Experiment]]></category>
		<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://labs.zeroseven.de/?p=1138</guid>
		<description><![CDATA[Ein kleines Flash-Experiment das knapp 1300 gebogene Linien mittels der Graphics Klasse zeichnet. Diese Linien werden dann aber nicht dem DisplayStack hinzugefügt, sondern  über BitmapData.draw in ein Bitmap-Objekt gezeichnet. Damit ist eine relativ performate Animation möglich.











Baut man diese Animation weiter aus, kann man die Überlagerungen und Alpha-Werte dazu nutzen, einen DisplacementMapfilter zu verwenden. Durch [...]]]></description>
			<content:encoded><![CDATA[<p>Ein kleines Flash-Experiment das knapp 1300 gebogene Linien mittels der Graphics Klasse zeichnet. Diese Linien werden dann aber nicht dem DisplayStack hinzugefügt, sondern  über BitmapData.draw in ein Bitmap-Objekt gezeichnet. Damit ist eine relativ performate Animation möglich.</p>
<p><span id="more-1138"></span></p>
<p>
<object width="627" height="627">
<param name="movie" value="http://labs.zeroseven.de/wp-content/uploads/2010/01/MagneticStyle.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="opaque"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#000000"></param>
<embed type="application/x-shockwave-flash" width="627" height="627" src="http://labs.zeroseven.de/wp-content/uploads/2010/01/MagneticStyle.swf" quality="high" bgcolor="#000000" wmode="opaque" menu="false" ></embed>
</object>
</p>
<p>Baut man diese Animation weiter aus, kann man die Überlagerungen und Alpha-Werte dazu nutzen, einen DisplacementMapfilter zu verwenden. Durch dessen Einsatz bekommt die Animation einen fluiden Eindruck.</p>
<p>
<object width="627" height="627">
<param name="movie" value="http://labs.zeroseven.de/wp-content/uploads/2010/01/lion.swf"></param>
<param name="quality" value="high"></param>
<param name="wmode" value="opaque"></param>
<param name="menu" value="false"></param>
<param name="bgcolor" value="#000000"></param>
<embed type="application/x-shockwave-flash" width="627" height="627" src="http://labs.zeroseven.de/wp-content/uploads/2010/01/lion.swf" quality="high" bgcolor="#000000" wmode="opaque" menu="false" ></embed>
</object>
</p>
]]></content:encoded>
			<wfw:commentRss>http://labs.zeroseven.de/development/actionscript-development/flash-experiment-lines/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Video Snapshot in Flash</title>
		<link>http://labs.zeroseven.de/development/actionscript-development/video-snapshot-in-flash/</link>
		<comments>http://labs.zeroseven.de/development/actionscript-development/video-snapshot-in-flash/#comments</comments>
		<pubDate>Fri, 12 Sep 2008 11:12:40 +0000</pubDate>
		<dc:creator>alexanders</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Bitmap]]></category>
		<category><![CDATA[BitmapData]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://labs.zeroseven.de/?p=555</guid>
		<description><![CDATA[Wie schon ein paar mal berichtet, bietet Flash mit den Bitmap- und BitmapData-Klassen sehr viele Möglichkeiten im Umgang mit Grafiken. Diese können in vielen erdenklichen Weisen modifiziert und verändert werden. Die Möglichkeiten dieser beiden Klassen sind damit aber noch nicht ausgeschöpft.

Vielmehr lassen sich mit diesen auch Snapshots von Videos erstellen. Dazu wird zunächst eine Videokomponente [...]]]></description>
			<content:encoded><![CDATA[<p>Wie schon ein paar mal berichtet, bietet Flash mit den Bitmap- und BitmapData-Klassen sehr viele Möglichkeiten im Umgang mit Grafiken. Diese können in vielen erdenklichen Weisen modifiziert und verändert werden. Die Möglichkeiten dieser beiden Klassen sind damit aber noch nicht ausgeschöpft.</p>
<p><span id="more-555"></span></p>
<p>Vielmehr lassen sich mit diesen auch Snapshots von Videos erstellen. Dazu wird zunächst eine Videokomponente erstellt in der ein Video abgespielt wird. Wird nun der Event zum Erstellen eines Snapshots ausgelöst, wird zunächst ein BitmapData-Objekt in der Größe des Videoobjektes erstellt. In dieses wird dann das Video über die draw-Methode gezeichnet. Damit ist der größte Aufwand vollzogen. Das BitmpData-Objekt kann nun über addChild einem anderen Objekt zugewiesen werden.</p>
<p>Vielmehr als die oben beschriebenen Schritte sind nicht nötig um Snapshots von Videos zu erstellen. Obwohl es nur ein sehr kurzes Beispiel ist, lässt sich abschätzen, wie vielseitig anwendbar dieser Ablauf ist. So lassen sich nicht nur Videos capturen, sondern auch andere, auf der Bühne befindliche Szenerien &#8220;fotografieren&#8221;. Denkbar wäre auch, ein 3D-Model über Papervision3D einzubinden und zu animieren, um so ein virtuelles Fotoshooting zu inszinieren.</p>
<p>Über eine Kombination mit weiteren Funktionen von Flash lassen sich die erstellten Bilder auch nachbearbeiten. Auch eine Kombination mit PHP ist möglich, welches ein JPG aus den Bitmap-Daten generiert, was wiederum heruntergeladen werden kann.</p>
<p>Beispiele:<br />
<a href="http://campaigns.mykindaplace.com/superman/index.html">campaigns.mykindaplace.com/superman</a><br />
<a href="http://www.fullofpotential.ca">www.fullofpotential.ca</a></p>
]]></content:encoded>
			<wfw:commentRss>http://labs.zeroseven.de/development/actionscript-development/video-snapshot-in-flash/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Flash: CopyPixel mit BitmapData</title>
		<link>http://labs.zeroseven.de/development/actionscript-development/flash-copypixel-mit-bitmapdata/</link>
		<comments>http://labs.zeroseven.de/development/actionscript-development/flash-copypixel-mit-bitmapdata/#comments</comments>
		<pubDate>Fri, 04 Jul 2008 09:31:05 +0000</pubDate>
		<dc:creator>alexanders</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[BitmapData]]></category>
		<category><![CDATA[copyPixel]]></category>
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://labs.zeroseven.de/?p=185</guid>
		<description><![CDATA[Mit der Bitmap-Data Klasse in Flash lassen sich bestimmte ausgewählte Pixel von einem BitmapData-Objekt in ein anderes kopieren. Diese Funktion lässt sich besonders dann nutzen, wenn bestimmte Bereich eines Bildes wieder verwendet werden sollen, ohne zum Beispiel einen weitern Auschnitt laden zu müssen.

Die erforderlichen Klassen hierfür sind die BitmapData, Rectange und Point Klassen. Die BitmapData-Klasse [...]]]></description>
			<content:encoded><![CDATA[<p>Mit der Bitmap-Data Klasse in Flash lassen sich bestimmte ausgewählte Pixel von einem BitmapData-Objekt in ein anderes kopieren. Diese Funktion lässt sich besonders dann nutzen, wenn bestimmte Bereich eines Bildes wieder verwendet werden sollen, ohne zum Beispiel einen weitern Auschnitt laden zu müssen.</p>
<p><span id="more-185"></span></p>
<p>Die erforderlichen Klassen hierfür sind die BitmapData, Rectange und Point Klassen. Die BitmapData-Klasse beinhaltet die benötigte copyPixel() Funktion. Zur Verwendung werden die anderen beiden Klassen benötigt, um die erforderlichen Paramter übergeben zu können. Der eigentliche Kopiervorgang lässt sich innerhalb einer Zeile Quellcode bewerkstelligen:<br />
<code>bitmapData_1.copyPixels(bitmapData_2, new Rectangle(0, 0, 50, 80), new Point(51, 0))<br />
</code><br />
Hier wird eine Kopie des BitmapData_1  Objektes erstellt. Als erforderliche Parameter werden nun das Zielobjekt, die Gröe des Ausschnittes als Rechteck und zuletzt der Zielpunkt im Zielobjekt angegeben. Damit sind die Pixel kopiert.<br />
Durch die Kombination dieser Möglichkeit mit der bereits beschriebenen Umrechnung von extern geladenen Bildern (JPG) in BitmapData-Objekte lassen sich zum Beispiel einfache Puzzles erstellen. Auch eine Zoomansicht des Ausschnittes lässt sich durch die freie Skalierbarkeit des BitmapData-Objekte mittles AS ohne große Qualitätsverluste umsetzen.</p>
]]></content:encoded>
			<wfw:commentRss>http://labs.zeroseven.de/development/actionscript-development/flash-copypixel-mit-bitmapdata/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Bildskalierung per ActionScript (AS2)</title>
		<link>http://labs.zeroseven.de/development/actionscript-development/bildskalierung-per-actionscript-as2/</link>
		<comments>http://labs.zeroseven.de/development/actionscript-development/bildskalierung-per-actionscript-as2/#comments</comments>
		<pubDate>Fri, 27 Jun 2008 08:03:00 +0000</pubDate>
		<dc:creator>alexanders</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[BitmapData]]></category>
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://labs.zeroseven.de/2008/06/bildskalierung-per-actionscript-as2/</guid>
		<description><![CDATA[Sobald ein Bild per Skript skaliert wird hat Flash ein großes Problem dieses Bild sauber darzustellen. Es entstehen Fragmente und unsaubere Bildstörungen. Ein Variante wäre das Bild in zwei Zuständen (groß, klein) zu laden und am Ende des Tweenvorganges per ActionScript auszutauschen. Jedoch ergeben sich hieraus die Probleme, dass zum einen zwei Bilder geladen werden [...]]]></description>
			<content:encoded><![CDATA[<p>Sobald ein Bild per Skript skaliert wird hat Flash ein großes Problem dieses Bild sauber darzustellen. Es entstehen Fragmente und unsaubere Bildstörungen. Ein Variante wäre das Bild in zwei Zuständen (groß, klein) zu laden und am Ende des Tweenvorganges per ActionScript auszutauschen. Jedoch ergeben sich hieraus die Probleme, dass zum einen zwei Bilder geladen werden müssen und zum anderen das Bild während des Tweens unansehnlich wird. Diese beiden Probleme lassen sich mit einer Scriptvariante lösen.</p>
<p><span id="more-172"></span></p>
<p>Dazu wird das Bild zunächst einmal geladen und in einem MovieClip zwischengelagert. Dieses Bild wird als Parameter an eine Funktion übergeben, die zunächst in leeres Rechteck, in der Größe des Bildes, erzeugt. Des weiteren wird das Bild als BitmapData umgerechnet. Diese Daten lässen sich über die draw-Methode in das erzeugte Rechteck legen. Somit dient das BitmapData als Füllung für das Rechteck und verhält sich somit wie zum Beispiel ein gezeichnetes Bild mit einem Verlauf. Der MovieClip mit geladenen Bild kann nun gelöscht werden, da diese Daten nicht mehr nötigt werden. Das entstandene BitmapData-Bild lässt sich nun sauber per Script skalieren und die oben beschiebenen Fragmente sind nicht mehr vorhanden.</p>
]]></content:encoded>
			<wfw:commentRss>http://labs.zeroseven.de/development/actionscript-development/bildskalierung-per-actionscript-as2/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
