GlossarWiki:Bücher/Multimedia-Programmierung/WiSe2018 - Versionsgeschichte

Kowa am 15. Oktober 2019 um 14:00 Uhr

2019-10-15T14:00:32Z

← Nächstältere Version		Version vom 15. Oktober 2019, 14:00 Uhr
Zeile 26:		Zeile 26:
	:*[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 Builderklasse entfernt. Zum Einsatz kommt das PixiJS-Ereignis [http://pixijs.download/dev/docs/PIXI.DisplayObject.html#event:pointerdown <code>pointerdown</code>], das auch schon in [https://gitlab.multimedia.hs-augsburg.de/kowa/WK_TicTacToe01.git <code>TicTacToe</code>] verwendet wurde.		:*[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 Builderklasse entfernt. Zum Einsatz kommt das PixiJS-Ereignis [http://pixijs.download/dev/docs/PIXI.DisplayObject.html#event:pointerdown <code>pointerdown</code>], das auch schon in [https://gitlab.multimedia.hs-augsburg.de/kowa/WK_TicTacToe01.git <code>TicTacToe</code>] verwendet wurde.
	:*[https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index05.html index05.html]: Dies ist die gleiche Anwendung wie die Anwendung [https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index04.html index04.html]. Es werden allerdings in den Views nicht nur Tux und Owl, sondern auch „Moorhühner“ angezeigt. Das besondere an den Moorhühnern ist, dass sie nicht einzeln, sondern mittels eines so genannten Spritesheets in die Anwendung geladen werden: [[Datei:Hens-70.png\|60px]]. Dies bietet Performanzvorteile beim Laden der Anwendung, wenn viele Bilder zum Einsatz kommen. Das SpriteSheet wurde samt der zugehörigen JSON-Datei, die die Position der einzelnen Bilder im Sheet beschreibt, mittels [https://www.codeandweb.com/texturepacker TexturePacker] erstellt.		:*[https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index05.html index05.html]: Dies ist die gleiche Anwendung wie die Anwendung [https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index04.html index04.html]. Es werden allerdings in den Views nicht nur Tux und Owl, sondern auch „Moorhühner“ angezeigt. Das besondere an den Moorhühnern ist, dass sie nicht einzeln, sondern mittels eines so genannten Spritesheets in die Anwendung geladen werden: [[Datei:Hens-70.png\|60px]]. Dies bietet Performanzvorteile beim Laden der Anwendung, wenn viele Bilder zum Einsatz kommen. Das SpriteSheet wurde samt der zugehörigen JSON-Datei, die die Position der einzelnen Bilder im Sheet beschreibt, mittels [https://www.codeandweb.com/texturepacker TexturePacker] erstellt.
	:*[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. Un 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\|Multimedia-Programmierung]]		[[Kategorie:Buch\|Multimedia-Programmierung]]
	[[Kategorie:Multimedia-Programmierung]]		[[Kategorie:Multimedia-Programmierung]]

Kowa am 15. Oktober 2019 um 13:12 Uhr

2019-10-15T13:12:52Z

← Nächstältere Version		Version vom 15. Oktober 2019, 13:12 Uhr
Zeile 27:		Zeile 27:
	:*[https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index05.html index05.html]: Dies ist die gleiche Anwendung wie die Anwendung [https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index04.html index04.html]. Es werden allerdings in den Views nicht nur Tux und Owl, sondern auch „Moorhühner“ angezeigt. Das besondere an den Moorhühnern ist, dass sie nicht einzeln, sondern mittels eines so genannten Spritesheets in die Anwendung geladen werden: [[Datei:Hens-70.png\|60px]]. Dies bietet Performanzvorteile beim Laden der Anwendung, wenn viele Bilder zum Einsatz kommen. Das SpriteSheet wurde samt der zugehörigen JSON-Datei, die die Position der einzelnen Bilder im Sheet beschreibt, mittels [https://www.codeandweb.com/texturepacker TexturePacker] erstellt.		:*[https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index05.html index05.html]: Dies ist die gleiche Anwendung wie die Anwendung [https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index04.html index04.html]. Es werden allerdings in den Views nicht nur Tux und Owl, sondern auch „Moorhühner“ angezeigt. Das besondere an den Moorhühnern ist, dass sie nicht einzeln, sondern mittels eines so genannten Spritesheets in die Anwendung geladen werden: [[Datei:Hens-70.png\|60px]]. Dies bietet Performanzvorteile beim Laden der Anwendung, wenn viele Bilder zum Einsatz kommen. Das SpriteSheet wurde samt der zugehörigen JSON-Datei, die die Position der einzelnen Bilder im Sheet beschreibt, mittels [https://www.codeandweb.com/texturepacker TexturePacker] erstellt.
	:*[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. Un 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. Un 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 ~~derBibliothek~~ 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\|Multimedia-Programmierung]]		[[Kategorie:Buch\|Multimedia-Programmierung]]
	[[Kategorie:Multimedia-Programmierung]]		[[Kategorie:Multimedia-Programmierung]]

Kowa am 15. Oktober 2019 um 13:11 Uhr

2019-10-15T13:11:21Z

Kowa am 9. Januar 2019 um 10:58 Uhr

2019-01-09T10:58:34Z

← Nächstältere Version		Version vom 9. Januar 2019, 10:58 Uhr
Zeile 14:		Zeile 14:

	;Beispiele		;Beispiele
	~~:*[https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index02.html index02.html]:~~
	: [[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])
			: [https://gitlab.multimedia.hs-augsburg.de:8888/kowa/WK_Pong02.git Version 2 von Pong], Physics mit [http://brm.io/matter-js/ matter-js] ([https://glossar.hs-augsburg.de/beispiel/tutorium/2018/pong/WK_Pong02/web/ index.html])
	: [https://gitlab.multimedia.hs-augsburg.de:8888/kowa/WK_TicTacToe01.git Implementierung von TicTacToe] ([https://glossar.hs-augsburg.de/beispiel/tutorium/2018/tictactoe/WK_TicTacToe01/web/ index.html])		: [https://gitlab.multimedia.hs-augsburg.de:8888/kowa/WK_TicTacToe01.git Implementierung von TicTacToe] ([https://glossar.hs-augsburg.de/beispiel/tutorium/2018/tictactoe/WK_TicTacToe01/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_MovingStage01.git Implementierung einer beweglichen Bühne] ([https://glossar.hs-augsburg.de/beispiel/tutorium/2018/moving_stage/WK_MovingStage01/web/ index.html])

Kowa am 2. Januar 2019 um 11:41 Uhr

2019-01-02T11:41:11Z

← Nächstältere Version		Version vom 2. Januar 2019, 11:41 Uhr
Zeile 25:		Zeile 25:
	:*[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/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 Builderklasse entfernt. Zum Einsatz kommt das PixiJS-Ereignis [http://pixijs.download/dev/docs/PIXI.DisplayObject.html#event: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://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 Builderklasse entfernt. Zum Einsatz kommt das PixiJS-Ereignis [http://pixijs.download/dev/docs/PIXI.DisplayObject.html#event: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://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index05.html index05.html]: Dies ist die gleiche Anwendung wie die Anwendung [https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index04.html index04.html]. Es werden allerdings in den Views nicht nur Tux und Owl, sondern auch „Moorhühner“ angezeigt. Das besondere an den Moorhühnern ist, dass sie nicht einzeln, sondern mittels eines so genannten Spritesheets in die Anwendung geladen werden: [[Datei:Hens-70.png\|60px]]. Dies bietet Performanzvorteile, wenn ~~in einer Anwendung~~ viele Bilder zum Einsatz kommen. Das SpriteSheet wurde samt der zugehörigen JSON-Datei, die die Position der einzelnen Bilder im Sheet beschreibt, mittels [https://www.codeandweb.com/texturepacker TexturePacker] erstellt.		:*[https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index05.html index05.html]: Dies ist die gleiche Anwendung wie die Anwendung [https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index04.html index04.html]. Es werden allerdings in den Views nicht nur Tux und Owl, sondern auch „Moorhühner“ angezeigt. Das besondere an den Moorhühnern ist, dass sie nicht einzeln, sondern mittels eines so genannten Spritesheets in die Anwendung geladen werden: [[Datei:Hens-70.png\|60px]]. Dies bietet Performanzvorteile beim Laden der Anwendung, wenn viele Bilder zum Einsatz kommen. Das SpriteSheet wurde samt der zugehörigen JSON-Datei, die die Position der einzelnen Bilder im Sheet beschreibt, mittels [https://www.codeandweb.com/texturepacker TexturePacker] erstellt.
	:*[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. Un 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. Un 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:8888/kowa/WKLib01.git Die aktuelle Version derBibliothek WKLib] (es kann nicht garantiert werden, dass in allen Vorlesungsbeispielen stets die aktuellste Version dieser Bibliothek 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 Bibliothek enthalten ist)

Kowa am 2. Januar 2019 um 11:40 Uhr

2019-01-02T11:40:00Z

← Nächstältere Version		Version vom 2. Januar 2019, 11:40 Uhr
Zeile 20:		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://gitlab.multimedia.hs-augsburg.de:8888/kowa/WK_Ball04.git WK_Ball04]: 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/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/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]]“).

Kowa am 1. Januar 2019 um 16:25 Uhr

2019-01-01T16:25:16Z

← Nächstältere Version		Version vom 1. Januar 2019, 16:25 Uhr
Zeile 26:		Zeile 26:
	:*[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 Builderklasse entfernt. Zum Einsatz kommt das PixiJS-Ereignis [http://pixijs.download/dev/docs/PIXI.DisplayObject.html#event: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://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 Builderklasse entfernt. Zum Einsatz kommt das PixiJS-Ereignis [http://pixijs.download/dev/docs/PIXI.DisplayObject.html#event: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://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index05.html index05.html]: Dies ist die gleiche Anwendung wie die Anwendung [https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index04.html index04.html]. Es werden allerdings in den Views nicht nur Tux und Owl, sondern auch „Moorhühner“ angezeigt. Das besondere an den Moorhühnern ist, dass sie nicht einzeln, sondern mittels eines so genannten Spritesheets in die Anwendung geladen werden: [[Datei:Hens-70.png\|60px]]. Dies bietet Performanzvorteile, wenn in einer Anwendung viele Bilder zum Einsatz kommen. Das SpriteSheet wurde samt der zugehörigen JSON-Datei, die die Position der einzelnen Bilder im Sheet beschreibt, mittels [https://www.codeandweb.com/texturepacker TexturePacker] erstellt.		:*[https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index05.html index05.html]: Dies ist die gleiche Anwendung wie die Anwendung [https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index04.html index04.html]. Es werden allerdings in den Views nicht nur Tux und Owl, sondern auch „Moorhühner“ angezeigt. Das besondere an den Moorhühnern ist, dass sie nicht einzeln, sondern mittels eines so genannten Spritesheets in die Anwendung geladen werden: [[Datei:Hens-70.png\|60px]]. Dies bietet Performanzvorteile, wenn in einer Anwendung viele Bilder zum Einsatz kommen. Das SpriteSheet wurde samt der zugehörigen JSON-Datei, die die Position der einzelnen Bilder im Sheet beschreibt, mittels [https://www.codeandweb.com/texturepacker TexturePacker] erstellt.
	:*[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/~~index06~~.html ~~index06~~.html]. Es werden allerdings nur noch Moorhühner angezeigt. Un 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. Un 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:8888/kowa/WKLib01.git Die aktuelle Version derBibliothek WKLib] (es kann nicht garantiert werden, dass in allen Vorlesungsbeispielen stets die aktuellste Version dieser Bibliothek 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 Bibliothek enthalten ist)

	[[Kategorie:Buch\|Multimedia-Programmierung]]		[[Kategorie:Buch\|Multimedia-Programmierung]]
	[[Kategorie:Multimedia-Programmierung]]		[[Kategorie:Multimedia-Programmierung]]

Kowa am 1. Januar 2019 um 16:24 Uhr

2019-01-01T16:24:47Z

← Nächstältere Version		Version vom 1. Januar 2019, 16:24 Uhr
Zeile 24:		Zeile 24:
	:*[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/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/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://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 Builderklasse entfernt. Zum Einsatz kommt das PixiJS-Ereignis [http://pixijs.download/dev/docs/PIXI.DisplayObject.html#event: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://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index05.html index05.html]: Dies ist die gleiche Anwendung wie die Anwendung [https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index04.html index04.html]. Es werden allerdings in den Views nicht nur Tux und Owl, sondern auch „Moorhühner“ angezeigt. Das besondere an den Moorhühnern ist, dass sie nicht einzeln, sondern mittels eines so genannten Spritesheets in die Anwendung geladen werden: [[Datei:Hens-70.png\|60px]]. Dies bietet Performanzvorteile, wenn in einer Anwendung viele Bilder zum Einsatz kommen. Das SpriteSheet wurde samt der zugehörigen JSON-Datei, die die Position der einzelnen Bilder im Sheet beschreibt, mittels [https://www.codeandweb.com/texturepacker TexturePacker] erstellt.
			:*[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/index06.html index06.html]. Es werden allerdings nur noch Moorhühner angezeigt. Un 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:8888/kowa/WKLib01.git Die aktuelle Version derBibliothek WKLib] (es kann nicht garantiert werden, dass in allen Vorlesungsbeispielen stets die aktuellste Version dieser Bibliothek enthalten ist)

	[[Kategorie:Buch\|Multimedia-Programmierung]]		[[Kategorie:Buch\|Multimedia-Programmierung]]
	[[Kategorie:Multimedia-Programmierung]]		[[Kategorie:Multimedia-Programmierung]]

Kowa am 1. Januar 2019 um 16:01 Uhr

2019-01-01T16:01:38Z

← Nächstältere Version		Version vom 1. Januar 2019, 16:01 Uhr
Zeile 14:		Zeile 14:

	;Beispiele		;Beispiele
	~~: [https://gitlab.multimedia.hs-augsburg.de:8888/kowa/WK_Ball04.git Erweiterungen] der [[MMProg:_Praktikum:_WiSe_2018/19:_Ball03\|Ball-Aufgabe]]~~		:*[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/~~index01~~.html ~~index~~.html]
	: [[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]]

Kowa am 1. Januar 2019 um 14:26 Uhr

2019-01-01T14:26:55Z

← Nächstältere Version		Version vom 1. Januar 2019, 14:26 Uhr
Zeile 14:		Zeile 14:

	;Beispiele		;Beispiele
	: [https://gitlab.multimedia.hs-augsburg.de:8888/kowa/WK_Ball04.git Erweiterungen] der [[~~https://glossar.hs-augsburg.de/~~MMProg:_Praktikum:_WiSe_2018/19:_Ball03 Ball-Aufgabe]]		: [https://gitlab.multimedia.hs-augsburg.de:8888/kowa/WK_Ball04.git Erweiterungen] der [[MMProg:_Praktikum:_WiSe_2018/19:_Ball03\|Ball-Aufgabe]]
	:*[https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index01.html index.html])		:*[https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index01.html index.html]
	: [[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])

← Nächstältere Version		Version vom 15. Oktober 2019, 13:11 Uhr
Zeile 15:		Zeile 15:
	;Beispiele		;Beispiele
	: [[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/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_Pong02.git Version 2 von Pong], Physics mit [http://brm.io/matter-js/ matter-js] ([https://glossar.hs-augsburg.de/beispiel/tutorium/2018/pong/WK_Pong02/web/ index.html])		: [https://gitlab.multimedia.hs-augsburg.de/kowa/WK_Pong02.git Version 2 von Pong], Physics mit [http://brm.io/matter-js/ matter-js] ([https://glossar.hs-augsburg.de/beispiel/tutorium/2018/pong/WK_Pong02/web/ index.html])
	: [https://gitlab.multimedia.hs-augsburg.de~~:8888~~/kowa/WK_TicTacToe01.git Implementierung von TicTacToe] ([https://glossar.hs-augsburg.de/beispiel/tutorium/2018/tictactoe/WK_TicTacToe01/web/ index.html])		: [https://gitlab.multimedia.hs-augsburg.de/kowa/WK_TicTacToe01.git Implementierung von TicTacToe] ([https://glossar.hs-augsburg.de/beispiel/tutorium/2018/tictactoe/WK_TicTacToe01/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/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/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 WK_Ball04]: Erweiterungen der [[MMProg:_Praktikum:_WiSe_2018/19\|Ball-Aufgabe]]		: [https://gitlab.multimedia.hs-augsburg.de/kowa/WK_Ball04.git WK_Ball04]: 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/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/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/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/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 Builderklasse entfernt. Zum Einsatz kommt das PixiJS-Ereignis [http://pixijs.download/dev/docs/PIXI.DisplayObject.html#event: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://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 Builderklasse entfernt. Zum Einsatz kommt das PixiJS-Ereignis [http://pixijs.download/dev/docs/PIXI.DisplayObject.html#event:pointerdown <code>pointerdown</code>], das auch schon in [https://gitlab.multimedia.hs-augsburg.de/kowa/WK_TicTacToe01.git <code>TicTacToe</code>] verwendet wurde.
	:*[https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index05.html index05.html]: Dies ist die gleiche Anwendung wie die Anwendung [https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index04.html index04.html]. Es werden allerdings in den Views nicht nur Tux und Owl, sondern auch „Moorhühner“ angezeigt. Das besondere an den Moorhühnern ist, dass sie nicht einzeln, sondern mittels eines so genannten Spritesheets in die Anwendung geladen werden: [[Datei:Hens-70.png\|60px]]. Dies bietet Performanzvorteile beim Laden der Anwendung, wenn viele Bilder zum Einsatz kommen. Das SpriteSheet wurde samt der zugehörigen JSON-Datei, die die Position der einzelnen Bilder im Sheet beschreibt, mittels [https://www.codeandweb.com/texturepacker TexturePacker] erstellt.		:*[https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index05.html index05.html]: Dies ist die gleiche Anwendung wie die Anwendung [https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball04/web/index04.html index04.html]. Es werden allerdings in den Views nicht nur Tux und Owl, sondern auch „Moorhühner“ angezeigt. Das besondere an den Moorhühnern ist, dass sie nicht einzeln, sondern mittels eines so genannten Spritesheets in die Anwendung geladen werden: [[Datei:Hens-70.png\|60px]]. Dies bietet Performanzvorteile beim Laden der Anwendung, wenn viele Bilder zum Einsatz kommen. Das SpriteSheet wurde samt der zugehörigen JSON-Datei, die die Position der einzelnen Bilder im Sheet beschreibt, mittels [https://www.codeandweb.com/texturepacker TexturePacker] erstellt.
	:*[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. Un 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. Un 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~~:8888~~/kowa/WKLib01.git Die aktuelle Version derBibliothek 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 derBibliothek WKLib] (es kann nicht garantiert werden, dass in allen Vorlesungsbeispielen stets die aktuellste Version dieser Bibliothek enthalten ist)

	[[Kategorie:Buch\|Multimedia-Programmierung]]		[[Kategorie:Buch\|Multimedia-Programmierung]]
	[[Kategorie:Multimedia-Programmierung]]		[[Kategorie:Multimedia-Programmierung]]