GlossarWiki:Bücher/Multimedia-Programmierung/WiSe2018: Unterschied zwischen den Versionen
aus GlossarWiki, der Glossar-Datenbank der Fachhochschule Augsburg
Kowa (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Kowa (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 14: | Zeile 14: | ||
;Beispiele | ;Beispiele | ||
:*[https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index02.html index02.html]: | |||
:*[https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/ | |||
: [[Pong/Modellierung|Use Cases und Datenmodell]] des Spiels [[Pong]] | : [[Pong/Modellierung|Use Cases und Datenmodell]] des Spiels [[Pong]] | ||
: [https://gitlab.multimedia.hs-augsburg.de:8888/kowa/WK_Pong01.git Implementierung von Pong] ([https://glossar.hs-augsburg.de/beispiel/tutorium/2018/pong/WK_Pong01/web/ index.html]) | : [https://gitlab.multimedia.hs-augsburg.de:8888/kowa/WK_Pong01.git Implementierung von Pong] ([https://glossar.hs-augsburg.de/beispiel/tutorium/2018/pong/WK_Pong01/web/ index.html]) | ||
| Zeile 21: | Zeile 20: | ||
: [https://gitlab.multimedia.hs-augsburg.de:8888/kowa/WK_MovingStage01.git Implementierung einer beweglichen Bühne] ([https://glossar.hs-augsburg.de/beispiel/tutorium/2018/moving_stage/WK_MovingStage01/web/ index.html]) | : [https://gitlab.multimedia.hs-augsburg.de:8888/kowa/WK_MovingStage01.git Implementierung einer beweglichen Bühne] ([https://glossar.hs-augsburg.de/beispiel/tutorium/2018/moving_stage/WK_MovingStage01/web/ index.html]) | ||
: [https://gitlab.multimedia.hs-augsburg.de:8888/kowa/WK_Board01.git Implementierung eines interaktiven Spielbretts] ([https://glossar.hs-augsburg.de/beispiel/tutorium/2018/board/WK_Board01/web/ index.html]) | : [https://gitlab.multimedia.hs-augsburg.de:8888/kowa/WK_Board01.git Implementierung eines interaktiven Spielbretts] ([https://glossar.hs-augsburg.de/beispiel/tutorium/2018/board/WK_Board01/web/ index.html]) | ||
: [https://gitlab.multimedia.hs-augsburg.de:8888/kowa/WK_Ball04.git Erweiterungen] der [[MMProg:_Praktikum:_WiSe_2018/19|Ball-Aufgabe]] | |||
:*[https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index01.html index01.html]: Wie [https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball03/web/index03.html index03.html] von [[MMProg:_Praktikum:_WiSe_2018/19:_Ball03|Teil 3 der Ball-Aufgabe]], allerdings mit Hintergrundbild via PixiJS. Hinsichtlich der Modularisierung ist die Implementierung deutlich näher an den Beispielen Pong, TicTacToe und MovingStage – siehe nachfolgend. | |||
:*[https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index02.html index02.html]: Anstelle eines Vogels fliegen viele Vögel, wobei die Größe und die Startposition zufällig gewählt werden. Die Anwendung ist ähnlich zu [https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball02/web/index04c.html index04c.html] von [[MMProg:_Praktikum:_WiSe_2018/19:_Ball02|Teil 2 der Ball-Aufgabe]], allerdings modularisiert, aber ohne Kollisionserkennung und -behandlung von zwei Vögeln. Redundanter Code wurde mittels Vererbung aus den View-Modulen entfernt (gemäß dem Motto „Keep yout code [[DRY]]“). | |||
:*[https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index03.html index03.html]: Dies ist die gleiche Anwendung wie [https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index02.html index02.html], allerdings werden die Vögel nicht mehr statisch mittels der Konfigurationsdatei <code>config.json</code> (und der Funktion <code>concretize</code>) erzeugt, sondern dynamisch mittels der Klasse <code>ItemBuilder</code>, die in [https://glossar.hs-augsburg.de/beispiel/tutorium/2018/moving_stage/WK_MovingStage01/web/index04.html <code>app03</code> und <code>app04</code>] des [https://gitlab.multimedia.hs-augsburg.de:8888/kowa/WK_MovingStage01.git <code>MovingStage</code>-Beispiels] eingeführt wurde. Damit können Vögel später auch wieder gelöscht werden. | |||
:*[https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index04.html index04.html]: Dies ist eine Erweiterung Anwendung wie [https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index03.html index03.html]. Bei einem Klick auf einen Vogel wird dieser aus der Anwendung mittels der <code>remove</code>-Methode der Builderklaasse entfernt. Zum Einsatz kommt das PixiJS-Ereignis [pointerdown <code>pointerdown</code>], das auch schon in [https://gitlab.multimedia.hs-augsburg.de:8888/kowa/WK_TicTacToe01.git <code>TicTacToe</code>] verwendet wurde. | |||
: [https://gitlab.multimedia.hs-augsburg.de:8888/kowa/WKLib01.git Die aktuelle Version derBibliothek WKLib] (es kann nicht garantiert werden, dass in allen Vorlesungsbeispielen stets die aktuellste Version dieser Biliothek enthalten ist) | : [https://gitlab.multimedia.hs-augsburg.de:8888/kowa/WKLib01.git Die aktuelle Version derBibliothek WKLib] (es kann nicht garantiert werden, dass in allen Vorlesungsbeispielen stets die aktuellste Version dieser Biliothek enthalten ist) | ||
[[Kategorie:Buch|Multimedia-Programmierung]] | [[Kategorie:Buch|Multimedia-Programmierung]] | ||
[[Kategorie:Multimedia-Programmierung]] | [[Kategorie:Multimedia-Programmierung]] | ||
Version vom 1. Januar 2019, 16:01 Uhr
Multimedia-Programmierung – Skript zur Vorlesung im WiSe 2018/2019
Autor: Wolfgang Kowarschick
- Vorlesung
- Theorie
- UML-Diagramme: Typische Fehler
- Praktikum
- Einrichten einer Entwicklungsumgebung für Web-Anwendungen
- Hello-World-Tutorium
- Praktikumsaufgaben WiSe 2018/19
- HowTo (eine Liste mit kurzen Anleitungen, um Praktikums-/Tutoriums-Probleme zu lösen)
- Beispiele
- Use Cases und Datenmodell des Spiels Pong
- Implementierung von Pong (index.html)
- Implementierung von TicTacToe (index.html)
- Implementierung einer beweglichen Bühne (index.html)
- Implementierung eines interaktiven Spielbretts (index.html)
- Erweiterungen der Ball-Aufgabe
- index01.html: Wie index03.html von Teil 3 der Ball-Aufgabe, allerdings mit Hintergrundbild via PixiJS. Hinsichtlich der Modularisierung ist die Implementierung deutlich näher an den Beispielen Pong, TicTacToe und MovingStage – siehe nachfolgend.
- index02.html: Anstelle eines Vogels fliegen viele Vögel, wobei die Größe und die Startposition zufällig gewählt werden. Die Anwendung ist ähnlich zu index04c.html von Teil 2 der Ball-Aufgabe, allerdings modularisiert, aber ohne Kollisionserkennung und -behandlung von zwei Vögeln. Redundanter Code wurde mittels Vererbung aus den View-Modulen entfernt (gemäß dem Motto „Keep yout code DRY“).
- index03.html: Dies ist die gleiche Anwendung wie index02.html, allerdings werden die Vögel nicht mehr statisch mittels der Konfigurationsdatei
config.json(und der Funktionconcretize) erzeugt, sondern dynamisch mittels der KlasseItemBuilder, die inapp03undapp04desMovingStage-Beispiels eingeführt wurde. Damit können Vögel später auch wieder gelöscht werden. - index04.html: Dies ist eine Erweiterung Anwendung wie index03.html. Bei einem Klick auf einen Vogel wird dieser aus der Anwendung mittels der
remove-Methode der Builderklaasse entfernt. Zum Einsatz kommt das PixiJS-Ereignis [pointerdownpointerdown], das auch schon inTicTacToeverwendet wurde.
- Die aktuelle Version derBibliothek WKLib (es kann nicht garantiert werden, dass in allen Vorlesungsbeispielen stets die aktuellste Version dieser Biliothek enthalten ist)
