AS3-Tutorium: Flash: Butterfly 07a character - Versionsgeschichte

Kowa am 25. Oktober 2014 um 12:46 Uhr

2014-10-25T12:46:12Z

← Nächstältere Version		Version vom 25. Oktober 2014, 12:46 Uhr
Zeile 161:		Zeile 161:
	lauten, sondern <code>lb_open</code>, <code>lb_close</code> und <code>lb_fluttering</code>.		lauten, sondern <code>lb_open</code>, <code>lb_close</code> und <code>lb_fluttering</code>.

	Gemäß den hier verwendeten [[Multimedia-Programmierung: ~~Konventionen~~\|Namenskonventionen]]		Gemäß den hier verwendeten [[Multimedia-Programmierung: Style Guide\|Namenskonventionen]]
	bedeutet dies, dass von außen nicht mehr direkt auf die Zeitleistenlabels zugegriffen werden soll.		bedeutet dies, dass von außen nicht mehr direkt auf die Zeitleistenlabels zugegriffen werden soll.
	Sie werden als <code>private</code> angesehen (auch wenn dies in Flash nicht realisierbar ist).		Sie werden als <code>private</code> angesehen (auch wenn dies in Flash nicht realisierbar ist).

Kowa am 6. März 2014 um 11:19 Uhr

2014-03-06T11:19:37Z

← Nächstältere Version		Version vom 6. März 2014, 11:19 Uhr
Zeile 33:		Zeile 33:
	erstellt werden. Folgendes Klassendiagramm wird in diesem Teil des Tutorium realisiert:		erstellt werden. Folgendes Klassendiagramm wird in diesem Teil des Tutorium realisiert:

	[[~~Medium~~:AS3-Tutorium Butterfly Flash 07 Class Diagram.jpg]]		[[Datei:AS3-Tutorium Butterfly Flash 07 Class Diagram.jpg]]

	'''[http://glossar.hs-augsburg.de/beispiel/tutorium/flash_cs5/butterfly/butterfly_07_character/uml/ Ordner mit StarUML-Diagramm und von StarUML erzeugtem AS3-Code-Rahmen]'''		'''[http://glossar.hs-augsburg.de/beispiel/tutorium/flash_cs5/butterfly/butterfly_07_character/uml/ Ordner mit StarUML-Diagramm und von StarUML erzeugtem AS3-Code-Rahmen]'''

Kowa am 18. April 2011 um 06:00 Uhr

2011-04-18T06:00:15Z

← Nächstältere Version		Version vom 18. April 2011, 06:00 Uhr
Zeile 172:		Zeile 172:

	Wenn man einen Schmetterling		Wenn man einen Schmetterling
	auf die Bühne legt und ihm den „Instanznamen“ <code>~~dButterfly~~</code> gibt,		auf die Bühne legt und ihm den „Instanznamen“ <code>d_butterfly</code> gibt,
	kann man mit folgenden Befehlen dessen Zustand verändern:		kann man mit folgenden Befehlen dessen Zustand verändern:

Zeile 178:		Zeile 178:
	import hsa.tutorial.butterfly.view.Butterfly;		import hsa.tutorial.butterfly.view.Butterfly;

	~~dButterfly~~.state=Butterfly.OPEN;		d_butterfly.state=Butterfly.OPEN;
	~~dButterfly~~.state=Butterfly.CLOSE;		d_butterfly.state=Butterfly.CLOSE;
	~~dButterfly~~.state=Butterfly.FLUTTERING;		d_utterfly.state=Butterfly.FLUTTERING;
	</source>		</source>

Zeile 379:		Zeile 379:
	<swf width="183" height="133">http://glossar.hs-augsburg.de/beispiel/tutorium/flash_cs5/butterfly/butterfly_07a_character/Butterfly07aFlash11.swf</swf>		<swf width="183" height="133">http://glossar.hs-augsburg.de/beispiel/tutorium/flash_cs5/butterfly/butterfly_07a_character/Butterfly07aFlash11.swf</swf>

	Um diese Verhalten zu erreichen, wird auf die Bühne ein Schmetterlingsobjekt gelegt und der Name <code>~~dButterfly~~</code> zugeordnet.		Um diese Verhalten zu erreichen, wird auf die Bühne ein Schmetterlingsobjekt gelegt und der Name <code>d_butterfly</code> zugeordnet.
	Anschließend wird in der Hauptzeitleiste in regelmäßigen Abständen		Anschließend wird in der Hauptzeitleiste in regelmäßigen Abständen
	einer der folgenden drei Befehle eingefügt:		einer der folgenden drei Befehle eingefügt:

	* <code>~~dButterfly~~.state=Butterfly.OPEN;</code>		* <code>d_butterfly.state=Butterfly.OPEN;</code>
	* <code>~~dButterfly~~.state=Butterfly.CLOSE;</code>		* <code>d_butterfly.state=Butterfly.CLOSE;</code>
	* <code>~~dButterfly~~.state=Butterfly.FLUTTERING;</code>		* <code>d_butterfly.state=Butterfly.FLUTTERING;</code>

	Zuletzt wird der Bühne		Zuletzt wird der Bühne
Zeile 412:		Zeile 412:
	/////////////////////////////////////////////////////////////////////////////		/////////////////////////////////////////////////////////////////////////////

	public var ~~dButterfly~~: Butterfly;		public var d_butterfly: Butterfly;

	/////////////////////////////////////////////////////////////////////////////		/////////////////////////////////////////////////////////////////////////////
Zeile 420:		Zeile 420:
	public function Main()		public function Main()
	{		{
	~~dButterfly~~		d_butterfly
	.addEventListener(ButterflyEvent.CHANGE_BUTTERFLY, o_change);		.addEventListener(ButterflyEvent.CHANGE_BUTTERFLY, o_change);
	~~dButterfly~~		d_butterfly
	.addEventListener(ButterflyEvent.CHANGE_BUTTERFLY_ANIMATION, o_wings);		.addEventListener(ButterflyEvent.CHANGE_BUTTERFLY_ANIMATION, o_wings);
	}		}
Zeile 432:		Zeile 432:
	private function o_change(p_event: ButterflyEvent): void		private function o_change(p_event: ButterflyEvent): void
	{		{
	~~dLabelState~~.text = ~~dButterfly~~.state;		d_label_state.text = d_butterfly.state;
	}		}

	private function o_wings(p_event: ButterflyEvent): void		private function o_wings(p_event: ButterflyEvent): void
	{		{
	~~dLabelWings~~.text = ~~dButterfly~~.stateAnimation;		d_label_wings.text = d_butterfly.stateAnimation;

	~~dLabelFlap~~.text = (~~dButterfly~~.stateAnimation == Butterfly.OPEN)		d_label_flap.text = (d_butterfly.stateAnimation == Butterfly.OPEN)
	? "flip"		? "flip"
	: "flap";		: "flap";
Zeile 448:		Zeile 448:
	v_tween =		v_tween =
	new Tween		new Tween
	(~~dLabelFlap~~, // object to be animated		( d_label_flap, // the object to be animated
	"alpha", // animation attribute: "x", "y", "alpha", "rotation", ...		"alpha", // animation attribute: "x", "y", "alpha", "rotation", ...
	None.easeNone, // animation type		None.easeNone, // animation type

Kowa am 17. April 2011 um 15:37 Uhr

2011-04-17T15:37:56Z

← Nächstältere Version		Version vom 17. April 2011, 15:37 Uhr
Zeile 172:		Zeile 172:

	Wenn man einen Schmetterling		Wenn man einen Schmetterling
	auf die Bühne legt und ihm den „Instanznamen“ <code>~~sp_butterfly~~</code> gibt,		auf die Bühne legt und ihm den „Instanznamen“ <code>dButterfly</code> gibt,
	kann man mit folgenden Befehlen dessen Zustand verändern:		kann man mit folgenden Befehlen dessen Zustand verändern:

Zeile 178:		Zeile 178:
	import hsa.tutorial.butterfly.view.Butterfly;		import hsa.tutorial.butterfly.view.Butterfly;

	~~sp_butterfly~~.state=Butterfly.OPEN;		dButterfly.state=Butterfly.OPEN;
	~~sp_butterfly~~.state=Butterfly.CLOSE;		dButterfly.state=Butterfly.CLOSE;
	~~sp_butterfly~~.state=Butterfly.FLUTTERING;		dButterfly.state=Butterfly.FLUTTERING;
	</source>		</source>

Zeile 379:		Zeile 379:
	<swf width="183" height="133">http://glossar.hs-augsburg.de/beispiel/tutorium/flash_cs5/butterfly/butterfly_07a_character/Butterfly07aFlash11.swf</swf>		<swf width="183" height="133">http://glossar.hs-augsburg.de/beispiel/tutorium/flash_cs5/butterfly/butterfly_07a_character/Butterfly07aFlash11.swf</swf>

	Um diese Verhalten zu erreichen, wird auf die Bühne ein Schmetterlingsobjekt gelegt und der Name <code>~~sp_butterfly~~</code> zugeordnet.		Um diese Verhalten zu erreichen, wird auf die Bühne ein Schmetterlingsobjekt gelegt und der Name <code>dButterfly</code> zugeordnet.
	Anschließend wird in der Hauptzeitleiste in regelmäßigen Abständen		Anschließend wird in der Hauptzeitleiste in regelmäßigen Abständen
	einer der folgenden drei Befehle eingefügt:		einer der folgenden drei Befehle eingefügt:

	* <code>~~sp_butterfly~~.state=Butterfly.OPEN;</code>		* <code>dButterfly.state=Butterfly.OPEN;</code>
	* <code>~~sp_butterfly~~.state=Butterfly.CLOSE;</code>		* <code>dButterfly.state=Butterfly.CLOSE;</code>
	* <code>~~sp_butterfly~~.state=Butterfly.FLUTTERING;</code>		* <code>dButterfly.state=Butterfly.FLUTTERING;</code>

	Zuletzt wird der Bühne		Zuletzt wird der Bühne
Zeile 412:		Zeile 412:
	/////////////////////////////////////////////////////////////////////////////		/////////////////////////////////////////////////////////////////////////////

	public var ~~sp_butterfly~~: Butterfly;		public var dButterfly: Butterfly;

	/////////////////////////////////////////////////////////////////////////////		/////////////////////////////////////////////////////////////////////////////
Zeile 420:		Zeile 420:
	public function Main()		public function Main()
	{		{
	~~sp_butterfly~~		dButterfly
	.addEventListener(ButterflyEvent.CHANGE_BUTTERFLY, o_change);		.addEventListener(ButterflyEvent.CHANGE_BUTTERFLY, o_change);
	~~sp_butterfly~~		dButterfly
	.addEventListener(ButterflyEvent.CHANGE_BUTTERFLY_ANIMATION, o_wings);		.addEventListener(ButterflyEvent.CHANGE_BUTTERFLY_ANIMATION, o_wings);
	}		}
Zeile 432:		Zeile 432:
	private function o_change(p_event: ButterflyEvent): void		private function o_change(p_event: ButterflyEvent): void
	{		{
	~~sp_label_state~~.text = ~~sp_butterfly~~.state;		dLabelState.text = dButterfly.state;
	}		}

	private function o_wings(p_event: ButterflyEvent): void		private function o_wings(p_event: ButterflyEvent): void
	{		{
	~~sp_label_wings~~.text = ~~sp_butterfly~~.stateAnimation;		dLabelWings.text = dButterfly.stateAnimation;

	~~sp_label_flap~~.text = (~~sp_butterfly~~.stateAnimation == Butterfly.OPEN)		dLabelFlap.text = (dButterfly.stateAnimation == Butterfly.OPEN)
	? "flip"		? "flip"
	: "flap";		: "flap";
Zeile 448:		Zeile 448:
	v_tween =		v_tween =
	new Tween		new Tween
	(~~sp_label_flap~~, // object to be animated		(dLabelFlap, // object to be animated
	"alpha", // animation attribute: "x", "y", "alpha", "rotation", ...		"alpha", // animation attribute: "x", "y", "alpha", "rotation", ...
	None.easeNone, // animation type		None.easeNone, // animation type

Kowa am 29. November 2010 um 16:52 Uhr

2010-11-29T16:52:01Z

← Nächstältere Version		Version vom 29. November 2010, 16:52 Uhr
Zeile 98:		Zeile 98:

	Nun kann in die Datei <code>Butterfly.as</code> folgendener Code einfügt werden:		Nun kann in die Datei <code>Butterfly.as</code> folgendener Code einfügt werden:
	<source lang="~~actionscript~~">		<source lang="actionscript3">
	package hsa.tutorial.butterfly.view		package hsa.tutorial.butterfly.view
	{		{
Zeile 175:		Zeile 175:
	kann man mit folgenden Befehlen dessen Zustand verändern:		kann man mit folgenden Befehlen dessen Zustand verändern:

	<source lang="~~actionscript~~">		<source lang="actionscript3">
	import hsa.tutorial.butterfly.view.Butterfly;		import hsa.tutorial.butterfly.view.Butterfly;

Zeile 194:		Zeile 194:
	über die erfolgte Zustandsänderung informieren. Dies wäre		über die erfolgte Zustandsänderung informieren. Dies wäre
	mit Hilfe des Befehls		mit Hilfe des Befehls
	<source lang="~~actionscript~~">		<source lang="actionscript3">
	this.dispatchEvent(new Event(Event.CHANGE));		this.dispatchEvent(new Event(Event.CHANGE));
	</source>		</source>
Zeile 206:		Zeile 206:
	Der Inhalt dieser Datei könnte folgendermaßen aussehen:		Der Inhalt dieser Datei könnte folgendermaßen aussehen:

	<source lang="~~actionscript~~">		<source lang="actionscript3">
	package hsa.tutorial.butterfly.event		package hsa.tutorial.butterfly.event
	{		{
Zeile 241:		Zeile 241:
	in der Datei <code>Butterfly.as</code> erweitern:		in der Datei <code>Butterfly.as</code> erweitern:

	<source lang="~~actionscript~~">		<source lang="actionscript3">
	public function set state(p_state: String): void		public function set state(p_state: String): void
	{		{
Zeile 267:		Zeile 267:
	keine Setter-Methode gibt. Das Attribut kann von außen nur gelesen werden.		keine Setter-Methode gibt. Das Attribut kann von außen nur gelesen werden.

	<source lang="~~actionscript~~">		<source lang="actionscript3">
	private var v_state_animation: String;		private var v_state_animation: String;

Zeile 289:		Zeile 289:
	Insgesamt sieht der Inhalt der Datei <code>Butterfly.as</code> nun folgendermaßen aus:		Insgesamt sieht der Inhalt der Datei <code>Butterfly.as</code> nun folgendermaßen aus:

	<source lang="~~actionscript~~">		<source lang="actionscript3">
	package hsa.tutorial.butterfly.view		package hsa.tutorial.butterfly.view
	{		{
Zeile 391:		Zeile 391:
	(wobei sich die zugehörige Datei <code>Main.as</code> im Unterordner <code>hsa/tutorial/butterfly</code> befindet):		(wobei sich die zugehörige Datei <code>Main.as</code> im Unterordner <code>hsa/tutorial/butterfly</code> befindet):

	<source lang="~~actionscript~~">		<source lang="actionscript3">
	package hsa.tutorial.butterfly		package hsa.tutorial.butterfly
	{		{

Kowa am 22. November 2010 um 13:45 Uhr

2010-11-22T13:45:56Z

← Nächstältere Version		Version vom 22. November 2010, 13:45 Uhr
Zeile 1:		Zeile 1:
	{{AS3-Tutorium:Flash:Butterfly:Menü}}		{{AS3-Tutorium:Flash:Butterfly:Menü}}
	~~{{In Bearbeitung}}~~

	=Weiterentwicklung der sechsten Version des Schmetterling-Movies=		=Weiterentwicklung der sechsten Version des Schmetterling-Movies=

Kowa am 22. November 2010 um 13:44 Uhr

2010-11-22T13:44:20Z

← Nächstältere Version		Version vom 22. November 2010, 13:44 Uhr
Zeile 38:		Zeile 38:
	'''[http://glossar.hs-augsburg.de/beispiel/tutorium/flash_cs5/butterfly/butterfly_07_character/uml/ Ordner mit StarUML-Diagramm und von StarUML erzeugtem AS3-Code-Rahmen]'''		'''[http://glossar.hs-augsburg.de/beispiel/tutorium/flash_cs5/butterfly/butterfly_07_character/uml/ Ordner mit StarUML-Diagramm und von StarUML erzeugtem AS3-Code-Rahmen]'''
	([http://glossar.hs-augsburg.de/webdav/tutorium/flash_cs5/butterfly/butterfly_07_character/uml/ SVN-Repository])		([http://glossar.hs-augsburg.de/webdav/tutorium/flash_cs5/butterfly/butterfly_07_character/uml/ SVN-Repository])


	Es gibt eine Klasse zur Visualisierung einer Spielfigur (eine so genannte [[Model-View-Controller-Paradigma\|View]]-Klasse):		Es gibt eine Klasse zur Visualisierung einer Spielfigur (eine so genannte [[Model-View-Controller-Paradigma\|View]]-Klasse):
Zeile 44:		Zeile 43:
	* <code>Butterfly</code>, eine Spielfigur, die sich nicht vom Platz bewegt, aber verschiedene Zustände annehmen kann.		* <code>Butterfly</code>, eine Spielfigur, die sich nicht vom Platz bewegt, aber verschiedene Zustände annehmen kann.

	Diese Klasse ~~sind~~, da sie [[Symbol (Flash)\|Symbol]]en zugeordnet wird, Subklassen der ActionScript-Klasse <code>MovieClip</code>.		Diese Klasse ist, da sie [[Symbol (Flash)\|Symbol]]en zugeordnet wird, Subklassen der ActionScript-Klasse <code>MovieClip</code>.

	Ein Schmetterling kann drei Zustände annehmen:		Ein Schmetterling kann drei Zustände annehmen:
Zeile 136:		Zeile 135:
	if (p_state != v_state)		if (p_state != v_state)
	{		{
	this.gotoAndPlay(~~"lb_"~~+ p_state);		this.gotoAndPlay(c_label_prefix + p_state);
	v_state = p_state;		v_state = p_state;
	};		};
Zeile 171:		Zeile 170:
	===Anmerkung 2===		===Anmerkung 2===
	Für den Schmetterling wurde eine saubere Schnittstelle definiert (die [[Attribut]]e <code>state</code> und <code>stateAnimation</code>).		Für den Schmetterling wurde eine saubere Schnittstelle definiert (die [[Attribut]]e <code>state</code> und <code>stateAnimation</code>).
	Nur über diese Schnittstelle darf von außen auf ein ~~Schmetterlings-Objekt~~ zugegriffen werden.		Nur über diese Schnittstelle darf von außen auf ein Schmetterlingsobjekt zugegriffen werden.

	Wenn man einen Schmetterling		Wenn man einen Schmetterling
Zeile 248:		Zeile 247:
	if (p_state != v_state)		if (p_state != v_state)
	{		{
	this.gotoAndPlay(~~"lb_"~~+ p_state);		this.gotoAndPlay(c_label_prefix + p_state);
	v_state = p_state;		v_state = p_state;
	this.dispatchEvent(new ButterflyEvent());		this.dispatchEvent(new ButterflyEvent());
Zeile 381:		Zeile 380:
	<swf width="183" height="133">http://glossar.hs-augsburg.de/beispiel/tutorium/flash_cs5/butterfly/butterfly_07a_character/Butterfly07aFlash11.swf</swf>		<swf width="183" height="133">http://glossar.hs-augsburg.de/beispiel/tutorium/flash_cs5/butterfly/butterfly_07a_character/Butterfly07aFlash11.swf</swf>

	Um diese Verhalten zu erreichen, ~~wurde~~ auf die Bühne ein Schmetterlingsobjekt gelegt.		Um diese Verhalten zu erreichen, wird auf die Bühne ein Schmetterlingsobjekt gelegt und der Name <code>sp_butterfly</code> zugeordnet.
	~~Diesem wurd~~ der Name <code>sp_butterfly</code> zugeordnet. Anschließend ~~wurde~~		Anschließend wird in der Hauptzeitleiste in regelmäßigen Abständen
	in der Hauptzeitleiste in regelmäßigen Abständen ~~(alle 30 Frames)~~
	einer der folgenden drei Befehle eingefügt:		einer der folgenden drei Befehle eingefügt:

Zeile 390:		Zeile 388:
	* <code>sp_butterfly.state=Butterfly.FLUTTERING;</code>		* <code>sp_butterfly.state=Butterfly.FLUTTERING;</code>

	Zuletzt ~~wurde~~ der Bühne		Zuletzt wird der Bühne
	die Klasse <code>hsa.tutorial.butterfly.Main</code> zugeordnet:		die Klasse <code>hsa.tutorial.butterfly.Main</code> zugeordnet
			(wobei sich die zugehörige Datei <code>Main.as</code> im Unterordner <code>hsa/tutorial/butterfly</code> befindet):

	<source lang="actionscript">		<source lang="actionscript">

Kowa: /* Das Datenmodell */

2010-11-22T13:34:46Z

Das Datenmodell

← Nächstältere Version		Version vom 22. November 2010, 13:34 Uhr
Zeile 40:		Zeile 40:


	Es gibt ~~zwei Klassen~~ zur Visualisierung einer Spielfigur (so genannte [[Model-View-Controller-Paradigma\|View]]-~~Klassen~~):		Es gibt eine Klasse zur Visualisierung einer Spielfigur (eine so genannte [[Model-View-Controller-Paradigma\|View]]-Klasse):

	* <code>Butterfly</code>, eine Spielfigur, die sich nicht ~~selbstständig~~ vom Platz bewegt, aber ~~verschiedene Zustände annehmen kann.~~		* <code>Butterfly</code>, eine Spielfigur, die sich nicht vom Platz bewegt, aber verschiedene Zustände annehmen kann.
	* <code>ButterflyMovie</code>, eine animierte Spielfigur, die sich auf vordefinierten Bahnen bewegt und auch verschiedene Zustände annehmen kann.

	~~Beide Klassen~~ sind, da sie [[Symbol (Flash)\|Symbol]]en zugeordnet ~~werden~~, Subklassen der ActionScript-Klasse <code>MovieClip</code>.		Diese Klasse sind, da sie [[Symbol (Flash)\|Symbol]]en zugeordnet wird, Subklassen der ActionScript-Klasse <code>MovieClip</code>.

	Ein Schmetterling kann drei Zustände annehmen:		Ein Schmetterling kann drei Zustände annehmen:

Kowa: /* Weiterentwicklung der sechsten Version des Schmetterling-Movies */

2010-11-22T13:32:38Z

Weiterentwicklung der sechsten Version des Schmetterling-Movies

@@ Zeile 3: / Zeile 3: @@
 =Weiterentwicklung der sechsten Version des Schmetterling-Movies=
 In [[AS3-Tutorium: Flash: Butterfly 06 external code]] wurde der Code aus den Zeitleisten des Hauptfilms sowie der Symbole weitestgehend in Klassen ausgelagert.
@@ Zeile 18: / Zeile 27: @@
 Zu guter Letzt ([[AS3-Tutorium: Flash: Butterfly 8 character|Teil 8]]) wird das Symbol <code>ButterflyMovie</code> ebenfalls in eine „Spielfigur“ umgewandelt.
 ==Das Datenmodell==

Kowa am 22. November 2010 um 13:32 Uhr

2010-11-22T13:32:16Z

Änderungen zeigen