MMProg: Praktikum: WiSe 2018/19: Ball01 - Versionsgeschichte

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

2023-03-01T13:44:37Z

← Nächstältere Version		Version vom 1. März 2023, 13:44 Uhr
Zeile 8:		Zeile 8:
	* [https://gitlab.multimedia.hs-augsburg.de/kowa/WK_GameLoop02.git WK_GameLoop02]		* [https://gitlab.multimedia.hs-augsburg.de/kowa/WK_GameLoop02.git WK_GameLoop02]

	Machen Sie sich mit den Projekten vertraut. Die Web-Anwendung <code>src/js/app</code> des zweiten ~~Projektes~~ dient als Ausgangsbasis für diese Praktikumsaufgabe.		Machen Sie sich mit den Projekten vertraut. Die Web-Anwendung <code>src/js/app</code> des zweiten Projekts dient als Ausgangsbasis für diese Praktikumsaufgabe.

	Im ersten Beispiel finden Sie diverse Game-Loop-Varianten. Schrittweise werden potentielle		Im ersten Beispiel finden Sie diverse Game-Loop-Varianten. Schrittweise werden potentielle
Zeile 15:		Zeile 15:

	Im zweiten Beispiel wurde eine Game-Loop-Klasse realisiert, die sie für dieses Praktikum		Im zweiten Beispiel wurde eine Game-Loop-Klasse realisiert, die sie für dieses Praktikum
	nutzen können und sollten. Diese Klasse basiert auf den Ergebnissen des ersten ~~Projektes~~,		nutzen können und sollten. Diese Klasse basiert auf den Ergebnissen des ersten Projekts,
	stellt aber – im Gegensatz zu einigen Web-Anwendungen des ersten Projekt – bislang keine Informationen		stellt aber – im Gegensatz zu einigen Web-Anwendungen des ersten Projekt – bislang keine Informationen
	über die aktuelle Frame-Rate bereit. Dies ist aber für diese Praktikumsaufgabe nicht von Interesse.		über die aktuelle Frame-Rate bereit. Dies ist aber für diese Praktikumsaufgabe nicht von Interesse.

Kowa am 15. Oktober 2019 um 13:08 Uhr

2019-10-15T13:08:38Z

← Nächstältere Version		Version vom 15. Oktober 2019, 13:08 Uhr
Zeile 19:		Zeile 19:
	über die aktuelle Frame-Rate bereit. Dies ist aber für diese Praktikumsaufgabe nicht von Interesse.		über die aktuelle Frame-Rate bereit. Dies ist aber für diese Praktikumsaufgabe nicht von Interesse.

	Importieren Sie das leere Git-Projekt [https://gitlab.multimedia.hs-augsburg.de~~:8888~~/kowa/Ball01.git Ball01] in WebStorm.		Importieren Sie das leere Git-Projekt [https://gitlab.multimedia.hs-augsburg.de/kowa/Ball01.git Ball01] in WebStorm.
	Laden Sie annschließend mittels <code>npm i</code> alle benötigten Node.js-Module in das Projekt.		Laden Sie annschließend mittels <code>npm i</code> alle benötigten Node.js-Module in das Projekt.

Zeile 27:		Zeile 27:
	<source lang="javascript">		<source lang="javascript">
	git remote remove origin		git remote remove origin
	git remote add origin https://gitlab.multimedia.hs-augsburg.de~~:8888~~/BENUTZER/Ball01.git		git remote add origin https://gitlab.multimedia.hs-augsburg.de/BENUTZER/Ball01.git
	</source>		</source>

Kowa am 15. Oktober 2019 um 13:07 Uhr

2019-10-15T13:07:51Z

← Nächstältere Version		Version vom 15. Oktober 2019, 13:07 Uhr
Zeile 1:		Zeile 1:
	{{MMProg:Praktikum:WiSe 2018/19:Menü}}		{{MMProg:Praktikum:WiSe 2018/19:Menü}}

	'''Musterlösung''': [https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball01/web/ Web-Auftritt] ([https://gitlab.multimedia.hs-augsburg.de~~:8888~~/kowa/WK_Ball01.git Git-Repository])		'''Musterlösung''': [https://glossar.hs-augsburg.de/beispiel/tutorium/2018/ball/WK_Ball01/web/ Web-Auftritt] ([https://gitlab.multimedia.hs-augsburg.de/kowa/WK_Ball01.git Git-Repository])
	==Vorbereitung==		==Vorbereitung==

	Im Git-Repository finden Sie zwei WebStorm-Projekte zum Thema GameLoop:		Im Git-Repository finden Sie zwei WebStorm-Projekte zum Thema GameLoop:
	* [https://gitlab.multimedia.hs-augsburg.de~~:8888~~/kowa/WK_GameLoop01.git WK_GameLoop01]		* [https://gitlab.multimedia.hs-augsburg.de/kowa/WK_GameLoop01.git WK_GameLoop01]
	* [https://gitlab.multimedia.hs-augsburg.de~~:8888~~/kowa/WK_GameLoop02.git WK_GameLoop02]		* [https://gitlab.multimedia.hs-augsburg.de/kowa/WK_GameLoop02.git WK_GameLoop02]

	Machen Sie sich mit den Projekten vertraut. Die Web-Anwendung <code>src/js/app</code> des zweiten Projektes dient als Ausgangsbasis für diese Praktikumsaufgabe.		Machen Sie sich mit den Projekten vertraut. Die Web-Anwendung <code>src/js/app</code> des zweiten Projektes dient als Ausgangsbasis für diese Praktikumsaufgabe.

Kowa: /* Vorbereitung */

2018-11-28T18:37:26Z

Vorbereitung

← Nächstältere Version		Version vom 28. November 2018, 18:37 Uhr
Zeile 23:		Zeile 23:

	Sie können Ihr Projekt zur Übung auch in Ihrem Git-Repository speichern. Das ist aber nicht so wichtig.		Sie können Ihr Projekt zur Übung auch in Ihrem Git-Repository speichern. Das ist aber nicht so wichtig.
	Falls Sie da machen möchten, müssen Sie es zuvor von meinem (schreibgeschützten) Repository lösen:		Falls Sie dies machen möchten, müssen Sie es zuvor von meinem (schreibgeschützten) Repository lösen:

	<source lang="javascript">		<source lang="javascript">

Kowa: /* Aufgabe 3 */

2018-11-21T15:36:04Z

Aufgabe 3

← Nächstältere Version		Version vom 21. November 2018, 15:36 Uhr
Zeile 87:		Zeile 87:
	===Aufgabe 3===		===Aufgabe 3===

	Lassen Sie der Ball von der Mitte des ~~Browserfesnters~~ aus schräg über den Bildschirm fliegen. In x-Richtung soll er doppelt so schnell sein (200 Pixel/s)		Lassen Sie der Ball von der Mitte des Browserfensters aus schräg über den Bildschirm fliegen. In x-Richtung soll er doppelt so schnell sein (200 Pixel/s)
	wie in y-Richtung (100 Pixel/s).		wie in y-Richtung (100 Pixel/s).

Kowa: /* Aufgabe 3 */

2018-11-21T15:35:27Z

Aufgabe 3

← Nächstältere Version		Version vom 21. November 2018, 15:35 Uhr
Zeile 87:		Zeile 87:
	===Aufgabe 3===		===Aufgabe 3===

	Lassen Sie der Ball von der ~~Browsermitte~~ aus schräg über den Bildschirm fliegen. In x-Richtung soll er doppelt so schnell sein (200 Pixel/s)		Lassen Sie der Ball von der Mitte des Browserfesnters aus schräg über den Bildschirm fliegen. In x-Richtung soll er doppelt so schnell sein (200 Pixel/s)
	wie in y-Richtung (100 Pixel/s).		wie in y-Richtung (100 Pixel/s).

Franzih: /* Aufgabe 1 */

2018-11-21T11:59:44Z

Aufgabe 1

← Nächstältere Version		Version vom 21. November 2018, 11:59 Uhr
Zeile 56:		Zeile 56:

	Berücksichtigen Sie, dass der Ball 150 Pixel breit ist, {{dh}} einen Radius von 75 Pixel hat,		Berücksichtigen Sie, dass der Ball 150 Pixel breit ist, {{dh}} einen Radius von 75 Pixel hat,
	und ~~das~~ der Ankerpunkt im linken oberen Eck des zugehörigen Bildes liegt.		und dass der Ankerpunkt im linken oberen Eck des zugehörigen Bildes liegt.
	Sie müssen im Ball-Objekt auch die Radius des Balls speichern und diesen Wert bei der Kollissionserkennung		Sie müssen im Ball-Objekt auch die Radius des Balls speichern und diesen Wert bei der Kollissionserkennung
	und -behandlung berücksichtigen. Übrigens, wenn Sie <code>v_ball_view</code> wie in <code>ball.js</code>		und -behandlung berücksichtigen. Übrigens, wenn Sie <code>v_ball_view</code> wie in <code>ball.js</code>

Franzih: /* Aufgabe 2 */

2018-11-21T11:26:40Z

Aufgabe 2

← Nächstältere Version		Version vom 21. November 2018, 11:26 Uhr
Zeile 75:		Zeile 75:
	===Aufgabe 2===		===Aufgabe 2===

	Lassen Sie ~~der~~ Ball nicht waagerecht, sondern in der horizontalen Mitte des Browserfensters senkrecht von Fensterrand zu Fensterrand fliegen.		Lassen Sie den Ball nicht waagerecht, sondern in der horizontalen Mitte des Browserfensters senkrecht von Fensterrand zu Fensterrand fliegen.

	Um die Aufgabe zu lösen, müssen Sie für der Ball zusätzlich eine y-Position und eine y-Geschwindigkeit definieren. Die Berechnung der aktuellen y-Position funktioniert		Um die Aufgabe zu lösen, müssen Sie für der Ball zusätzlich eine y-Position und eine y-Geschwindigkeit definieren. Die Berechnung der aktuellen y-Position funktioniert

Franzih: /* Aufgabe 1 */

2018-11-21T11:26:21Z

Aufgabe 1

← Nächstältere Version		Version vom 21. November 2018, 11:26 Uhr
Zeile 51:		Zeile 51:
	Ihnen nützt.)		Ihnen nützt.)

	'''Lassen Sie ~~der~~ Ball horizontal vom linken bis zum rechten Fensterrand des Browsers fliegen.'''		'''Lassen Sie den Ball horizontal vom linken bis zum rechten Fensterrand des Browsers fliegen.'''

	Tipp: http://ryanve.com/lab/dimensions/		Tipp: http://ryanve.com/lab/dimensions/

Franzih: /* Aufgaben */

2018-11-21T11:25:57Z

Aufgaben

← Nächstältere Version		Version vom 21. November 2018, 11:25 Uhr
Zeile 42:		Zeile 42:
	noch ein paar an.		noch ein paar an.

	Schreiben Sie Ihre Lösungen der Aufgabe $i$ in die Datei <code>src/js/~~game~~/~~game~~</code>$i$<code>.js</code>.		Schreiben Sie Ihre Lösungen der Aufgabe $i$ in die Datei <code>src/js/ball/ball</code>$i$<code>.js</code>.
	Am einfachsten ist es, wenn Sie jeweils die Lösung der vorangegangenen Aufgabe kopieren und diese Kopie dann weiterentwickeln.		Am einfachsten ist es, wenn Sie jeweils die Lösung der vorangegangenen Aufgabe kopieren und diese Kopie dann weiterentwickeln.