GlossarWiki:Bücher/Multimedia-Programmierung/WiSe2018

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

• index02.html:

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 Funktion concretize) erzeugt, sondern dynamisch mittels der Klasse ItemBuilder, die in app03 und app04 des MovingStage-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 [pointerdown pointerdown], das auch schon in TicTacToe verwendet wurde.

Die aktuelle Version derBibliothek WKLib (es kann nicht garantiert werden, dass in allen Vorlesungsbeispielen stets die aktuellste Version dieser Biliothek enthalten ist)