ENTWICKLERDOKUMENTATION

Größe: px

Ab Seite anzeigen:

Download "ENTWICKLERDOKUMENTATION"

Benjamin Linden
vor 6 Jahren
Abrufe

1 ENTWICKLERDOKUMENTATION Spiel: Sortieren Softwareprojektpraktikum Kathrin Larisch Yannick Kohnke Tobias Schlüter 0

2 Inhaltsverzeichnis 1. Kontrollfluss und Erläuterung Erläuterung der Variablen Erläuterung der Funktionen Mögliche Ansätze zur Optimierung oder Erweiterung des Programms

3 1. Kontrollfluss und Erläuterung Sort.html Aufruf main() main() -Mitgliedsname Event: Clickstart Aufruf von einfuehrung() einfuehrung() Aufruf von main() Event: loesenclick Aufruf von mainmenu() mainmenu() Aufruf von einfuehrung() Event: handleclick1 + handleclick2 + handleclick3 Event: numofobjects Aufruf von modus() modus() Aufruf von mainmenu() Event: handleclick1 + handleclick2 + handleclick3 + handlewettkampf Event: starten multiplayer() multiplayer() Aufruf waage() Aufruf waagerotiert() waage() waagerotiert() Aufruf von modus() Event: loesenclick Event: jokerclick 2

4 2. Erläuterung der Variablen 3

5 3. Erläuterung der Funktionen Sort.html Einbetten der Javascript-Dateien. Erstellen der verschiedenen Canvas. Anpassen der Canvas auf die Bildschirmgröße. Aufruf von Main() spielerauswahl.js[main()] spielerauswahl.js [Main()] Skalierung auf Bildschirmgröße. Erstellen der Shapes und Buttons. Setzen des aktuellen Ziels in die Mitte des Mauszeigers. Einfärben der Ablage boxen mithilfe von <1> intersect. Einrasten der jeweiligen Spielfiguren mithilfe von <1> intersect und hochzählen der Event: clickstart Wenn mindestens eine Figur gewählt lösche alle Listener und Elemente auf der Stage. Aufruf von einfuehrung() einfuehrung.js [einfuehrung()] <1> intersect Bekommt ein bewegliches Objekt und eine Box übergeben und überprüft ob das Objekt die Box berührt und gibt je nachdem true oder false zurück. einfuehrung.js [einfuehrung()] Ticker für die Stageaktualisierung. Anzahl Gewichte = 3. Erstellen der Button auf der Stage. Erstellen der Gewichte und der Waage auf der Stage. gewichte[] enthält alle Daten zu den Gewichten. Setzen des aktuellen Ziels in die Mitte des Mauszeigers. Einfärben der Ablage boxen mithilfe von <1> intersect. Für jedes Element shape in dem Array gewichte[]: Überprüfe ob mit <1> intersect ob wir über einer Waage-Box sind und ob diese leer ist. Wenn ja setze das Gewicht hinein. Wenn nein, werfe das Gewicht nach links oder rechts raus. Überprüfe mit <2> welcheablage ob wir über einer Ablage Box sind. Wenn ja, überprüfe mit <2> welcheablage und <3> shapesinablage ob die Box noch frei ist. Wenn ja, setze Gewicht hinein. Wenn nein, werfe aktuelles Gewicht nach unten raus. Führe <4> ready aus. Lösche alle listener. Zurück nach main() spielerauswahl.js [Main()] Event: loesenclick Überprüft ob jedes Gewicht in der richtigen Ablage Box ist. Wenn ja, decke auf und Aufruf mainmenu () Mainmenu.js [mainmenu()] 4

6 Wenn nein, Alert Event: jokerclick Decke Gewichte für kurze Zeit auf. <1> intersect Bekommt ein bewegliches Objekt und eine Box übergeben und überprüft ob das Objekt die Box berührt und gibt je nachdem true oder false zurück. <2> welcheablage Bekommt ein Array von Boxen und ein Gewicht shape übergeben Überprüft für jedes element boxshape im Array der boxen ob das Gewicht innerhalb einer der Boxen liegt und gibt die jeweilige Box zurück. <3> shapesinablage Bekommt eine Box und ein Array von Gewichten übergeben. Überprüft für jedes element shape im Array, ob dieses Shape in der Box liegt und fügt dieses einem neuen Array hinzu, welches abschließend zurückgegeben wird. <4> ready Überprüft mithilfe von <5> ausschlagen welchen Zustand die Waage einnimmt. Fall1: links beladen, rechts leer. Fall2: rechts beladen, links leer. Fall3: beide beladen Überprüfe mithilfe von <7> inbox welche Seite schwerer beladen ist. Fall4: beide leer. Animationen der Gewichte und Waage in die Ausgangsposition. <5> ausschlagen Bekommt ein Array von Gewichten und zwei Boxen übergeben. Überprüft mithilfe von <7> inbox welche welche Boxen belegt sind und gibt jeweils die 4 möglichen Fälle zurück. <6> animationf Bekommt übergeben in welche Richtung die Waage ausschlagen soll, überprüft wie die Überführung von der aktuellen Position aussieht und führt diese aus. <7> inbox Bekommt ein Array von Gewichten und eine Box übergeben und gibt den shape zurück der in der Box liegt. Mainmenu.js [mainmenu()] Skalierung auf Bildschirmgröße. 5

7 Erstellen der Shapes und Buttons. Lösche alle listener. Zurück nach einfuehrung() einfuehrung.js [einfuehrung()] Event: handleclick1 + handleclick2 + handleclick3 Erzeuge Shapes für Level Beschreibung und Bottun zum Starten. Event: numofobjects Löscht alle Listener. Aufruf von modus () Modus.js [modus()] Modus.js [modus()] Erstellt Button und Listener. Lösche alle listener. Zurück nach mainmenu() Mainmenu.js [mainmenu()] Event: handleclick1 + handleclick2 + handleclick3 + clickwettkampf Button werden hervorgehoben. Je nach gewähltem Schwierigkeitsgrad wird die Anzahl der Gewichte festgelegt. Je nachdem wird tempzaehler true oder false gesetzt. Event: starten Lösche alle Listener und Elemente. Aufruf von multiplayer() Multiplayer.js [multiplayer()] Multiplayer.js [multiplayer()] Je nach Anzahl der Spieler werden die einzelnen Waagen und aufgerufen. Aufruf waage() Waage.js[waage()] Aufruf waagerotiert() Waage.js[waagerotiert()] Waage.js [waage()] Ticker für die Stageaktualisierung. Anzahl Gewichte aus window Variable. Erstellen der Button auf der Stage. Erstellen der Anzeigen auf der Stage. Zufällige Reihenfolge der Gewichte mithilfe von <8> shuffle. Erstellen der Gewichte und der Waage auf der Stage. gewichte[] enthält alle Daten zu den Gewichten. Setzen des aktuellen Ziels in die Mitte des Mauszeigers. Einfärben der Ablage boxen mithilfe von <1> intersect. Für jedes Element shape in dem Array gewichte[]: Überprüfe ob mit <1> intersect ob wir über einer Waage-Box sind und ob diese leer ist. 6

8 Wenn ja setze das Gewicht hinein. Wenn nein, werfe das Gewicht nach links oder rechts raus. Überprüfe mit <2> welcheablage ob wir über einer Ablage Box sind. Wenn ja, überprüfe mit <2> welcheablage und <3> shapesinablage ob die Box noch frei ist. Wenn ja, setze Gewicht hinein. Wenn nein, werfe aktuelles Gewicht nach unten raus. Führe <4> ready aus. Lösche alle listener. Zurück nach modus() Modus.js [modus()] Event: loesenclick Überprüft ob jedes Gewicht in der richtigen Ablage Box ist. Und deckt die Gewichte bei richtiger Lösung auf. Event: jokerclick Decke Gewichte für kurze Zeit auf. <1> intersect Bekommt ein bewegliches Objekt und eine Box übergeben und überprüft ob das Objekt die Box berührt und gibt je nachdem true oder false zurück. <2> welcheablage Bekommt ein Array von Boxen und ein Gewicht shape übergeben Überprüft für jedes element boxshape im Array der boxen ob das Gewicht innerhalb einer der Boxen liegt und gibt die jeweilige Box zurück. <3> shapesinablage Bekommt eine Box und ein Array von Gewichten übergeben. Überprüft für jedes element shape im Array, ob dieses Shape in der Box liegt und fügt dieses einem neuen Array hinzu, welches abschließend zurückgegeben wird. <4> ready Überprüft mithilfe von <5> ausschlagen welchen Zustand die Waage einnimmt. Fall1: links beladen, rechts leer. Fall2: rechts beladen, links leer. Fall3: beide beladen Überprüfe mithilfe von <7> inbox welche Seite schwerer beladen ist. Fall4: beide leer. Animationen der Gewichte und Waage in die Ausgangsposition. <5> ausschlagen Bekommt ein Array von Gewichten und zwei Boxen übergeben. Überprüft mithilfe von <7> inbox welche welche Boxen belegt sind und gibt jeweils die 4 möglichen Fälle zurück. <6> animationf 7

9 Bekommt übergeben in welche Richtung die Waage ausschlagen soll, überprüft wie die Überführung von der aktuellen Position aussieht und führt diese aus. <7> inbox Bekommt ein Array von Gewichten und eine Box übergeben und gibt den shape zurück der in der Box liegt. 8

10 4. Mögliche Ansätze zur Optimierung oder Erweiterung des Programms 9

Ähnliche Dokumente

Ereignisse Auf Benutzereingaben reagieren

Ereignisse Auf Benutzereingaben reagieren JavaScript ermöglicht es dem Entwickler auf Ereignisse (engl.: events) im Browser zu reagieren. Auf diese Weise kann der Benutzer mit den Anwendungen interagieren,