MMProg: Praktikum: WiSe 2017/18: GameLoop01: Unterschied zwischen den Versionen

aus GlossarWiki, der Glossar-Datenbank der Fachhochschule Augsburg
Kowa (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Kowa (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Zeile 4: Zeile 4:
'''Musterlösung''': [https://glossar.hs-augsburg.de/beispiel/tutorium/es6/test/WK_Test01_babel/ SVN-Repository]
'''Musterlösung''': [https://glossar.hs-augsburg.de/beispiel/tutorium/es6/test/WK_Test01_babel/ SVN-Repository]
-->
-->
Im SVN-Repository finden Sie zwei WebStorm-Projekte zum Thema GameLoop:
* [https://glossar.hs-augsburg.de/beispiel/tutorium/es6/game_loop/WK_GameLoop01/|WK_GameLoop01]
* [https://glossar.hs-augsburg.de/beispiel/tutorium/es6/game_loop/WK_GameLoop02/|WK_GameLoop02]
Sie können diese Projekte folgendermaßen auf Ihrem Rechner installieren:
* <code>VCS</code> → <code>Checkout from Version Control</code> → <code>Subversion</code>
* Sofern noch nicht geschehen: Klick auf das grüne Plus-Symbol → Repository URL: <code>https://glossar.hs-augsburg.de/beispiel/tutorium/es6</code>
* Klick auf die Pfeilspitze vor diesem Pfad → Klick auf die Pfeilspitze vor <code>game_loop</code> → Klick '''auf''' <code>WK_GameLoop01</code> bzw. <code>WK_GameLoop02</code>
* <code>Checkout</code>
* Speichern Sie das Projekt irgendwo auf Ihrem Rechner. '''Achtung''': Speichern Sie das PRojekt nicht innerhalb eines anderen Projektes oder innerhalb eines Ordners, der bereits unter SVN-Kontrolle steht.
* Öffnen Sie das Projekt und geben Sie im WebStorm-Terminal <code>npm install</code> (oder kurz <code>npm i</code>) ein, um alle benötigten Node.js-Module zu installieren.
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.   
Im ersten Beispiel finden Sie diverse Game-Loop-Varianten. Schrittweise werden potentielle
Probleme behoben. Dieses Projekt verfolgt das didaktische Ziel, Ihnen die Probleme und potentielle
Lösungen im Zusammenhang mit JavaScript-Animationen zu verdeutlichen.
Im zweiten Beispiel wurde eine einfache Game-Loop-Klasse realisiert, die sie für dieses Praktikum
nutzen können und sollten. Diese Klasse basiert auf den Ergebnissen des ersten Projektes,
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.


==Quellen==
==Quellen==

Version vom 26. Oktober 2017, 07:49 Uhr

Dieser Artikel erfüllt die GlossarWiki-Qualitätsanforderungen nur teilweise:

Korrektheit: 3
(zu größeren Teilen überprüft)
Umfang: 4
(unwichtige Fakten fehlen)
Quellenangaben: 3
(wichtige Quellen vorhanden)
Quellenarten: 5
(ausgezeichnet)
Konformität: 3
(gut)

MMProg-Praktikum

Inhalt | Game Loop 01 | Ball 02 | Ball 03 | Ball 03b | Pong 01


Im SVN-Repository finden Sie zwei WebStorm-Projekte zum Thema GameLoop:

Sie können diese Projekte folgendermaßen auf Ihrem Rechner installieren:

  • VCSCheckout from Version ControlSubversion
  • Sofern noch nicht geschehen: Klick auf das grüne Plus-Symbol → Repository URL: https://glossar.hs-augsburg.de/beispiel/tutorium/es6
  • Klick auf die Pfeilspitze vor diesem Pfad → Klick auf die Pfeilspitze vor game_loop → Klick auf WK_GameLoop01 bzw. WK_GameLoop02
  • Checkout
  • Speichern Sie das Projekt irgendwo auf Ihrem Rechner. Achtung: Speichern Sie das PRojekt nicht innerhalb eines anderen Projektes oder innerhalb eines Ordners, der bereits unter SVN-Kontrolle steht.
  • Öffnen Sie das Projekt und geben Sie im WebStorm-Terminal npm install (oder kurz npm i) ein, um alle benötigten Node.js-Module zu installieren.

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

Im ersten Beispiel finden Sie diverse Game-Loop-Varianten. Schrittweise werden potentielle Probleme behoben. Dieses Projekt verfolgt das didaktische Ziel, Ihnen die Probleme und potentielle Lösungen im Zusammenhang mit JavaScript-Animationen zu verdeutlichen.

Im zweiten Beispiel wurde eine einfache Game-Loop-Klasse realisiert, die sie für dieses Praktikum nutzen können und sollten. Diese Klasse basiert auf den Ergebnissen des ersten Projektes, 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.

Quellen

  1. Kowarschick (MMProg): Wolfgang Kowarschick; Vorlesung „Multimedia-Programmierung“; Hochschule: Hochschule Augsburg; Adresse: Augsburg; Web-Link; 2018; Quellengüte: 3 (Vorlesung)