GlossarWiki:Bücher/Web-Programmierung/SoSe2021: Unterschied zwischen den Versionen
aus GlossarWiki, der Glossar-Datenbank der Fachhochschule Augsburg
Kowa (Diskussion | Beiträge) Die Seite wurde neu angelegt: „=== Multimedia-Programmierung – Skript zur Vorlesung im WiSe 2018/2019 === Autor: Wolfgang Kowarschick ; Vorlesung : GlossarWiki:Bücher/Multimedia-Pr…“ |
Kowa (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| (5 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
=== Multimedia-Programmierung – Skript zur Vorlesung im | === Multimedia-Programmierung – Skript zur Vorlesung im SoSe 2021 === | ||
Autor: [[Wolfgang Kowarschick]] | Autor: [[Wolfgang Kowarschick]] | ||
| Zeile 9: | Zeile 9: | ||
: [[HTML5-Tutorium: JavaScript: Entwicklungsumgebung|Einrichten einer Entwicklungsumgebung für Web-Anwendungen]] | : [[HTML5-Tutorium: JavaScript: Entwicklungsumgebung|Einrichten einer Entwicklungsumgebung für Web-Anwendungen]] | ||
: [[HTML5-Tutorium: JavaScript: Hello World|Hello-World-Tutorium]] | : [[HTML5-Tutorium: JavaScript: Hello World|Hello-World-Tutorium]] | ||
: [[MMProg: Praktikum: WiSe 2018/19|Praktikumsaufgaben WiSe 2018/19]] | <!--: [[MMProg: Praktikum: WiSe 2018/19|Praktikumsaufgaben WiSe 2018/19]]--> | ||
<!--: [[:Kategorie:Multimedia-Programmierung/Tutorium|Kategorie: Multimedia-Programmierung: Tutorium]]--> | <!--: [[:Kategorie:Multimedia-Programmierung/Tutorium|Kategorie: Multimedia-Programmierung: Tutorium]]--> | ||
: [[HTML5-Tutorium: HowTo|HowTo]] (eine Liste mit kurzen Anleitungen, um Praktikums-/Tutoriums-Probleme zu lösen) | <!--: [[HTML5-Tutorium: HowTo|HowTo]] (eine Liste mit kurzen Anleitungen, um Praktikums-/Tutoriums-Probleme zu lösen) | ||
;Beispiele | ;Beispiele | ||
| Zeile 28: | Zeile 28: | ||
:*[https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index06.html index06.html]: Dies ist die gleiche Anwendung wie die Anwendung [https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index05.html index05.html]. Es werden allerdings nur noch Moorhühner angezeigt. Und diese werden mit Hilfe der PixiJS-Klasse [http://pixijs.download/dev/docs/PIXI.extras.AnimatedSprite.html <code>AnimatedSprite</code>] animiert. (Da PixiJS v5 sich noch im Alpha-Stadion befindet, wird noch die Klasse <code>PIXI.extras.AnimatedSprite</code> verwendet, die erst ab Version 5 als “deprecated” gilt.) Darüber hinaus wurde für die Moorhühner mit Hilfe von [https://www.codeandweb.com/physicseditor <code>PhysicsEditor</code>] ein Polygon erstellt, das den Rand der Vögel beschreibt. Dieses Polygon wird dem PixiJS-Sprite als [http://pixijs.download/dev/docs/PIXI.DisplayObject.html#hitArea <code>hitArea</code>] übergeben. Damit wird erreicht, dass ein Klick auf ein Moorhuhn nur dann von PixiJS registriert wird, wenn man tatsächlich das Huhn ({{dh}} das Moorhuhn-Bild) mit der Maus anklickt. | :*[https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index06.html index06.html]: Dies ist die gleiche Anwendung wie die Anwendung [https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index05.html index05.html]. Es werden allerdings nur noch Moorhühner angezeigt. Und diese werden mit Hilfe der PixiJS-Klasse [http://pixijs.download/dev/docs/PIXI.extras.AnimatedSprite.html <code>AnimatedSprite</code>] animiert. (Da PixiJS v5 sich noch im Alpha-Stadion befindet, wird noch die Klasse <code>PIXI.extras.AnimatedSprite</code> verwendet, die erst ab Version 5 als “deprecated” gilt.) Darüber hinaus wurde für die Moorhühner mit Hilfe von [https://www.codeandweb.com/physicseditor <code>PhysicsEditor</code>] ein Polygon erstellt, das den Rand der Vögel beschreibt. Dieses Polygon wird dem PixiJS-Sprite als [http://pixijs.download/dev/docs/PIXI.DisplayObject.html#hitArea <code>hitArea</code>] übergeben. Damit wird erreicht, dass ein Klick auf ein Moorhuhn nur dann von PixiJS registriert wird, wenn man tatsächlich das Huhn ({{dh}} das Moorhuhn-Bild) mit der Maus anklickt. | ||
: [https://gitlab.multimedia.hs-augsburg.de/kowa/WKLib01.git Die aktuelle Version der Bibliothek WKLib] (es kann nicht garantiert werden, dass in allen Vorlesungsbeispielen stets die aktuellste Version dieser Bibliothek enthalten ist) | : [https://gitlab.multimedia.hs-augsburg.de/kowa/WKLib01.git Die aktuelle Version der Bibliothek WKLib] (es kann nicht garantiert werden, dass in allen Vorlesungsbeispielen stets die aktuellste Version dieser Bibliothek enthalten ist) | ||
--> | |||
[[Kategorie:Buch| | ==Quellen== | ||
[[Kategorie: | * {{Quelle|Kowarschick (WebProg)}} | ||
[[Kategorie:Buch|Web-Programmierung]] | |||
[[Kategorie:Web-Programmierung]] | |||
Aktuelle Version vom 1. März 2023, 13:00 Uhr
Multimedia-Programmierung – Skript zur Vorlesung im SoSe 2021
Autor: Wolfgang Kowarschick
- Vorlesung
- Theorie
- UML-Diagramme: Typische Fehler
Quellen
- Kowarschick (WebProg): Wolfgang Kowarschick; Vorlesung „Web-Programmierung“; Hochschule: Hochschule Augsburg; Adresse: Augsburg; Web-Link; 2024; Quellengüte: 3 (Vorlesung)
