AS3-Tutorium: Flex: Butterfly 01 fluttering - Versionsgeschichte

Kowa am 1. März 2023 um 13:25 Uhr

2023-03-01T13:25:15Z

← Nächstältere Version		Version vom 1. März 2023, 13:25 Uhr
Zeile 1:		Zeile 1:
	{{AS3-Tutorium:Flex:Butterfly:Menü}}		{{AS3-Tutorium:Flex:Butterfly:Menü}}
	=Flatternder Schmetterling=		==Flatternder Schmetterling==

	Im ersten Teil des Flex-Tutoriums wird der Schmetterling aus '''Flash'''-Tutorium „[[AS3-Tutorium: Flash: Butterfly 01 fluttering\|Butterfly 01 fluttering]]“		Im ersten Teil des Flex-Tutoriums wird der Schmetterling aus '''Flash'''-Tutorium „[[AS3-Tutorium: Flash: Butterfly 01 fluttering\|Butterfly 01 fluttering]]“
Zeile 14:		Zeile 14:
	</noinclude>		</noinclude>

	==Ein neues Flex-Projekt==		===Ein neues Flex-Projekt===

	# Flash Builder 4 (deutsche Version) starten.		# Flash Builder 4 (deutsche Version) starten.
Zeile 28:		Zeile 28:
	# Die Schriftgröße und -art kann, wenn die <code>Label</code>-Komponente per Mausklick selektiert wurde, im Fenster <code>Eigenschaften</code> (rechts unten, erster Reiter in der Standardperspektive) abgeändert werden.		# Die Schriftgröße und -art kann, wenn die <code>Label</code>-Komponente per Mausklick selektiert wurde, im Fenster <code>Eigenschaften</code> (rechts unten, erster Reiter in der Standardperspektive) abgeändert werden.

	==Schmetterlingssymbol aus Flash CS5 in Flex integrieren==		===Schmetterlingssymbol aus Flash CS5 in Flex integrieren===

	# Im ''Flash Builder'', Editor-Fenster der Datei <code>Butterfly01Flex.mxml</code> in den Design-Modus wechseln: Klick auf den Button <code>Design</code>.		# Im ''Flash Builder'', Editor-Fenster der Datei <code>Butterfly01Flex.mxml</code> in den Design-Modus wechseln: Klick auf den Button <code>Design</code>.
Zeile 48:		Zeile 48:
	* In der Menüleiste (ganz oben): <code>Projekt</code> → <code>Bereinigen...</code>.		* In der Menüleiste (ganz oben): <code>Projekt</code> → <code>Bereinigen...</code>.

	==Schmetterlingssymbol aus Flash CS3, Flash CS4 oder Flash CS5 (Alternative zu oben) in Flex integrieren==		===Schmetterlingssymbol aus Flash CS3, Flash CS4 oder Flash CS5 (Alternative zu oben) in Flex integrieren===

	'''Voraussetzung:''' Ein neues Flex-Projekt wurde gemäß der Anleitung von Abschnitt [[#Ein_neues_Flex-Projekt\|Ein neues Flex-Projekt]] erstellt.		'''Voraussetzung:''' Ein neues Flex-Projekt wurde gemäß der Anleitung von Abschnitt [[#Ein_neues_Flex-Projekt\|Ein neues Flex-Projekt]] erstellt.
Zeile 69:		Zeile 69:
	* In der Menüleiste (ganz oben): <code>Projekt</code> → <code>Bereinigen...</code>.		* In der Menüleiste (ganz oben): <code>Projekt</code> → <code>Bereinigen...</code>.

	==Probleme und Lösungen==		===Probleme und Lösungen===

	'''Problem''': Es wird keine <code>swc</code>-Datei erstellt, obwohl im Flash-Menü <code>Veröffentlichen</code> ausgeführt		'''Problem''': Es wird keine <code>swc</code>-Datei erstellt, obwohl im Flash-Menü <code>Veröffentlichen</code> ausgeführt
Zeile 76:		Zeile 76:
	'''Lösung''': <code>Datei</code> →<code>Einstellungen für Veröffentlichungen...</code> → Reiter <code>Flash</code> → Häckchen vor <code>SWC exportieren</code> → <code>OK</code>		'''Lösung''': <code>Datei</code> →<code>Einstellungen für Veröffentlichungen...</code> → Reiter <code>Flash</code> → Häckchen vor <code>SWC exportieren</code> → <code>OK</code>

	==Anwendung testen==		===Anwendung testen===
	# Auf Icon <code>Ausführen Als...</code> (fünftes Icon links oben: weißes Dreieck in grünem Kreis) klicken → <code>Webanwendung</code> → <code>OK</code>.		# Auf Icon <code>Ausführen Als...</code> (fünftes Icon links oben: weißes Dreieck in grünem Kreis) klicken → <code>Webanwendung</code> → <code>OK</code>.
	# Wenn die Datei <code>Butterfly01Flex.mxml</code> nicht per <code>Strg-S</code> (<code>Ctrl-S</code>) oder <code>Datei</code> → <code>Speichern</code> gesichert wurde, erscheint nun der Dialog <code>Speichern und starten</code> in dem die zu speichernden Dateien selektiert sind. Hier ist es sinnvoll die Option <code>Ressourcen vor den Start immer speichern</code> zu selektieren (damit dieser Dialog künftig nicht mehr angezeigt wird) und anschließend <code>OK</code> zu klicken.		# Wenn die Datei <code>Butterfly01Flex.mxml</code> nicht per <code>Strg-S</code> (<code>Ctrl-S</code>) oder <code>Datei</code> → <code>Speichern</code> gesichert wurde, erscheint nun der Dialog <code>Speichern und starten</code> in dem die zu speichernden Dateien selektiert sind. Hier ist es sinnvoll die Option <code>Ressourcen vor den Start immer speichern</code> zu selektieren (damit dieser Dialog künftig nicht mehr angezeigt wird) und anschließend <code>OK</code> zu klicken.
Zeile 89:		Zeile 89:
	Für den Debuggingmodus sind allerdings besondere Flash-Player notwendig. Diese können unter [http://www.adobe.com/support/flashplayer/downloads.html http://www.adobe.com/support/flashplayer/downloads.html] heruntergeladen werden, sofern der Flash Builder meldet, dass kein geeigneter Flash-Player gefunden werden kann.		Für den Debuggingmodus sind allerdings besondere Flash-Player notwendig. Diese können unter [http://www.adobe.com/support/flashplayer/downloads.html http://www.adobe.com/support/flashplayer/downloads.html] heruntergeladen werden, sofern der Flash Builder meldet, dass kein geeigneter Flash-Player gefunden werden kann.

	=Erweiterung: Kreis-Animation mit ActionScript=		==Erweiterung: Kreis-Animation mit ActionScript==
	<noinclude>		<noinclude>

Zeile 177:		Zeile 177:
	</source>		</source>

	==Anmerkungen==		===Anmerkungen===
	Die Hauptbühne wird in einem Flex-Web-Projekt mit Hilfe der Spark-Komponente <code>Application</code> definiert.		Die Hauptbühne wird in einem Flex-Web-Projekt mit Hilfe der Spark-Komponente <code>Application</code> definiert.
	In einem Flex-Air-Projekt müsste die Komponente <code>WindowedApplication</code> verwendet werden.		In einem Flex-Air-Projekt müsste die Komponente <code>WindowedApplication</code> verwendet werden.
Zeile 210:		Zeile 210:
	die neue Position des Schmetterlings (auf einer Kreisbahn) und dreht den Schmetterling (<code>sp_butterfly_movie.rotation</code>) in Flugrichtung.		die neue Position des Schmetterlings (auf einer Kreisbahn) und dreht den Schmetterling (<code>sp_butterfly_movie.rotation</code>) in Flugrichtung.

	=Quellen=		==Quellen==
	<noinclude>		<noinclude>
	* [[Kowarschick, W.: Multimedia-Programmierung]]</noinclude>		* [[Kowarschick, W.: Multimedia-Programmierung]]</noinclude>
Zeile 218:		Zeile 218:
	* [http://glossar.hs-augsburg.de/beispiel/tutorium/flex_4__flash_cs4/butterfly/Butterfly01CircleFlex4Flash10/ Erweiterte Musterlösung (Kreisflug, Flex 4/Flash CS4)]		* [http://glossar.hs-augsburg.de/beispiel/tutorium/flex_4__flash_cs4/butterfly/Butterfly01CircleFlex4Flash10/ Erweiterte Musterlösung (Kreisflug, Flex 4/Flash CS4)]

	== [[Subversion/HowTo\|SVN]]-Repository-Verweise ==		=== [[Subversion/HowTo\|SVN]]-Repository-Verweise ===
	* [http://glossar.hs-augsburg.de/webdav/tutorium/flex_4__flash_cs5/butterfly/Butterfly01Flex4Flash11/ Musterlösung (Flex 4/Flash CS5)]		* [http://glossar.hs-augsburg.de/webdav/tutorium/flex_4__flash_cs5/butterfly/Butterfly01Flex4Flash11/ Musterlösung (Flex 4/Flash CS5)]
	* [http://glossar.hs-augsburg.de/webdav/tutorium/flex_4__flash_cs4/butterfly/Butterfly01Flex4Flash10/ Musterlösung (Flex 4/Flash CS4)]		* [http://glossar.hs-augsburg.de/webdav/tutorium/flex_4__flash_cs4/butterfly/Butterfly01Flex4Flash10/ Musterlösung (Flex 4/Flash CS4)]

Kowa am 29. November 2010 um 16:53 Uhr

2010-11-29T16:53:25Z

← Nächstältere Version		Version vom 29. November 2010, 16:53 Uhr
Zeile 89:		Zeile 89:
	Für den Debuggingmodus sind allerdings besondere Flash-Player notwendig. Diese können unter [http://www.adobe.com/support/flashplayer/downloads.html http://www.adobe.com/support/flashplayer/downloads.html] heruntergeladen werden, sofern der Flash Builder meldet, dass kein geeigneter Flash-Player gefunden werden kann.		Für den Debuggingmodus sind allerdings besondere Flash-Player notwendig. Diese können unter [http://www.adobe.com/support/flashplayer/downloads.html http://www.adobe.com/support/flashplayer/downloads.html] heruntergeladen werden, sofern der Flash Builder meldet, dass kein geeigneter Flash-Player gefunden werden kann.

	=Erweiterung: Kreis-Animation mit ~~Actionscript~~=		=Erweiterung: Kreis-Animation mit ActionScript=
	<noinclude>		<noinclude>

Zeile 135:		Zeile 135:
	<![CDATA[		<![CDATA[
	</source>		</source>
	<source lang="~~actionscript" enclose="div~~">		<source lang="actionscript3">
	import flash.filters.DropShadowFilter;		import flash.filters.DropShadowFilter;

Kowa: /* Erweiterung: Kreis-Animation mit Actionscript */

2010-11-17T10:09:17Z

Erweiterung: Kreis-Animation mit Actionscript

← Nächstältere Version		Version vom 17. November 2010, 10:09 Uhr
Zeile 110:		Zeile 110:
	zu bearbeiten, bevor Sie sich diese erweiterte Musterlösung des ersten Teil näher ansehen. Der MXML-Code des zweiten Teils ist deutlich einfacher.		zu bearbeiten, bevor Sie sich diese erweiterte Musterlösung des ersten Teil näher ansehen. Der MXML-Code des zweiten Teils ist deutlich einfacher.

	<source lang="mxml">		<source lang="mxml" enclose="div">
	<?xml version="1.0" encoding="utf-8"?>		<?xml version="1.0" encoding="utf-8"?>
	<s:Application		<s:Application
Zeile 135:		Zeile 135:
	<![CDATA[		<![CDATA[
	</source>		</source>
	<source lang="actionscript">		<source lang="actionscript" enclose="div">
	import flash.filters.DropShadowFilter;		import flash.filters.DropShadowFilter;

Zeile 171:		Zeile 171:
	}		}
	</source>		</source>
	<source lang="mxml"> ]]>		<source lang="mxml" enclose="div">
			]]>
	</fx:Script>		</fx:Script>
	</s:Application>		</s:Application>

Kowa: /* Erweiterung: Kreis-Animation mit Actionscript */

2010-11-17T09:35:21Z

Erweiterung: Kreis-Animation mit Actionscript

← Nächstältere Version		Version vom 17. November 2010, 09:35 Uhr
Zeile 171:		Zeile 171:
	}		}
	</source>		</source>
	<source lang="mxml">		<source lang="mxml"> ]]>
	]]>
	</fx:Script>		</fx:Script>
	</s:Application>		</s:Application>

Kowa: /* Erweiterung: Kreis-Animation mit Actionscript */

2010-11-17T09:34:31Z

Erweiterung: Kreis-Animation mit Actionscript

← Nächstältere Version		Version vom 17. November 2010, 09:34 Uhr
Zeile 110:		Zeile 110:
	zu bearbeiten, bevor Sie sich diese erweiterte Musterlösung des ersten Teil näher ansehen. Der MXML-Code des zweiten Teils ist deutlich einfacher.		zu bearbeiten, bevor Sie sich diese erweiterte Musterlösung des ersten Teil näher ansehen. Der MXML-Code des zweiten Teils ist deutlich einfacher.

	<source lang="~~actionscript~~">		<source lang="mxml">
	<?xml version="1.0" encoding="utf-8"?>		<?xml version="1.0" encoding="utf-8"?>
	<s:Application		<s:Application
Zeile 134:		Zeile 134:
	<fx:Script>		<fx:Script>
	<![CDATA[		<![CDATA[
			</source>
			<source lang="actionscript">
	import flash.filters.DropShadowFilter;		import flash.filters.DropShadowFilter;

Zeile 168:		Zeile 170:
	sp_butterfly_movie.rotation = v_phi*180/Math.PI+90;		sp_butterfly_movie.rotation = v_phi*180/Math.PI+90;
	}		}
			</source>
			<source lang="mxml">
	]]>		]]>
	</fx:Script>		</fx:Script>

Kowa: /* Anwendung testen */

2010-11-16T15:02:32Z

Anwendung testen

← Nächstältere Version		Version vom 16. November 2010, 15:02 Uhr
Zeile 68:		Zeile 68:
	'''Tipp:''' Sollte es beim Start einer Flex-Anwendung zu unerklärlichen Fehlern kommen, hilft oft:		'''Tipp:''' Sollte es beim Start einer Flex-Anwendung zu unerklärlichen Fehlern kommen, hilft oft:
	* In der Menüleiste (ganz oben): <code>Projekt</code> → <code>Bereinigen...</code>.		* In der Menüleiste (ganz oben): <code>Projekt</code> → <code>Bereinigen...</code>.

			==Probleme und Lösungen==

			'''Problem''': Es wird keine <code>swc</code>-Datei erstellt, obwohl im Flash-Menü <code>Veröffentlichen</code> ausgeführt
			oder der Button <code>Fertig</code> geklickt wurde.

			'''Lösung''': <code>Datei</code> →<code>Einstellungen für Veröffentlichungen...</code> → Reiter <code>Flash</code> → Häckchen vor <code>SWC exportieren</code> → <code>OK</code>

	==Anwendung testen==		==Anwendung testen==

	# Auf Icon <code>Ausführen Als...</code> (fünftes Icon links oben: weißes Dreieck in grünem Kreis) klicken → <code>Webanwendung</code> → <code>OK</code>.		# Auf Icon <code>Ausführen Als...</code> (fünftes Icon links oben: weißes Dreieck in grünem Kreis) klicken → <code>Webanwendung</code> → <code>OK</code>.
	# Wenn die Datei <code>Butterfly01Flex.mxml</code> nicht per <code>Strg-S</code> (<code>Ctrl-S</code>) oder <code>Datei</code> → <code>Speichern</code> gesichert wurde, erscheint nun der Dialog <code>Speichern und starten</code> in dem die zu speichernden Dateien selektiert sind. Hier ist es sinnvoll die Option <code>Ressourcen vor den Start immer speichern</code> zu selektieren (damit dieser Dialog künftig nicht mehr angezeigt wird) und anschließend <code>OK</code> zu klicken.		# Wenn die Datei <code>Butterfly01Flex.mxml</code> nicht per <code>Strg-S</code> (<code>Ctrl-S</code>) oder <code>Datei</code> → <code>Speichern</code> gesichert wurde, erscheint nun der Dialog <code>Speichern und starten</code> in dem die zu speichernden Dateien selektiert sind. Hier ist es sinnvoll die Option <code>Ressourcen vor den Start immer speichern</code> zu selektieren (damit dieser Dialog künftig nicht mehr angezeigt wird) und anschließend <code>OK</code> zu klicken.

Kowa: /* Schmetterlingssymbol aus Flash CS5 in Flex integrieren */

2010-11-12T12:56:07Z

Schmetterlingssymbol aus Flash CS5 in Flex integrieren

← Nächstältere Version		Version vom 12. November 2010, 12:56 Uhr
Zeile 32:		Zeile 32:
	# Im ''Flash Builder'', Editor-Fenster der Datei <code>Butterfly01Flex.mxml</code> in den Design-Modus wechseln: Klick auf den Button <code>Design</code>.		# Im ''Flash Builder'', Editor-Fenster der Datei <code>Butterfly01Flex.mxml</code> in den Design-Modus wechseln: Klick auf den Button <code>Design</code>.
	# Im ''Flash Builder'', Editorfenster (Design-Modus) der Datei <code>Butterfly01Flex.mxml</code>: Komponente <code>Flash Professional-Komponente</code> (aus Fenster <code>Komponenten</code> → </code>Benutzerdefiniert</code>) auf die Bühne ziehen.		# Im ''Flash Builder'', Editorfenster (Design-Modus) der Datei <code>Butterfly01Flex.mxml</code>: Komponente <code>Flash Professional-Komponente</code> (aus Fenster <code>Komponenten</code> → </code>Benutzerdefiniert</code>) auf die Bühne ziehen.
	# Im ''Flash Builder'': Neue Flash-Komponente erstellen: Entweder Doppelklick auf ~~Komponenten-Symbol~~ im Editor oder Einfachklick auf Komponentensymbol im Editor + Klick auf <code>In Flash Professional erstellen...</code> im Fenster <code>Eigenschaften</code> (rechts unten in der Standardperspektive) → Klassenname: <code>Butterfly</code>, SWC-Dateiname: <code>Butterfly01Flash.swc</code> ⇒ Die Datei <code>Butterfly01Flash.fla</code> wird von Flex automatisch erstellt und in einen neuen Ordner namens <code>assets</code> abgelegt.		# Im ''Flash Builder'': Neue Flash-Komponente erstellen: Entweder Doppelklick auf Komponentensymbol im Editor oder Einfachklick auf Komponentensymbol im Editor + Klick auf <code>In Flash Professional erstellen...</code> im Fenster <code>Eigenschaften</code> (rechts unten in der Standardperspektive) → Klassenname: <code>Butterfly</code>, SWC-Dateiname: <code>Butterfly01Flash.swc</code> ⇒ Die Datei <code>Butterfly01Flash.fla</code> wird von Flex automatisch erstellt und in einen neuen Ordner namens <code>assets</code> abgelegt.
	# In der Bibliothek von ''Adobe Flash'': Symbol <code>Butterfly</code> löschen.		# In der Bibliothek von ''Adobe Flash'': Symbol <code>Butterfly</code> löschen.
	# In ''Adobe Flash'': Ihre Lösung <code>Butterfly01Flash.fla</code> oder die Musterlösung <code>[http://glossar.hs-augsburg.de/beispiel/tutorium/flash_cs5/butterfly/butterfly_01_fluttering/Butterfly01Flash11.fla Butterfly01Flash11.fla]</code> von [[AS3-Tutorium: Flash: Butterfly 01 fluttering]] öffnen (eventuell befinden sich jetzt zwei Dateien mit demselben Namen in Flash; verwechseln Sie sie nicht).		# In ''Adobe Flash'': Ihre Lösung <code>Butterfly01Flash.fla</code> oder die Musterlösung <code>[http://glossar.hs-augsburg.de/beispiel/tutorium/flash_cs5/butterfly/butterfly_01_fluttering/Butterfly01Flash11.fla Butterfly01Flash11.fla]</code> von [[AS3-Tutorium: Flash: Butterfly 01 fluttering]] öffnen (eventuell befinden sich jetzt zwei Dateien mit demselben Namen in Flash; verwechseln Sie sie nicht).

Kowa: /* Anmerkungen */

2010-11-12T12:48:56Z

Anmerkungen

← Nächstältere Version		Version vom 12. November 2010, 12:48 Uhr
Zeile 181:		Zeile 181:
	<code>s</code> zugewiesen.		<code>s</code> zugewiesen.

	Um von ActionScript aus auf das Schmetterlingsobjekt zugreifen zu können, wird ihm der Identifikator <code>~~cmp_butterfly~~</code> zugeweisen.		Um von ActionScript aus auf das Schmetterlingsobjekt zugreifen zu können, wird ihm der Identifikator <code>sp_butterfly_movie</code> zugeweisen.
	Das Attribut <code>id</code> im öffnenden Tag einer MXML-Komponente entspricht dem Attribut <code>name</code> („Instanzname“),		Das Attribut <code>id</code> im öffnenden Tag einer MXML-Komponente entspricht dem Attribut <code>name</code> („Instanzname“),
	das einem Objekt auf der Bühne in Flash zugewiesen werden kann.		das einem Objekt auf der Bühne in Flash zugewiesen werden kann.
Zeile 199:		Zeile 199:

	Zu guter Letzt wird in der Methode <code>o_init</code> festgesetzt, dass bei jedem <code>ENTER_FRAME</code>-Event (also jede vierundzwanstigstel Sekunde, wenn Framerate 24 Bilder pro Sekunde betraägt) die Observer-Methode <code>o_move_butterfly</code> aufgerufen wird. Diese Methode berechnet jeweils		Zu guter Letzt wird in der Methode <code>o_init</code> festgesetzt, dass bei jedem <code>ENTER_FRAME</code>-Event (also jede vierundzwanstigstel Sekunde, wenn Framerate 24 Bilder pro Sekunde betraägt) die Observer-Methode <code>o_move_butterfly</code> aufgerufen wird. Diese Methode berechnet jeweils
	die neue Position des Schmetterlings (auf einer Kreisbahn) und dreht den Schmetterling (<code>~~cmp_butterfly~~.rotation</code>) in Flugrichtung.		die neue Position des Schmetterlings (auf einer Kreisbahn) und dreht den Schmetterling (<code>sp_butterfly_movie.rotation</code>) in Flugrichtung.

	=Quellen=		=Quellen=

Kowa: /* Erweiterung: Kreis-Animation mit Actionscript */

2010-11-12T12:47:53Z

Erweiterung: Kreis-Animation mit Actionscript

← Nächstältere Version		Version vom 12. November 2010, 12:47 Uhr
Zeile 117:		Zeile 117:

	<s:Label		<s:Label
	x="110" y="29"		x="110" y="5"
	text="Butterfly 01 Circle (Flex 4/Flash CS4)"		text="Butterfly 01 Circle (Flex 4/Flash CS4)"
	/>		/>
	<std:Butterfly		<std:Butterfly
	id="~~cmp_butterfly~~"		id="sp_butterfly_movie"
	x="275" y="50" rotation="90"		x="275" y="50" rotation="90"
	width="125.55" height="93.8"		width="125.55" height="93.8"
Zeile 130:		Zeile 130:
	import flash.filters.DropShadowFilter;		import flash.filters.DropShadowFilter;

	private const ~~C_X0~~: Number = 275;		private const c_x0: Number = 275;
	private const ~~C_Y0~~: Number = 200;		private const c_y0: Number = 200;
	private const ~~C_R~~: Number = 150;		private const c_r: Number = 150;
	private const ~~C_DELTA~~: Number = 1.0/64;		private const c_delta: Number = 1.0/64;

	private const ~~C_FILTERS~~: Array = [new DropShadowFilter(30,45,0,0.8)];		private const c_filters: Array = [new DropShadowFilter(30,45,0,0.8)];

	private var v_phi: Number = 0;		private var v_phi: Number = 0;
Zeile 141:		Zeile 141:
	private function o_init(): void		private function o_init(): void
	{		{
			// Scale the stage, when the output Window is scaled.
	this.stage.scaleMode=StageScaleMode.SHOW_ALL;		this.stage.scaleMode=StageScaleMode.SHOW_ALL;

	~~cmp_butterfly~~.filters = ~~C_FILTERS~~;		// Add a shadow to the butterfly!
			sp_butterfly_movie.filters = c_filters;

	this.addEventListener(Event.ENTER_FRAME, o_move_butterfly);		this.addEventListener(Event.ENTER_FRAME, o_move_butterfly);
Zeile 150:		Zeile 152:
	private function o_move_butterfly(p_event: Event): void		private function o_move_butterfly(p_event: Event): void
	{		{
	~~cmp_butterfly~~.x = ~~C_X0~~ + Math.sin(v_phi)*~~C_R~~;		sp_butterfly_movie.x = c_x0 + Math.sin(v_phi)*c_r;
	~~cmp_butterfly~~.y = ~~C_Y0~~ - Math.cos(v_phi)*~~C_R~~;		sp_butterfly_movie.y = c_y0 - Math.cos(v_phi)*c_r;

	if (v_phi >= 2*Math.PI)		if (v_phi >= 2*Math.PI)
	v_phi = Math.PI*~~C_DELTA~~;		v_phi = Math.PI*c_delta;
	else		else
	v_phi += Math.PI*~~C_DELTA~~;		v_phi += Math.PI*c_delta;

	~~cmp_butterfly~~.rotation = v_phi*180/Math.PI+90;		sp_butterfly_movie.rotation = v_phi*180/Math.PI+90;
	}		}

Kowa: /* Erweiterung: Kreis-Animation mit Actionscript */

2010-11-11T13:50:24Z

Erweiterung: Kreis-Animation mit Actionscript

← Nächstältere Version		Version vom 11. November 2010, 13:50 Uhr
Zeile 130:		Zeile 130:
	import flash.filters.DropShadowFilter;		import flash.filters.DropShadowFilter;

	private ~~var v_x0~~: Number = 275;		private const C_X0: Number = 275;
	private ~~var v_y0~~: Number = 200;		private const C_Y0: Number = 200;
	private ~~var v_r~~: Number = 150;		private const C_R: Number = 150;
	private ~~var v_delta~~: Number = 1.0/64;		private const C_DELTA: Number = 1.0/64;

	private var v_phi: Number = 0;		private const C_FILTERS: Array = [new DropShadowFilter(30,45,0,0.8)];

			private var v_phi: Number = 0;

	private function o_init(): void		private function o_init(): void
Zeile 141:		Zeile 143:
	this.stage.scaleMode=StageScaleMode.SHOW_ALL;		this.stage.scaleMode=StageScaleMode.SHOW_ALL;

	cmp_butterfly.filters = ~~[new DropShadowFilter(30,45,0,0.8)]~~;		cmp_butterfly.filters = C_FILTERS;

	this.addEventListener(Event.ENTER_FRAME, o_move_butterfly);		this.addEventListener(Event.ENTER_FRAME, o_move_butterfly);
Zeile 148:		Zeile 150:
	private function o_move_butterfly(p_event: Event): void		private function o_move_butterfly(p_event: Event): void
	{		{
	cmp_butterfly.x = ~~v_x0~~ + Math.sin(v_phi)*~~v_r~~;		cmp_butterfly.x = C_X0 + Math.sin(v_phi)*C_R;
	cmp_butterfly.y = ~~v_y0~~ - Math.cos(v_phi)*~~v_r~~;		cmp_butterfly.y = C_Y0 - Math.cos(v_phi)*C_R;

	if (v_phi >= 2*Math.PI)		if (v_phi >= 2*Math.PI)
	v_phi = Math.PI*~~v_delta~~;		v_phi = Math.PI*C_DELTA;
	else		else
	v_phi += Math.PI*~~v_delta~~;		v_phi += Math.PI*C_DELTA;

	cmp_butterfly.rotation = v_phi*180/Math.PI+90;		cmp_butterfly.rotation = v_phi*180/Math.PI+90;