Würfel (Flash 9): Unterschied zwischen den Versionen

aus GlossarWiki, der Glossar-Datenbank der Fachhochschule Augsburg
Kowa (Diskussion | Beiträge)
Kowa (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
 
(10 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
=Zweck =
{{Qualität
|correctness        = 4
|extent              = 4
|numberOfReferences  = 5
|qualityOfReferences = 5
|conformance        = 4
}}
== Zweck ==


Anhand des „Würfel“-Beispieles soll die Realisierung von [[Attribut (OOP)|Attributen]] in Flash 9 demonstriert werden.
Anhand des „Würfel“-Beispieles soll die Realisierung von [[Attribut (OOP)|Attributen]] in Flash 9 demonstriert werden.
Zeile 7: Zeile 14:
* Dem eigentlichen [[Würfel (Flash 9)|Würfel]], dessen sieben Würfelaugen jeweils den Wert des Attributs <code>value</code> (=&nbsp;<code>1</code>, <code>2</code>, <code>3</code>, <code>4</code>, <code>5</code> oder <code>6</code>) anzeigen.
* Dem eigentlichen [[Würfel (Flash 9)|Würfel]], dessen sieben Würfelaugen jeweils den Wert des Attributs <code>value</code> (=&nbsp;<code>1</code>, <code>2</code>, <code>3</code>, <code>4</code>, <code>5</code> oder <code>6</code>) anzeigen.


= Englische Bezeichnung des Wortes „Würfel“ =
== Englische Bezeichnung des Wortes „Würfel“ ==


Würfel (deutsch) = dice (Englisch)
Würfel (deutsch) = die oder dice (Englisch)


= Beispiel installieren =
== Beispiel installieren ==


Entpacken Sie einfach die Datei  
Entpacken Sie einfach die Datei  
<code>[http://kowa.fh-augsburg.de/beispiele/flash/2006wise/dice_20061023.zip dice.zip]</code>
<code>[https://kowa.hs-augsburg.de/beispiele/flash/2006wise/dice.zip dice.zip]</code>
auf Ihrem Rechner.
auf Ihrem Rechner.


Zeile 25: Zeile 32:
Sie können den MovieClip <code>dice_f9.fla</code> auch selbst erstellen:
Sie können den MovieClip <code>dice_f9.fla</code> auch selbst erstellen:


= Erstellung der Flash-Anwendung <code>dice_f9.fla</code> =
== Erstellung der Flash-Anwendung <code>dice_f9.fla</code> ==


# Die Datei '''<code>dice_f9.fla</code>''' des Beispiels sichern und durch eine neue Datei mit gleichem Namen ersetzen.
# Die Datei '''<code>dice_f9.fla</code>''' des Beispiels sichern und durch eine neue Datei mit gleichem Namen ersetzen.
Zeile 31: Zeile 38:
# Ein Quadarat mit runden Ecken, Rand und nicht-transparentem Hintergrund erzeugen (groß genug für drei Würfelaugen in einer Reihe).
# Ein Quadarat mit runden Ecken, Rand und nicht-transparentem Hintergrund erzeugen (groß genug für drei Würfelaugen in einer Reihe).
# Würfel vollständig selektieren und mittels Taste <code>F8</code> in ein Symbol konvertieren:
# Würfel vollständig selektieren und mittels Taste <code>F8</code> in ein Symbol konvertieren:
#* <code>Name</code>: '''<code>s_dice</code>''' („s“ = „symbol“)
#* <code>Name</code>: '''<code>s_die</code>''' („s“ = „symbol“)
#* <code>Type</code>: '''<code>Movie clip</code>'''
#* <code>Type</code>: '''<code>Movie clip</code>'''
#* Advanced:
#* Advanced:
#** <code>Class</code>: '''<code>wk.example.dice.WK9_Dice</code>'''
#** <code>Class</code>: '''<code>wk.example.dice.Die</code>'''
#** Häckchen nur bei <code>Export for ActionScript</code>
#** Häckchen nur bei <code>Export for ActionScript</code>
# Doppelklick auf <code>Library</code> -> <code>s_dice</code>.
# Doppelklick auf <code>Library</code> -> <code>s_die</code>.
# Ebene <code>Ebene 1</code> umbenennen in <code>l_background</code> („l“ = „level“).
# Ebene <code>Ebene 1</code> umbenennen in <code>l_background</code> („l“ = „level“).
# Neue Ebene <code>l_pips</code> oberhalb der Ebene <code>l_background</code> anlagen.
# Neue Ebene <code>l_pips</code> oberhalb der Ebene <code>l_background</code> anlagen.
Zeile 42: Zeile 49:
# Die sieben Augen folgendermaßen im Würfelrahmen anordnen: <code><br />1 2 3<br /> &nbsp;&nbsp;4<br/>5 6 7</code>
# Die sieben Augen folgendermaßen im Würfelrahmen anordnen: <code><br />1 2 3<br /> &nbsp;&nbsp;4<br/>5 6 7</code>


=Flash-Anwendung <code>dice_f9.fla</code> testen =
== Flash-Anwendung <code>dice_f9.fla</code> testen ==


# Ebene <code>Ebene 1</code> im Haupt-MovieClip (<code>_root</code>) in <code>l_dices</code> umbenennen und aktivieren.
# Ebene <code>Ebene 1</code> im Haupt-MovieClip (<code>_root</code>) in <code>l_dice</code> umbenennen und aktivieren.
# Drei Objekte vom Typ <code>s_dice</code> erzeugen: drei Mal <code>Bibliothek</code> -> <code>s_dice</code> auf die Bühne ziehen.
# Drei Objekte vom Typ <code>s_die</code> erzeugen: drei Mal <code>Bibliothek</code> -> <code>s_die</code> auf die Bühne ziehen.
# Die drei Objekte benennen: <code>m_dice_1</code>, <code>m_dice_2</code>, <code>m_dice_2</code> („m“ = „movie“): <code>Auswahlwerkzeug</code> (<code>Selection Tool</code>) => Objekt anklicken => <code>Eigenschaften:</code> '''<code>&lt;Instanzname&gt;</code> ändern'''.
# Die drei Objekte benennen: <code>m_die_1</code>, <code>m_die_2</code>, <code>m_die_2</code> („m“ = „movie“): <code>Selection Tool</code> => Objekt anklicken => <code>Properties:</code> '''<code>&lt;Instance Name&gt;</code> ändern'''.
# Folgenden Code in erstes Bild des Haupt-MovieClips einfügen und Film ablaufen lassen (<code>Strg Return</code>): <br /><code>m_dice_1.value = 3;<br />m_dice_2.value = 2;<br />m_dice_3.value = 6;<br /><br />trace(m_dice_1.value);<br />trace(m_dice_2.value);<br />trace(m_dice_3.value);<br /><br />m_dice_1.addEventListener(MouseEvent.CLICK, clickDice);<br />function clickDice(event: MouseEvent): void<br />{<br />&nbsp;&nbsp;m_dice_1.rollTheDice();<br />};</code><br />Anmerkung: Der letzte Befehl sorgt dafür, dass ein Klick auf den ersten Würfel eine Würfelvorgang auslöst. Ein Klick auf die anderen beiden Würfel hat dagegen keinen Effekt.
# Folgenden Code in erstes Bild des Haupt-MovieClips einfügen und Film ablaufen lassen (<code>Strg Return</code>): <br /><code>m_die_1.value = 3;<br />m_die_2.value = 2;<br />m_die_3.value = 6;<br /><br />trace(m_die_1.value);<br />trace(m_die_2.value);<br />trace(m_die_3.value);<br /><br />m_die_1.addEventListener(MouseEvent.CLICK, clickDice);<br />function clickDice(event: MouseEvent): void<br />{<br />&nbsp;&nbsp;m_dice_1.rollTheDie();<br />};</code><br />Anmerkung: Der letzte Befehl sorgt dafür, dass ein Klick auf den ersten Würfel einen Würfelvorgang auslöst. Ein Klick auf die anderen beiden Würfel hat dagegen keinen Effekt.
#[https://kowa.hs-augsburg.de/beispiele/flash/2006wise/dice/flash_9/dice_f9.swf dice_f9.swf]


=Quellen=
==Quellen==


*[[Kowarschick, W.: Multimedia-Programmierung]]
#{{Quelle|Kowarschick, W.: Multimedia-Programmierung}}


[[Kategorie:Flash-HowTo]]
[[Kategorie:Flash-HowTo]]
{{{{SITENAME}}-konformer Artikel}}
[[Kategorie:Flash-Beispiel]]

Aktuelle Version vom 16. Mai 2019, 16:19 Uhr

Dieser Artikel erfüllt die GlossarWiki-Qualitätsanforderungen:

Korrektheit: 4
(großteils überprüft)
Umfang: 4
(unwichtige Fakten fehlen)
Quellenangaben: 5
(vollständig vorhanden)
Quellenarten: 5
(ausgezeichnet)
Konformität: 4
(sehr gut)

Zweck

Anhand des „Würfel“-Beispieles soll die Realisierung von Attributen in Flash 9 demonstriert werden. Das Beispiel besteht aus zwei Teilen:

  • Dem Würfelauge, das mit Hilfe des Attributes state ein- und ausgeschaltet werden kann ("on", "off").
  • Dem eigentlichen Würfel, dessen sieben Würfelaugen jeweils den Wert des Attributs value (= 1, 2, 3, 4, 5 oder 6) anzeigen.

Englische Bezeichnung des Wortes „Würfel“

Würfel (deutsch) = die oder dice (Englisch)

Beispiel installieren

Entpacken Sie einfach die Datei dice.zip auf Ihrem Rechner.

Übersetzen Sie dann die Datei dice_f9.fla mit Hilfe von Adobe Flash 9.

Wenn Sie das Programm innerhalb von Adobe Flash 9 starten, sehen Sie den Effekt der Attribut-Zugriffe sowohl auf der SWF-Bühne, als auch im Trace-Fenster.

Sie können den MovieClip dice_f9.fla auch selbst erstellen:

Erstellung der Flash-Anwendung dice_f9.fla

  1. Die Datei dice_f9.fla des Beispiels sichern und durch eine neue Datei mit gleichem Namen ersetzen.
  2. Das Symbol s_pip aus der Biliothek der Datei pip_f9.fla in die Bibliothek der Datei dice_f9.fla kopieren.
  3. Ein Quadarat mit runden Ecken, Rand und nicht-transparentem Hintergrund erzeugen (groß genug für drei Würfelaugen in einer Reihe).
  4. Würfel vollständig selektieren und mittels Taste F8 in ein Symbol konvertieren:
    • Name: s_die („s“ = „symbol“)
    • Type: Movie clip
    • Advanced:
      • Class: wk.example.dice.Die
      • Häckchen nur bei Export for ActionScript
  5. Doppelklick auf Library -> s_die.
  6. Ebene Ebene 1 umbenennen in l_background („l“ = „level“).
  7. Neue Ebene l_pips oberhalb der Ebene l_background anlagen.
  8. Sieben Würfelaugen s_pip in diese Ebene legen und diese nicht benennen (denannte MovieClips führen zu einem Fehler; Flash-9-Bug?).
  9. Die sieben Augen folgendermaßen im Würfelrahmen anordnen:
    1 2 3
      4
    5 6 7

Flash-Anwendung dice_f9.fla testen

  1. Ebene Ebene 1 im Haupt-MovieClip (_root) in l_dice umbenennen und aktivieren.
  2. Drei Objekte vom Typ s_die erzeugen: drei Mal Bibliothek -> s_die auf die Bühne ziehen.
  3. Die drei Objekte benennen: m_die_1, m_die_2, m_die_2 („m“ = „movie“): Selection Tool => Objekt anklicken => Properties: <Instance Name> ändern.
  4. Folgenden Code in erstes Bild des Haupt-MovieClips einfügen und Film ablaufen lassen (Strg Return):
    m_die_1.value = 3;
    m_die_2.value = 2;
    m_die_3.value = 6;

    trace(m_die_1.value);
    trace(m_die_2.value);
    trace(m_die_3.value);

    m_die_1.addEventListener(MouseEvent.CLICK, clickDice);
    function clickDice(event: MouseEvent): void
    {
      m_dice_1.rollTheDie();
    };

    Anmerkung: Der letzte Befehl sorgt dafür, dass ein Klick auf den ersten Würfel einen Würfelvorgang auslöst. Ein Klick auf die anderen beiden Würfel hat dagegen keinen Effekt.
  5. dice_f9.swf

Quellen

  1. Kowarschick (MMProg): Wolfgang Kowarschick; Vorlesung „Multimedia-Programmierung“; Hochschule: Hochschule Augsburg; Adresse: Augsburg; Web-Link; 2018; Quellengüte: 3 (Vorlesung)