HTML-Tutorium: SVG: MiniPong 03 - Versionsgeschichte

Kowa: /* Ziel: Implementierung von MiniPong mit Schläger, Ball und Punktanzeige */

2023-03-01T13:13:35Z

Ziel: Implementierung von MiniPong mit Schläger, Ball und Punktanzeige

← Nächstältere Version		Version vom 1. März 2023, 13:13 Uhr
Zeile 7:		Zeile 7:
	Sie sollten die Inhalte der Tutorien [[HTML-Tutorium: SVG: MiniPong 02]] und [[HTML5-Tutorium: Canvas: MiniPong 03]] kennen.		Sie sollten die Inhalte der Tutorien [[HTML-Tutorium: SVG: MiniPong 02]] und [[HTML5-Tutorium: Canvas: MiniPong 03]] kennen.

	=Ziel: Implementierung von MiniPong mit Schläger, Ball und Punktanzeige=		==Ziel: Implementierung von MiniPong mit Schläger, Ball und Punktanzeige==
	Im dritten Teil des Tutoriums wird das Spiel „MiniPpong“ realisiert, indem „Ball“ und „Schläger“ zusamengeführt werden.		Im dritten Teil des Tutoriums wird das Spiel „MiniPpong“ realisiert, indem „Ball“ und „Schläger“ zusamengeführt werden.
	Wie in den ersten beiden Teilen des Tutoriums wird die [[HTML5-Tutorium: Canvas: MiniPong 03\|Canvas-Version]] in eine SVG-Version umgeschrieben.		Wie in den ersten beiden Teilen des Tutoriums wird die [[HTML5-Tutorium: Canvas: MiniPong 03\|Canvas-Version]] in eine SVG-Version umgeschrieben.

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

2023-03-01T13:13:10Z

← Nächstältere Version		Version vom 1. März 2023, 13:13 Uhr
Zeile 3:		Zeile 3:
	([http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/html_svg_minipong_03 SVN-Repository])		([http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/html_svg_minipong_03 SVN-Repository])

	=Voraussetzung=		==Voraussetzung==

	Sie sollten die Inhalte der Tutorien [[HTML-Tutorium: SVG: MiniPong 02]] und [[HTML5-Tutorium: Canvas: MiniPong 03]] kennen.		Sie sollten die Inhalte der Tutorien [[HTML-Tutorium: SVG: MiniPong 02]] und [[HTML5-Tutorium: Canvas: MiniPong 03]] kennen.
Zeile 12:		Zeile 12:
	[[Datei:MiniPong03SVG.png\|miniatur\|links\|575px\|Das Objektmodell der '''Raphaël-Version''' von MiniPong 03]]<div class="tleft" style="clear:none">[[Datei:MiniPong03Canvas.png\|miniatur\|ohne\|582px\|Das Objektmodell der '''Canvas-Version''' von MiniPong 03]]</div><div style="clear:both"></div>		[[Datei:MiniPong03SVG.png\|miniatur\|links\|575px\|Das Objektmodell der '''Raphaël-Version''' von MiniPong 03]]<div class="tleft" style="clear:none">[[Datei:MiniPong03Canvas.png\|miniatur\|ohne\|582px\|Das Objektmodell der '''Canvas-Version''' von MiniPong 03]]</div><div style="clear:both"></div>

	=Anwendung „<code>MiniPongSVG03</code>“=		==Anwendung „<code>MiniPongSVG03</code>“==

	==Neues Projekt anlegen==		===Neues Projekt anlegen===

	Legen Sie ein neues „Statisches Web-Projekt“ mit dem Namen <code>MiniPongSVG03</code> an.		Legen Sie ein neues „Statisches Web-Projekt“ mit dem Namen <code>MiniPongSVG03</code> an.
Zeile 20:		Zeile 20:
	Speichern Sie dieses Projekt wie üblich in Ihrem Repository.		Speichern Sie dieses Projekt wie üblich in Ihrem Repository.

	==Dateien erstellen==		===Dateien erstellen===

	Der Umbau der Canvas-Version in eine Raphaël-Version läuft genauso ab wie in		Der Umbau der Canvas-Version in eine Raphaël-Version läuft genauso ab wie in
	[[HTML-Tutorium: SVG: MiniPong 01\|Teil 1]] und [[HTML-Tutorium: SVG: MiniPong 02\|Teil 2 des Tutoriums]].		[[HTML-Tutorium: SVG: MiniPong 01\|Teil 1]] und [[HTML-Tutorium: SVG: MiniPong 02\|Teil 2 des Tutoriums]].

	=Validierung=		==Validierung==

	Sie sollten sich auch wieder versichern, dass Sie validen HTML-Code erstellt haben.		Sie sollten sich auch wieder versichern, dass Sie validen HTML-Code erstellt haben.
Zeile 39:		Zeile 39:
	* [http://validator.w3.org/check?uri=http%3A%2F%2Fglossar.hs-augsburg.de%2Fbeispiel%2Ftutorium%2Fhtml5_canvas%2Fminipong%2Fhtml5_canvas_minipong_03%2FWebContent%2Findex.html&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3 Validierung des MiniPong-Canvas-Beispiels, Teil 3]		* [http://validator.w3.org/check?uri=http%3A%2F%2Fglossar.hs-augsburg.de%2Fbeispiel%2Ftutorium%2Fhtml5_canvas%2Fminipong%2Fhtml5_canvas_minipong_03%2FWebContent%2Findex.html&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3 Validierung des MiniPong-Canvas-Beispiels, Teil 3]

	==Anwendung testen und sichern==		===Anwendung testen und sichern===
	Testen Sie Ihre Anwendung in gewohnter Weise.		Testen Sie Ihre Anwendung in gewohnter Weise.

	Vergessen Sie nicht, sie im SVN-Repository zu sichern.		Vergessen Sie nicht, sie im SVN-Repository zu sichern.

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

Kowa am 5. März 2014 um 16:54 Uhr

2014-03-05T16:54:39Z

← Nächstältere Version		Version vom 5. März 2014, 16:54 Uhr
Zeile 10:		Zeile 10:
	Im dritten Teil des Tutoriums wird das Spiel „MiniPpong“ realisiert, indem „Ball“ und „Schläger“ zusamengeführt werden.		Im dritten Teil des Tutoriums wird das Spiel „MiniPpong“ realisiert, indem „Ball“ und „Schläger“ zusamengeführt werden.
	Wie in den ersten beiden Teilen des Tutoriums wird die [[HTML5-Tutorium: Canvas: MiniPong 03\|Canvas-Version]] in eine SVG-Version umgeschrieben.		Wie in den ersten beiden Teilen des Tutoriums wird die [[HTML5-Tutorium: Canvas: MiniPong 03\|Canvas-Version]] in eine SVG-Version umgeschrieben.
	[[~~Medium~~:MiniPong03SVG.png\|miniatur\|links\|575px\|Das Objektmodell der '''Raphaël-Version''' von MiniPong 03]]<div class="tleft" style="clear:none">[[~~Medium~~:MiniPong03Canvas.png\|miniatur\|ohne\|582px\|Das Objektmodell der '''Canvas-Version''' von MiniPong 03]]</div><div style="clear:both"></div>		[[Datei:MiniPong03SVG.png\|miniatur\|links\|575px\|Das Objektmodell der '''Raphaël-Version''' von MiniPong 03]]<div class="tleft" style="clear:none">[[Datei:MiniPong03Canvas.png\|miniatur\|ohne\|582px\|Das Objektmodell der '''Canvas-Version''' von MiniPong 03]]</div><div style="clear:both"></div>

	=Anwendung „<code>MiniPongSVG03</code>“=		=Anwendung „<code>MiniPongSVG03</code>“=

Kowa: /* Neues Projekt anlegen */

2012-11-05T13:52:37Z

Neues Projekt anlegen

← Nächstältere Version		Version vom 5. November 2012, 13:52 Uhr
Zeile 16:		Zeile 16:
	==Neues Projekt anlegen==		==Neues Projekt anlegen==

	Legen Sie ein neues ~~Statisches~~ Web-~~Projekt~~ mit dem Namen <code>MiniPongSVG03</code> an.		Legen Sie ein neues „Statisches Web-Projekt“ mit dem Namen <code>MiniPongSVG03</code> an.

	Speichern Sie dieses Projekt wie üblich in Ihrem Repository.		Speichern Sie dieses Projekt wie üblich in Ihrem Repository.

Kowa am 27. Oktober 2012 um 15:39 Uhr

2012-10-27T15:39:59Z

← Nächstältere Version		Version vom 27. Oktober 2012, 15:39 Uhr
Zeile 1:		Zeile 1:
	{{HTML-Tutorium:SVG:MiniPong:Menü}}		{{HTML-Tutorium:SVG:MiniPong:Menü}}
	'''Musterlösung''': <code>[http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/html_svg_minipong_03/WebContent/index.html Minipong 3]</code>		'''Musterlösung''': <code>[http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/html_svg_minipong_03/WebContent/index.html Minipong 3]</code>
	([http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/~~htmlsvg_minipong_03~~ SVN-Repository])		([http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/html_svg_minipong_03 SVN-Repository])

	=Voraussetzung=		=Voraussetzung=

Kowa: /* Anwendung testen und sichern */

2012-10-25T08:53:32Z

Anwendung testen und sichern

@@ Zeile 24: / Zeile 24: @@
 Der Umbau der Canvas-Version in eine Raphaël-Version läuft genauso ab wie in
 [[HTML-Tutorium: SVG: MiniPong 01|Teil 1]] und [[HTML-Tutorium: SVG: MiniPong 02|Teil 2 des Tutoriums]].
 ==Anwendung testen und sichern==

Kowa: /* Fortsetzung des Tutoriums */

2012-10-25T08:30:49Z

Fortsetzung des Tutoriums

← Nächstältere Version		Version vom 25. Oktober 2012, 08:30 Uhr
Zeile 38:		Zeile 38:

	[[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]]

	~~=Fortsetzung des Tutoriums=~~

	~~Sie sollten nun [[HTML-Tutorium: SVG: MiniPong 04\|Teil 4 des Tutoriums]] bearbeiten.~~

Kowa am 25. Oktober 2012 um 08:28 Uhr

2012-10-25T08:28:52Z

← Nächstältere Version		Version vom 25. Oktober 2012, 08:28 Uhr
Zeile 1:		Zeile 1:
	{{HTML-Tutorium:SVG:MiniPong:Menü}}		{{HTML-Tutorium:SVG:MiniPong:Menü}}
	'''Musterlösung''': <code>[http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/~~html_svg_minipong_02~~/WebContent/index.html Minipong 3]</code>		'''Musterlösung''': <code>[http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/html_svg_minipong_03/WebContent/index.html Minipong 3]</code>
	([http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/htmlsvg_minipong_03 SVN-Repository])		([http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/htmlsvg_minipong_03 SVN-Repository])

Kowa: /* Ziel: : Implementierung von MiniPong mit Schläger, Ball und Punktanzeige */

2012-10-25T08:27:01Z

Ziel: : Implementierung von MiniPong mit Schläger, Ball und Punktanzeige

← Nächstältere Version		Version vom 25. Oktober 2012, 08:27 Uhr
Zeile 7:		Zeile 7:
	Sie sollten die Inhalte der Tutorien [[HTML-Tutorium: SVG: MiniPong 02]] und [[HTML5-Tutorium: Canvas: MiniPong 03]] kennen.		Sie sollten die Inhalte der Tutorien [[HTML-Tutorium: SVG: MiniPong 02]] und [[HTML5-Tutorium: Canvas: MiniPong 03]] kennen.

	=Ziel: : Implementierung von MiniPong mit Schläger, Ball und Punktanzeige=		=Ziel: Implementierung von MiniPong mit Schläger, Ball und Punktanzeige=
	Im dritten Teil des Tutoriums wird das Spiel „MiniPpong“ realisiert, indem „Ball“ und „Schläger“ zusamengeführt werden.		Im dritten Teil des Tutoriums wird das Spiel „MiniPpong“ realisiert, indem „Ball“ und „Schläger“ zusamengeführt werden.
	Wie in den ersten beiden Teilen des Tutoriums wird die [[HTML5-Tutorium: Canvas: MiniPong 03\|Canvas-Version]] in eine SVG-Version umgeschrieben.		Wie in den ersten beiden Teilen des Tutoriums wird die [[HTML5-Tutorium: Canvas: MiniPong 03\|Canvas-Version]] in eine SVG-Version umgeschrieben.

Kowa: Die Seite wurde neu angelegt: „{{HTML-Tutorium:SVG:MiniPong:Menü}} '''Musterlösung''': `[http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/html_svg_minipong_02/WebCont…“`


2012-10-25T08:26:37Z
Die Seite wurde neu angelegt: „{{HTML-Tutorium:SVG:MiniPong:Menü}} '''Musterlösung''': <code>[http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/html_svg_minipong_02/WebCont…“
Neue Seite
{{HTML-Tutorium:SVG:MiniPong:Menü}}

'''Musterlösung''': <code>[http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/html_svg_minipong_02/WebContent/index.html Minipong 3]</code>

([http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/htmlsvg_minipong_03 SVN-Repository])



=Voraussetzung=



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



=Ziel: : Implementierung von MiniPong mit Schläger, Ball und Punktanzeige=

Im dritten Teil des Tutoriums wird das Spiel „MiniPpong“ realisiert, indem „Ball“ und  „Schläger“ zusamengeführt werden.

Wie in den ersten beiden Teilen des Tutoriums wird die [[HTML5-Tutorium: Canvas: MiniPong 03|Canvas-Version]] in eine SVG-Version umgeschrieben. 

[[Medium:MiniPong03SVG.png|miniatur|links|575px|Das Objektmodell der '''Raphaël-Version''' von MiniPong 03]]<div class="tleft" style="clear:none">[[Medium:MiniPong03Canvas.png|miniatur|ohne|582px|Das Objektmodell der '''Canvas-Version''' von MiniPong 03]]</div><div style="clear:both"></div>



=Anwendung „<code>MiniPongSVG03</code>“=



==Neues Projekt anlegen==



Legen Sie ein neues Statisches Web-Projekt mit dem Namen <code>MiniPongSVG03</code> an.



Speichern Sie dieses Projekt wie üblich in Ihrem Repository.



==Dateien erstellen==



Der Umbau der Canvas-Version in eine Raphaël-Version läuft genauso ab wie in

[[HTML-Tutorium: SVG: MiniPong 01|Teil 1]] und [[HTML-Tutorium: SVG: MiniPong 02|Teil 2 des Tutoriums]].



==Anwendung testen und sichern==

Testen Sie Ihre Anwendung in gewohnter Weise.



Vergessen Sie nicht, sie im SVN-Repository zu sichern.



=Quellen=

<references/>

<ol start="2">

<li> {{Quelle|Braun, H. (2011): Webanimationen mit Canvas}}</li>

<li> {{Quelle|Kowarschick, W.: Multimedia-Programmierung}}</li>

</ol>



[[Kategorie: HTML-Tutorium: SVG: MiniPong]][[Kategorie: HTML-Beispiel]][[Kategorie:Kapitel:Multimedia-Programmierung:Beispiele]]



=Fortsetzung des Tutoriums=



Sie sollten nun [[HTML-Tutorium: SVG: MiniPong 04|Teil 4 des Tutoriums]] bearbeiten.