HTML-Tutorium: SVG: MiniPong 02 - Versionsgeschichte

Kowa: /* Ziel: Interaktion mit dem Schläger */

2023-03-01T13:13:57Z

Ziel: Interaktion mit dem Schläger

← 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 01]] und [[HTML5-Tutorium: Canvas: MiniPong 02]] kennen.		Sie sollten die Inhalte der Tutorien [[HTML-Tutorium: SVG: MiniPong 01]] und [[HTML5-Tutorium: Canvas: MiniPong 02]] kennen.

	=Ziel: Interaktion mit dem Schläger=		==Ziel: Interaktion mit dem Schläger==
	Im zweiten Teil des Tutoriums wird die Interaktion mit dem Schläger implementiert.		Im zweiten Teil des Tutoriums wird die Interaktion mit dem Schläger implementiert.
	Wie im [[HTML-Tutorium: SVG: MiniPong 01\|Teil 1 des Tutoriums]] wird die [[HTML5-Tutorium: Canvas: MiniPong 02\|Canvas-Version]] in eine SVG-Version umgeschrieben.		Wie im [[HTML-Tutorium: SVG: MiniPong 01\|Teil 1 des Tutoriums]] wird die [[HTML5-Tutorium: Canvas: MiniPong 02\|Canvas-Version]] in eine SVG-Version umgeschrieben.

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

2023-03-01T13:10:03Z

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

	=Voraussetzung=		==Voraussetzung==

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

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

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

	Legen Sie ein neues „Statisches Web-Projekt“ mit dem Namen <code>MiniPongSVG02</code> an.		Legen Sie ein neues „Statisches Web-Projekt“ mit dem Namen <code>MiniPongSVG02</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
Zeile 50:		Zeile 50:
	</source>		</source>

	==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">
Zeile 64:		Zeile 64:
	[[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=		==Fortsetzung des Tutoriums==

	Sie sollten nun [[HTML-Tutorium: SVG: MiniPong 03\|Teil 3 des Tutoriums]] bearbeiten.		Sie sollten nun [[HTML-Tutorium: SVG: MiniPong 03\|Teil 3 des Tutoriums]] bearbeiten.

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

2014-03-05T16:54:08Z

← Nächstältere Version		Version vom 5. März 2014, 16:54 Uhr
Zeile 10:		Zeile 10:
	Im zweiten Teil des Tutoriums wird die Interaktion mit dem Schläger implementiert.		Im zweiten Teil des Tutoriums wird die Interaktion mit dem Schläger implementiert.
	Wie im [[HTML-Tutorium: SVG: MiniPong 01\|Teil 1 des Tutoriums]] wird die [[HTML5-Tutorium: Canvas: MiniPong 02\|Canvas-Version]] in eine SVG-Version umgeschrieben.		Wie im [[HTML-Tutorium: SVG: MiniPong 01\|Teil 1 des Tutoriums]] wird die [[HTML5-Tutorium: Canvas: MiniPong 02\|Canvas-Version]] in eine SVG-Version umgeschrieben.
	[[~~Medium~~:MiniPong02SVG.png\|miniatur\|links\|476px\|Das Objektmodell der '''Raphaël-Version''' von MiniPong 02]]<div class="tleft" style="clear:none">[[~~Medium~~:MiniPong02Canvas.png\|miniatur\|ohne\|474px\|Das Objektmodell der '''Canvas-Version''' von MiniPong 02]]</div><div style="clear:both"></div>		[[Datei:MiniPong02SVG.png\|miniatur\|links\|476px\|Das Objektmodell der '''Raphaël-Version''' von MiniPong 02]]<div class="tleft" style="clear:none">[[Datei:MiniPong02Canvas.png\|miniatur\|ohne\|474px\|Das Objektmodell der '''Canvas-Version''' von MiniPong 02]]</div><div style="clear:both"></div>

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

Kowa: /* Dateien erstellen */

2012-11-07T15:55:12Z

Dateien erstellen

← Nächstältere Version		Version vom 7. November 2012, 15:55 Uhr
Zeile 32:		Zeile 32:
	init:		init:
	function(p_canvas)		function(p_canvas)
	{ this.~~svg~~		{ this.v_svg
	= p_canvas		= p_canvas
	.rect(this.x, this.y, this.width, this.height)		.rect(this.x, this.y, this.width, this.height)
Zeile 46:		Zeile 46:
	draw:		draw:
	function()		function()
	{ this.~~svg~~.attr({x: this.x, y: this.y});		{ this.v_svg.attr({x: this.x, y: this.y});
	}		}
	</source>		</source>

Kowa: /* Dateien erstellen */

2012-11-05T16:41:04Z

Dateien erstellen

← Nächstältere Version		Version vom 5. November 2012, 16:41 Uhr
Zeile 28:		Zeile 28:

	<source lang="javascript">		<source lang="javascript">
	// Initializes the paddle~~; it is~~ called when the canvas has been created.		// Initializes the paddle.
			// It has to be called when the canvas has been created.
	init:		init:
	function(p_canvas)		function(p_canvas)

Kowa: /* Dateien erstellen */

2012-11-05T16:38:18Z

Dateien erstellen

← Nächstältere Version		Version vom 5. November 2012, 16:38 Uhr
Zeile 28:		Zeile 28:

	<source lang="javascript">		<source lang="javascript">
	// Initializes the paddle; it is called, when the canvas has been created.		// Initializes the paddle; it is called when the canvas has been created.
	init:		init:
	function(p_canvas)		function(p_canvas)

Kowa am 5. November 2012 um 16:36 Uhr

2012-11-05T16:36:47Z

← Nächstältere Version		Version vom 5. November 2012, 16:36 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 2]</code>		'''Musterlösung''': <code>[http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/html_svg_minipong_02/WebContent/index.html Minipong 2]</code>
	([http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/~~html/svg_minipong_02~~ SVN-Repository])		([http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/html_svg_minipong_02 SVN-Repository])

	=Voraussetzung=		=Voraussetzung=

Kowa am 5. November 2012 um 16:36 Uhr

2012-11-05T16:36:10Z

← Nächstältere Version		Version vom 5. November 2012, 16:36 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 2]</code>		'''Musterlösung''': <code>[http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/html_svg_minipong_02/WebContent/index.html Minipong 2]</code>
	([http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/~~htmlsvg_minipong_02~~ SVN-Repository])		([http://glossar.hs-augsburg.de/beispiel/tutorium/html_svg/minipong/html/svg_minipong_02 SVN-Repository])

	=Voraussetzung=		=Voraussetzung=

Kowa: /* Dateien erstellen */

2012-11-05T16:35:08Z

Dateien erstellen

← Nächstältere Version		Version vom 5. November 2012, 16:35 Uhr
Zeile 45:		Zeile 45:
	draw:		draw:
	function()		function()
	{ this.~~view~~.attr({x: this.x, y: this.y});		{ this.svg.attr({x: this.x, y: this.y});
	}		}
	</source>		</source>

Kowa: /* Neues Projekt anlegen */

2012-11-05T13:52:18Z

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>MiniPongSVG02</code> an.		Legen Sie ein neues „Statisches Web-Projekt“ mit dem Namen <code>MiniPongSVG02</code> an.

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