HTML-Tutorium: SVG: MiniPong - Versionsgeschichte

Kowa am 1. März 2023 um 13:12 Uhr

2023-03-01T13:12:24Z

← Nächstältere Version		Version vom 1. März 2023, 13:12 Uhr
Zeile 1:		Zeile 1:
	{{HTML-Tutorium:SVG:MiniPong:Menü}}		{{HTML-Tutorium:SVG:MiniPong:Menü}}
	=Ziel=		==Ziel==
	In diesem Tutorium wird beschrieben, wie man in [[HTML]] eine kleine interaktive Multimedia-Anwendungen mit Hilfe		In diesem Tutorium wird beschrieben, wie man in [[HTML]] eine kleine interaktive Multimedia-Anwendungen mit Hilfe
	von [[JavaScript]] sowie [[Raphaël]] erstellt.		von [[JavaScript]] sowie [[Raphaël]] erstellt.
Zeile 12:		Zeile 12:
	verwendet.		verwendet.

	=Voraussetzung=		==Voraussetzung==

	Sie sollten die Inhalte der Tutorien [[HTML-Tutorium: SVG: Hello World]] und [[HTML5-Tutorium: Canvas: MiniPong]] kennen.		Sie sollten die Inhalte der Tutorien [[HTML-Tutorium: SVG: Hello World]] und [[HTML5-Tutorium: Canvas: MiniPong]] kennen.
	Die Use Cases dieses Tutoriums sind dieselben, wie die Use Cases der [[HTML5-Tutorium: Canvas: MiniPong#Use_Cases\|Canvas-Version des Tutoriums]].		Die Use Cases dieses Tutoriums sind dieselben, wie die Use Cases der [[HTML5-Tutorium: Canvas: MiniPong#Use_Cases\|Canvas-Version des Tutoriums]].

	=Tutorium=		==Tutorium==
	# [[HTML-Tutorium: SVG: MiniPong 01\|Teil 1]]: Ball-Animation		# [[HTML-Tutorium: SVG: MiniPong 01\|Teil 1]]: Ball-Animation
	# [[HTML-Tutorium: SVG: MiniPong 02\|Teil 2]]: Bewegung des Schlägers		# [[HTML-Tutorium: SVG: MiniPong 02\|Teil 2]]: Bewegung des Schlägers
	# [[HTML-Tutorium: SVG: MiniPong 03\|Teil 3]]: MiniPong mittels einer „Moloch-Datei“		# [[HTML-Tutorium: SVG: MiniPong 03\|Teil 3]]: MiniPong mittels einer „Moloch-Datei“

	=Quellen=		==Quellen==
	<references/>		<references/>
	<ol start="3">		<ol start="3">

Kowa am 2. April 2017 um 08:18 Uhr

2017-04-02T08:18:09Z

← Nächstältere Version		Version vom 2. April 2017, 08:18 Uhr
Zeile 9:		Zeile 9:
	dass die Ausgabe der Ball-Animation nicht nicht mit Hilfe von [[Pixelgrafik]]en sondern mit Hilfe von [[Vektorgrafik]]en (SVG) erfolgt.		dass die Ausgabe der Ball-Animation nicht nicht mit Hilfe von [[Pixelgrafik]]en sondern mit Hilfe von [[Vektorgrafik]]en (SVG) erfolgt.

	In diesem Tutorium wird wieder die JavaScript-Bibliothek Raphaël<ref>{{Quelle\|Baranovskiy~~, D.: Raphaël~~ (2008+) ~~– JavaScript Library~~}}</ref>		In diesem Tutorium wird wieder die JavaScript-Bibliothek Raphaël<ref>{{Quelle\|Baranovskiy (2008+)}}</ref>
	verwendet.		verwendet.

Kowa: /* Quellen */

2012-10-25T08:19:22Z

Quellen

← Nächstältere Version		Version vom 25. Oktober 2012, 08:19 Uhr
Zeile 26:		Zeile 26:
	<ol start="3">		<ol start="3">
	<li>{{Quelle\|Kowarschick, W.: Multimedia-Programmierung}}</li>		<li>{{Quelle\|Kowarschick, W.: Multimedia-Programmierung}}</li>
	~~<li>[http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/ Musterlösungen]</li>~~
	</ol>		</ol>
	[[Kategorie: HTML-Tutorium: SVG: MiniPong]][[Kategorie: HTML-Beispiel]][[Kategorie:Kapitel:Multimedia-Programmierung:Beispiele]]		[[Kategorie: HTML-Tutorium: SVG: MiniPong]][[Kategorie: HTML-Beispiel]][[Kategorie:Kapitel:Multimedia-Programmierung:Beispiele]]

Kowa: /* Quellen */

2012-10-25T08:19:10Z

Quellen

← Nächstältere Version		Version vom 25. Oktober 2012, 08:19 Uhr
Zeile 24:		Zeile 24:
	=Quellen=		=Quellen=
	<references/>		<references/>
	<ol start="2">		<ol start="3">
	<li>{{Quelle\|Kowarschick, W.: Multimedia-Programmierung}}</li>		<li>{{Quelle\|Kowarschick, W.: Multimedia-Programmierung}}</li>
	<li>[http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/ Musterlösungen]</li>		<li>[http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/ Musterlösungen]</li>
	</ol>		</ol>
	[[Kategorie: HTML-Tutorium: SVG: MiniPong]][[Kategorie: HTML-Beispiel]][[Kategorie:Kapitel:Multimedia-Programmierung:Beispiele]]		[[Kategorie: HTML-Tutorium: SVG: MiniPong]][[Kategorie: HTML-Beispiel]][[Kategorie:Kapitel:Multimedia-Programmierung:Beispiele]]

Kowa: /* Ziel */

2012-10-25T08:18:53Z

Ziel

← Nächstältere Version		Version vom 25. Oktober 2012, 08:18 Uhr
Zeile 5:		Zeile 5:
	Das Tutorium basiert auf einen Minipong-Tutorium von		Das Tutorium basiert auf einen Minipong-Tutorium von
	Herbert Braun<ref>{{Quelle\|Braun, H. (2011): Webanimationen mit Canvas}}</ref>.		Herbert Braun<ref>{{Quelle\|Braun, H. (2011): Webanimationen mit Canvas}}</ref>.

			Das in [[HTML5-Tutorium: Canvas: MiniPong]] erstellte MiniPong-Spiel wird so umgeschrieben,
			dass die Ausgabe der Ball-Animation nicht nicht mit Hilfe von [[Pixelgrafik]]en sondern mit Hilfe von [[Vektorgrafik]]en (SVG) erfolgt.

			In diesem Tutorium wird wieder die JavaScript-Bibliothek Raphaël<ref>{{Quelle\|Baranovskiy, D.: Raphaël (2008+) – JavaScript Library}}</ref>
			verwendet.

	=Voraussetzung=		=Voraussetzung=

Kowa: /* Quellen */

2012-10-25T06:54:56Z

Quellen

← Nächstältere Version		Version vom 25. Oktober 2012, 06:54 Uhr
Zeile 22:		Zeile 22:
	<li>[http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/ Musterlösungen]</li>		<li>[http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/ Musterlösungen]</li>
	</ol>		</ol>
	[[Kategorie: HTML-Tutorium: ~~Canvas~~: MiniPong]][[Kategorie: HTML-Beispiel]][[Kategorie:Kapitel:Multimedia-Programmierung:Beispiele]]		[[Kategorie: HTML-Tutorium: SVG: MiniPong]][[Kategorie: HTML-Beispiel]][[Kategorie:Kapitel:Multimedia-Programmierung:Beispiele]]

Kowa: /* Quellen */

2012-10-25T06:54:17Z

Quellen

← Nächstältere Version		Version vom 25. Oktober 2012, 06:54 Uhr
Zeile 22:		Zeile 22:
	<li>[http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/ Musterlösungen]</li>		<li>[http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/ Musterlösungen]</li>
	</ol>		</ol>
	[[Kategorie: ~~HTML5~~-Tutorium: Canvas: MiniPong]][[Kategorie: ~~HTML5~~-Beispiel]][[Kategorie:Kapitel:Multimedia-Programmierung:Beispiele]]		[[Kategorie: HTML-Tutorium: Canvas: MiniPong]][[Kategorie: HTML-Beispiel]][[Kategorie:Kapitel:Multimedia-Programmierung:Beispiele]]

Kowa: /* Voraussetzung */

2012-10-24T15:31:46Z

Voraussetzung

← Nächstältere Version		Version vom 24. Oktober 2012, 15:31 Uhr
Zeile 6:		Zeile 6:
	Herbert Braun<ref>{{Quelle\|Braun, H. (2011): Webanimationen mit Canvas}}</ref>.		Herbert Braun<ref>{{Quelle\|Braun, H. (2011): Webanimationen mit Canvas}}</ref>.

	==Voraussetzung==		=Voraussetzung=

	Sie sollten die Inhalte der Tutorien [[HTML-Tutorium: SVG: Hello World]] und [[HTML5-Tutorium: Canvas: MiniPong]] kennen.		Sie sollten die Inhalte der Tutorien [[HTML-Tutorium: SVG: Hello World]] und [[HTML5-Tutorium: Canvas: MiniPong]] kennen.

Kowa: /* Voraussetzung */

2012-10-22T15:48:21Z

Voraussetzung

← Nächstältere Version		Version vom 22. Oktober 2012, 15:48 Uhr
Zeile 9:		Zeile 9:

	Sie sollten die Inhalte der Tutorien [[HTML-Tutorium: SVG: Hello World]] und [[HTML5-Tutorium: Canvas: MiniPong]] kennen.		Sie sollten die Inhalte der Tutorien [[HTML-Tutorium: SVG: Hello World]] und [[HTML5-Tutorium: Canvas: MiniPong]] kennen.
	Die Use Cases dieses Tutoriums sind dieselben, wie die Use Cases der Canvas-Version des Tutoriums.		Die Use Cases dieses Tutoriums sind dieselben, wie die Use Cases der [[HTML5-Tutorium: Canvas: MiniPong#Use_Cases\|Canvas-Version des Tutoriums]].

	=Tutorium=		=Tutorium=

Kowa: /* Voraussetzung */

2012-10-22T15:47:35Z

Voraussetzung

← Nächstältere Version		Version vom 22. Oktober 2012, 15:47 Uhr
Zeile 8:		Zeile 8:
	==Voraussetzung==		==Voraussetzung==

	Sie sollten die Inhalte ~~des Tutoriums~~ [[HTML5-Tutorium: Canvas: MiniPong]] kennen.		Sie sollten die Inhalte der Tutorien [[HTML-Tutorium: SVG: Hello World]] und [[HTML5-Tutorium: Canvas: MiniPong]] kennen.
	Die Use Cases dieses Tutoriums sind dieselben, wie die Use Cases der Canvas-Version des Tutoriums.		Die Use Cases dieses Tutoriums sind dieselben, wie die Use Cases der Canvas-Version des Tutoriums.

	=Tutorium=		=Tutorium=