Kaufen

Drag-and-Drop-Techniken

aus: Flash Spieleprogrammierung

Drag-and-Drop-Techniken Flash Spieleprogrammierung
Maussteuerung Flash Spieleprogrammierung
Ballongenerator Flash Spieleprogrammierung

Über dieses Video

Die Drag-and-Drop-Technik ist auch bei Flash-Games eine wichtige Funktionalität. Wie bei einem traditionellen Brettspiel müssen Objekte bewegt und an bestimmte Positionen versetzt werden können. In dieser Lektion stellen wir Ihnen Actionscript-Methoden vor, mit denen diese Bewegungsfunktionalität in Movieclips integriert werden kann.

Auszug aus: Flash Spieleprogrammierung

Ob als Pausenfüller, Werbemittel oder als Besucher-Magnet für die eigene Website: mit Flash-Games sorgen Sie für Spaß und Begeisterung. Das nötige Know-How in Sachen ActionScript vermittelt Ihnen dieses Video-Training.

EUR 14,95

Kaufen

Ähnliche Video-Trainings

'Real programmers aren't afraid of math' - dieser Wahlspruch gilt besonders für die Spieleprogrammierung. Wenn sich Raumschiffe oder Kanonenkugeln glaubwürdig bewegen sollen, dann gilt es, jede Menge mathematischer und physikalischer Gesetze zu berücksichtigen. Doch keine Sorge, dieses Kapitel frischt Ihre Kenntnisse auf.

Allgemeine Grundlagen

27 min
- Spielfiguren und Hindernisse präzise auf der Bühne platzieren - das Koordinatensystem von Flash macht's möglich. In dieser Lektion erläutern wir den Zusammenhang zwischen Registrierungspunkt und relativen Koordinaten. Zudem erfahren Sie, was beim Positionieren verschachtelter Movieclips zu beachten ist.
  
  Das Koordinatensystem
  
  05:22
- Ruckelige Animationen lassen den Spielspaß schnell schwinden. Deshalb sollten Sie die Abspielgeschwindigkeit Ihres Flash-Games (Framerate) optimal einstellen. In dieser Lektion lernen Sie die Vor- und Nachteile verschiedener Einstellungen kennen.
  
  Die Framerate
  
  05:13
- Wie weit ist das Shuttle noch von der rettenden Raumbasis entfernt? Ob im Weltraum-Shooter oder bei einem Strategie-Spiel, Abstände zwischen zwei Objekten lassen sich am besten mit dem Satz des Pythagoras berechnen. Wie Sie dieses wichtige mathematische Gesetz anwenden, erfahren Sie in dieser Lektion.
  
  Pythagoras
  
  06:45
- Die Flugbahn von Geschossen oder die Kreisbewegung eines Satelliten sind nur zwei Anwendungsbeispiele für Berechnungen mit Sinus, Cosinus und Tangens. Diese Winkelfunktionen sind unentbehrliche Hilfsmittel für jedes Action-Spiel. Sie haben damals in Mathe gefehlt? Keine Sorge, diese Lektion vermittelt die nötigen Grundlagen.
  
  Die Winkelfunktionen
  
  09:32
Kein Flash-Game kommt ohne Actionscript aus, denn nur Actionscript ermöglicht dynamische Reaktionen auf das Spielgeschehen. Doch keine Angst, in diesem Kapitel vermitteln wir Ihnen maßgeschneidertes Actionscript-Know-how für die Spieleprogrammierung.

Actionscript-Grundlagen

317 min
- Ziehen und fallenlassen - nach diesem Prinzip funktioniert die Steuerung vieler Spieleklassiker wie Lemminge oder Poker. Wie Sie die Drag-and-Drop-Technik auch in eigenen Spielen einsetzen können, verrät Ihnen dieses Kapitel.
  
  Drag and Drop
  - Die Drag-and-Drop-Technik ist auch bei Flash-Games eine wichtige Funktionalität. Wie bei einem traditionellen Brettspiel müssen Objekte bewegt und an bestimmte Positionen versetzt werden können. In dieser Lektion stellen wir Ihnen Actionscript-Methoden vor, mit denen diese Bewegungsfunktionalität in Movieclips integriert werden kann.
    
    Drag-and-Drop-Techniken
    
    08:31
  - Um sich die Arbeit mit Ereignisprozedur-Pfaden einfacher zu machen, können Sie diese in separaten Variablen ablegen.
    
    Pfadvariablen speichern
    
    02:33
  - Mit Hilfe der Drag-and-Drop-Parameter ist es möglich, Instanzen auszurichten und die Bewegung zu beschränken.
    
    Bewegungsbeschränkung
    
    07:00
- Flash-Spiele werden bevorzugt per Maus bedient. Schließlich ist sie das primäre Navigationsinstrument im Internet, wo uns auch die meisten Flash-Games begegnen. In diesem Kapitel zeigen wir Ihnen, wie Maussteuerungen in Actionscript programmiert werden.
  
  Maussteuerung
  - Wie der Anwender die Spielfigur oder die Utensilien Ihres Flash-Games per Maus bewegen kann, erfahren Sie in dieser Lektion. Schritt für Schritt demonstrieren wir, wie ein Movieclip per Actionscript den Mausbewegungen folgt.
    
    Maussteuerung
    
    09:17
  - Nicht immer soll ein Objekt eine Mausbewegung unmittelbar nachvollziehen. Beim Verschieben einer Kanonenkugel beispielsweise erwarten wir aufgrund der Masse eine bestimmte Trägheit. In dieser Lektion erfahren Sie, wie eine Mausbewegung verzögert verfolgt wird.
    
    Verzögerte Verfolgung
    
    10:03
- Bei ausgefeilteren Action-Spielen stößt die Maus schnell an ihre Grenzen. Wenn der Held Ihres Spiels schießen, springen und laufen soll, dann werden Sie um eine Tastatursteuerung nicht herumkommen. In diesem Kapitel machen wir Sie mit den Grundlagen vertraut.
  
  Tastatur
  - Sie möchten Ihr Spiel mit Cursortasten steuern? Dann ist diese Lektion das Richtige für Sie! Nachdem wir die Möglichkeiten des Key-Objekts erläutert haben, programmieren wir eine beispielhafte Tastatursteuerung.
    
    Steuerung per Tastatur
    
    08:21
  - Sie möchten das Flugzeug aus der vorigen Lektion nach rechts bewegen, aber plötzlich fliegt es rückwärts? Kein Wunder, auf Richtungsänderungen haben wir unser Spiel noch nicht vorbereitet. In dieser Lektion verraten wir, wie Sie dieses Problem mit der _xscale-Eigenschaft beseitigen.
    
    Bewegung im Raum
    
    02:56
- Wenn aus einer einzigen Biene plötzlich ein ganzer Schwarm wird, dann haben sicher dynamisch erzeugte Instanzen ihre Hand im Spiel. So werden Kopien von Movieclips bezeichnet, die zur Laufzeit des Spiels erstellt werden. Was Sie beim Einsatz von dynamisch erzeugten Instanzen beachten müssen, verrät Ihnen dieses Kapitel.
  
  Erzeugen von Instanzen
  - Sollte die eben abgefeuerte Kanonenkugel vor oder hinter ihrem Vorgänger eingeblendet werden? Flash behilft sich mit einem Tiefenspeicher, um die Anordnung der Instanzen auf der Bühne festzulegen. Wir stellen Ihnen in diesem Clip das Konzept der Depth-Stufe vor.
    
    Depth verstehen
    
    03:47
  - Lernen Sie, wie Sie Instanzen auf der Bühne dynamisch erzeugen und ihnen anschließend Eigenschaften zuweisen.
    
    Dynamisches Instanzieren
    
    07:58
  - Der aufsteigende Luftballon soll plötzlich hinter dem Flugzeug verschwinden? Mit Hilfe von swapDepths() können Sie die Depth-Stufe von Movieclip-Instanzen ändern und vertauschen.
    
    Ändern der Depth-Stufe
    
    05:54
- Im Math-Objekt hält Actionscript wichtige mathematische Funktionen und Ausdrücke bereit. Wie diese bei der Spieleprogrammierung von Nutzen sein können, zeigen wir im Folgenden.
  
  Math-Objekt
  - Poker als Flash-Game? Warum nicht, denn mit Hilfe des Math-Objekts können Sie Zufallszahlen erzeugen - ganz wie beim Würfeln. Diese Lektion verrät Ihnen mehr.
    
    Zufallszahlen
    
    06:48
  - Winkelfunktionen wie Sinus und Cosinus spielen eine zentrale Rolle bei der Bewegungssteuerung. In diesem Clip zeigen wir Ihnen, wie Winkelfunktionen in Actionscript umgesetzt werden. Damit die Theorie nicht überhand nimmt, haben wir ein anschauliches Beispiel vorbereitet.
    
    Winkelfunktionen
    
    12:32
  - Pythagoras in der Praxis: In diesem Workshop berechnen wir den Abstand zwischen zwei Sternen. Diese können vom Anwender verschoben werden, wodurch sich auch die Distanzanzeige ändert.
    
    Entfernungen
    
    13:07
- 'Wenn den Helden eine Kugel trifft, dann... ' Häufig sollen Kollisionen bestimmte Ereignisse in einem Spiel auslösen. Doch wie kann Actionscript erkennen, dass zwei Objekte zusammengestoßen sind? In diesem Kapitel lernen Sie die dafür nötigen Funktionen kennen.
  
  Kollisionen
  - In dieser Lektion zeigen wir Ihnen den einfachsten Fall einer Kollisionskontrolle: Ein Objekt darf einen rechteckigen Koordinatenbereich nicht verlassen. Im konkreten Beispiel hindern wir ein U-Boot daran, das Wasser zu verlassen.
    
    Koordinaten
    
    10:06
  - Nun wird es Zeit für eine echte Kollisionskontrolle: Wir untersuchen, ob U-Boot und Tanker zusammengestoßen sind. Dabei erläutern wir den Begriff »Bounding Box« (Umrisslinie) und stellen Actionscript-Methoden zur Kollisionserkennung vor.
    
    Bounding Box
    
    07:47
  - Für unregelmäßige Objekte ist das Verfahren mit der rechteckigen Bounding Box nur bedingt geeignet, schließlich kommt es so oft zu einem Fehlalarm. Wie Sie bei solchen Objekten zuverlässig Kollisionen erkennen, verraten wir in dieser Lektion.
    
    Bounding Box - Kollisionstrick
    
    08:42
  - Ging der Wurfpfeil mitten ins Bull's Eye oder gar an der Scheibe vorbei? Dank der HitTest()-Methode kann Actionscript auch diese Frage ganz ohne menschliche Hilfe beantworten. Im Rahmen eines kleinen Workshops testen wir, ob sich ein bestimmter Punkt innerhalb eines Movieclips befindet.
    
    Punktkollision
    
    08:16
  - Sie möchten einen Satelliten automatisch ins Fadenkreuz nehmen? Dann bietet sich die getBounds-Methode an. Sie ermittelt das Begrenzungsrechteck eines Movieclips und sorgt für eine präzise Platzierung des Fadenkreuzes.
    
    Begrenzungsrechteck feststellen
    
    16:13
- Benötigen Sie für die Umsetzung Ihres bescheidenen Strategie-Games 666 verschiedene Räume mit 99 unterschiedlichen Hindernissen? Lassen Sie sich in Ihrer Kreativität nicht einschränken, denn mit kachelbasierenden Welten können auch solche Monster-Projekte in Flash realisiert werden.
  
  Kachelbasierende Welten
  - Kachelwelten bestehen aus quadratischen Bildteilen, die nahtlos aneinander gefügt werden können. Das Zusammensetzen der Kachelwelt übernimmt nicht der Gamedesigner, sondern Actionscript.
    
    Kachelwelten bauen I
    
    10:38
  - Im zweiten Teil unseres Workshops setzen wir die erworbenen Kenntnisse in die Praxis um. Nachdem das Aussehen der Kachelwelt mit einem Array festgelegt wurde, zeigen wir Ihnen den Actionscript-Code für den Aufbau der Welt.
    
    Kachelwelten bauen II
    
    12:13
  - Keine Welt ohne Held! Wir integrieren eine Spielfigur in die Kachelwelt und versehen diese mit einer Tastatursteuerung.
    
    Helden hinzufügen
    
    05:41
  - Bis jetzt ist unser Held ein Geist, der durch Mauern und über Wasser gehen kann. In dieser Lektion zeigen wir Ihnen, wie Sie seinen Bewegungsspielraum abhängig vom Kacheltyp einschränken.
    
    Kachelposition
    
    05:56
- Kein Spiel ohne Musik. Ob spektakulärer Soundtrack oder harmonisches Gedudel - nach diesem Kapitel spuckt Ihr Spiel große Töne!
  
  Sound & Music
  - Mehr über die Einsatzmöglichkeiten von Sound in Flash erfahren Sie in dieser kurzen Einführung.
    
    Einführung
    
    02:33
  - Anhand eines Flash-Schlagzeugs zeigen wir Ihnen, wie Sounds in Movieclips abgelegt und frame-basiert wiedergegeben werden.
    
    Frame-basierte Sounds
    
    13:17
  - Am flexibelsten ist das dynamische Instanzieren von Sounds zur Laufzeit, da Sie deren Eigenschaften per Actionscript steuern können.
    
    Sounds zur Laufzeit ändern
    
    09:54
  - In diesem Workshop wollen wir einen fahrenden Tanker mit Motorengeräusch versehen. Abhängig von der Position des Tankers soll sich auch die Aussteuerung des Sounds ändern. Im ersten Teil des Workshops bereiten wir das Projekt vor und präsentieren nützliche Tipps zur Fehlersuche.
    
    Soundsteuerung I
    
    17:21
  - Im zweiten Teil des Workshops soll die Position des Tankers die Aussteuerung des Motorengeräuschs beeinflussen. Dabei machen wir Sie mit den Möglichkeiten der dynamischen Soundmanipulation vertraut.
    
    Soundsteuerung II
    
    09:49
- XML ist ein textbasiertes Format zur strukturierten Speicherung von Informationen. XML-Daten können per Actionscript importiert bzw. exportiert werden. Das XML-Format bietet sich daher zur Speicherung von Konfigurationen, Spieltexten oder Highscores an.
  
  Flash-Games & XML
  - Diese Lektion macht Sie mit den Grundlagen von XML vertraut. Erfahren Sie mehr über die Vorteile und Gesetze dieser Strukturierungssprache.
    
    XML für Flasher
    
    09:37
  - Wie gelangen XML-Daten in mein Flash-Projekt? Dieser Film zeigt Ihnen, wie XML-Daten von Webservern oder lokalen Dateien per Actionscript eingelesen werden.
    
    XML einlesen
    
    10:29
  - In diesem Workshop programmieren wir ein kleines Quiz, bei dem Fragen und Antworten aus einer externen XML-Datei geladen werden.
    
    XML-Quiz I
    
    16:42
  - Im zweiten Teil des Workshops erläutern wir ausführlich das Parsen (Auswerten) der angelegten XML-Struktur. Sie erfahren, wie die eingelesenen Texte auf der Bühne dargestellt werden.
    
    XML-Quiz II
    
    16:34
- Sie möchten in bestimmten Zeitabständen neue Gegner erzeugen? Oder Ihrem Spieler nur eine gewisse Zeit zur Fragebeantwortung geben? Dann sind Sie in diesem Kapitel richtig.
  
  Zeitsteuerung
  - Mit Hilfe von setInterval() können Sie beliebige Funktionen in bestimmten Zeitabständen aufrufen. Wie diese wichtige Actionscript-Funktion arbeitet, zeigen wir an einem kleinen Beispiel.
    
    setInterval
    
    12:48
  - Mit einem Timer können Sie Zeitabstände messen und den Benutzer beispielsweise für die besonders schnelle Beantwortung einer Frage belohnen. Wie Sie mit getTimer() einen besonders flexiblen Zeitmessmechanismus erstellen, verraten wir in dieser Lektion.
    
    Timer erstellen
    
    12:51
Genug der Theorie, rein in die Praxis: In diesem Kapitel haben wir einige Spiele verschiedener Genres in Flash und Actionscript realisiert. Ihr Vorteil: Sie erfahren Schritt für Schritt, wie Spielideen umgesetzt werden und erhalten zahlreiche Tipps für eigene Konzepte.

Workshops

300 min
- Die Reißnägel werden gezückt: Bei einer Luftballonjagd sollen so viele Ballons wie möglich zerstochen werden. Neben dem Spielspaß festigen Sie bei der Umsetzung des Spiels auch Ihr Wissen in Sachen Timer, SharedObjects und Movieclip-Instanzen.
  
  Luftballonjagd
  - Im ersten Teil des Workshops bauen wir unser Spiel auf: Pin, Luftballons und Zeitanzeige werden eingefügt. Daneben erläutern wir die grundlegende Konfiguration.
    
    Aufbau
    
    15:25
  - In dieser Lektion programmieren wir einen 'Ballongenerator', der die Luftballons nach den Gesetzen des Zufalls auf der Spielfläche platziert.
    
    Ballongenerator
    
    16:21
  - Nun müssen wir den Ballons noch das Fliegen beibringen. Außerdem sorgt eine intelligente Kollisionserkennung dafür, dass die Ballons beim Berühren des Pins platzen.
    
    Ballonflug
    
    17:47
  - Damit der Spieler jederzeit weiß, wie er im Rennen liegt, programmieren wir in dieser Lektion eine Anzeige des Punktestands. Das zweite Programmiervorhaben ist ein Timer, der die Spielzeit beschränkt.
    
    Punktestand und Timer
    
    16:19
  - Abschließend programmieren wir noch ein Highscore-Modul. Dabei wird der Highscore in einem lokalen Objekt abgelegt und mit dem Endstand des Spiels verglichen.
    
    Highscore
    
    05:50
- Im Sterntalerspiel soll ein kleines Mädchen so viele Sterne wie möglich aufsammeln. Beim 'Making of' dieses Spiels demonstrieren wir, wie Sie einen Spielhelden mit mehreren Posen versehen und realistisch bewegen.
  
  Sterntaler
  - Nach einer Vorstellung des Projekts geht es gleich in medias res: Wir verpassen unserer Heldin unterschiedliche Gesichtsausdrücke, die den Spielverlauf wiedergeben sollten.
    
    Projektvorstellung
    
    10:40
  - In dieser Lektion machen wir unserer Heldin Beine: Sie erfahren, wie die Bewegungsanimationen per Actionscript und Tastatur gesteuert werden.
    
    Spielfiguren bewegen
    
    16:57
  - Im Spiel sollen Sterne vom Himmel fallen, um von unserer Heldin aufgesammelt zu werden. In dieser Lektion lösen wir die grundsätzlichen Probleme dieses Sternenregens: das automatische Erstellen und Zerstören der Sterne.
    
    Sterne erzeugen und zerstören
    
    13:10
  - Aus den langweilig vom Himmel fallenden Sternen soll ein echter Sternenregen werden. In diesem Film sorgen wir dafür, dass die Sterne wunderbar zufällig vom Himmel prasseln. Außerdem programmieren wir einen Punktezähler.
    
    Sternenregen
    
    15:34
  - Kein Spiel ohne Gegner! Nach dem Justieren einiger Feinheiten wird es Zeit, einen Gegner für Sterntaler zu schaffen. Fängt es keinen Stern, sondern einen Satelliten, so sollen die gesammelten Punkte verloren gehen. Wie diese gemeine Falle in Actionscript implementiert wird, erläutert die Lektion.
    
    Gegner erstellen
    
    13:50
  - Hat Sterntaler einen Satelliten gefangen, soll dieses Missgeschick dem Spieler durch ein kurzes Weinen angezeigt werden. Bei der Umsetzung dieses Vorhabens erfahren Sie, wie die Posen eines Helden situationsabhängig gesteuert werden können.
    
    Sterntaler muss weinen
    
    15:55
  - Damit Sterntaler nicht bis in alle Ewigkeit Sterne fangen muss, soll jedes Level eine begrenzte Spielzeit erhalten. Zum Abschluss des Workshops implementieren wir diese Funktion mit SetTimer().
    
    Zeitsteuerung
    
    06:00
- Auf in die Schlacht! In diesem Spiel-Workshop geht es um das Duell zweier Burgen, die abwechselnd mit dem Katapult beschossen werden. Nur wer Wind, Schwerkraft und Schusswinkel richtig beurteilen kann, landet einen Volltreffer. Als angehender Flash-Spieleprogrammierer erfahren Sie, wie realistische Bewegungsanimationen implementiert werden.
  
  Katapult
  - In dieser Lektion führen wir Sie ausführlich in den Aufbau des Katapult-Spiels ein. Nach der Analyse der einzelnen Spielszenen werden die grundlegenden Eigenschaften des Katapults festgelegt. Neben einigen nützlichen Actionscript-Tricks bietet die Lektion Tipps zur Umsetzung eigener Inhalte.
    
    Projektvorstellung
    
    13:37
  - Das Erstellen der Spielsteuerung ist Thema dieser Lektion. Zusätzlich machen wir die Katapulte abschussbereit, sodass später nur noch die Animation des Geschosses programmiert werden muss.
    
    Spielsteuerung
    
    17:12
  - Endlich kommen wir zum Herzstück unseres Spieles: der Geschoss-Animation. Diese wird komplett mit Actionscript gesteuert und berücksichtigt die vom Benutzer eingegebene Kraft und den Winkel.
    
    Abfeuern des Geschosses
    
    14:54
  - Unser Geschoss fliegt zwar bereits durch die Luft, aber leider als Gespenst: Bei der Berechnung der Flugbahn haben wir die Gravitation nicht berücksichtigt. Außerdem darf der Stein beim Absturz nicht ins Unendliche fallen, sondern soll am Boden liegen bleiben. In dieser Lektion zeigen wir, wie Sie diese Naturgesetze umsetzen.
    
    Etwas Physik
    
    14:49
  - Zum Schluss müssen wir noch die Kernfrage des Spiels klären: Hat der Stein nun die Burg getroffen oder nicht. Die Antwort liefert uns ein Hit-Test. Zudem legen wir einen GameOver-Status fest und vertonen das Spiel mit Geräuschkulissen.
    
    Verfeinerungen
    
    13:38
- SuperMario lässt grüßen! Im letzten Workshop widmen wir uns dem populären Genre der Jump'n'Run-Spiele: Dabei muss der Held durch eine Welt voller Hindernisse und Bösewichte manövriert werden. Ziel des Workshops ist das Entwickeln einer Jump'n'Run-Engine, die flexibel an eigene Bedürfnisse angepasst werden kann.
  
  Jump World
  - In der Einführungslektion erfahren Sie, wie ein Jump'n'Run-Spiel in Flash aufgebaut wird. Wir beschäftigen uns mit Fragen des Leveldesigns und der Kollisionserkennung des Helden. Außerdem erhalten Sie einen ersten Einblick in das bevorstehende Projekt.
    
    Aufbau von Jump'n'Run-Spielen
    
    16:50
  - Im Hintergrund muss unser Spiel ständig kontrollieren, ob sich unsere Heldin auf einer Plattform befindet, ansonsten droht der Absturz in kalte Gewässer... Wie diese Funktion in Actionscript bewerkstelligt wird, erläutert die Lektion. Außerdem programmieren wir eine Tastatursteuerung.
    
    Stehen und fallen
    
    15:17
  - In dieser Lektion implementieren wir einige typische Funktionen von Jump'n'Run-Spielen in unser Spiel: Die Heldin lernt zu springen. Außerdem führen spezielle Eis-Plattformen zu einer Rutschpartie.
    
    Springen und Plattformen
    
    15:53
  - Um die Spannung zu erhöhen, soll der Spieler immer nur jenen Ausschnitt der Spielwelt zu Gesicht bekommen, in dem sich die Heldin aufhält. In dieser Lektion erfahren Sie mehr über die Scrolling-Technik bei Spielwelten.
    
    Der richtige Bildausschnitt
    
    12:42

Drag-and-Drop-Techniken

aus: Flash Spieleprogrammierung

Über dieses Video

Auszug aus: Flash Spieleprogrammierung

Filminformationen