HTML5-Tutorium: Canvas: MiniPong: Unterschied zwischen den Versionen

aus GlossarWiki, der Glossar-Datenbank der Fachhochschule Augsburg
Kowa (Diskussion | Beiträge)
Kowa (Diskussion | Beiträge)
Keine Bearbeitungszusammenfassung
Zeile 5: Zeile 5:


==Use Cases==
==Use Cases==
'''Musterlösung''': <code>[http://glossar.hs-augsburg.de/beispiel/tutorium/html5_canvas/hello_world/html5_canvas_minipong_03/WebContent/index.html Minipong]</code>
'''Musterlösung''': <code>[http://glossar.hs-augsburg.de/beispiel/tutorium/html5_canvas/minipong/html5_canvas_minipong_03/WebContent/index.html Minipong]</code>
(alle [http://glossar.hs-augsburg.de/beispiel/tutorium/html5_canvas/minipong/ Musterlösungen], alle [http://glossar.hs-augsburg.de/webdav/tutorium/html5_canvas/minipong/ Musterlösungen (SVN)])
[[Medium:Tutorium MiniPong Use Cases.jpg|Use Cases der Tutoriums-Anwendung <code>Minipong</code>]]
[[Medium:Tutorium MiniPong Use Cases.jpg|Use Cases der Tutoriums-Anwendung <code>Minipong</code>]]
Ein Spieler kann das Spiel starten (Startknopf) und vorzeitig  
Ein Spieler kann das Spiel starten (Startknopf) und vorzeitig  

Version vom 17. Oktober 2011, 13:17 Uhr

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

Korrektheit: 3
(zu größeren Teilen überprüft)
Umfang: 3
(einige wichtige Fakten fehlen)
Quellenangaben: 5
(vollständig vorhanden)
Quellenarten: 5
(ausgezeichnet)
Konformität: 5
(ausgezeichnet)

HTML-Tutorium: MiniPong

MiniPong: | Teil 1 | Teil 2 | Teil 3 | Teil 4 | Teil 5

Ziel

In diesem Tutorium wird beschrieben, wie man in HTML5 eine kleine interaktive Multimedia-Anwendungen mit Hilfe von JavaScript sowie Canvas erstellt.

Use Cases

Musterlösung: Minipong (alle Musterlösungen, alle Musterlösungen (SVN)) Use Cases der Tutoriums-Anwendung Minipong Ein Spieler kann das Spiel starten (Startknopf) und vorzeitig beenden (Stopknopf). Nach Spielstart kann der Spieler den Schläger am unteren Rand des Spielfeldes mit Hilfe der Richtungstasten des Keyboards, der Kippsensoren eines Smartphones etc. nach links und rechts bewegen.

Nachdem das Spiel gestartet wurde, bewegt sich außerdem der Ball geradlinig im Spielfeld, wobei die Startrichtung zufällig gewählt wird. Kollissionen mit der linken, oberen oder rechten Wand haben eine Richtungsänderung des Balls zur Folge (Einfallswinkel = Ausfallswinkel). Eine Kollission mit der unteren Wand beendet das Spiel.

Ziel des Spiels sind möglichst viele Kollission des Balls mit dem Schläger. Eine derartige Kollission hat eine Richtungsänderung sowie einen Punktgewinn zur Folge. Wird der Schläger im Moment der Kollission bewegt, so wird der Ball abhängig von der Bewegungsrichtung und Geschwindigkeit des Schlägers abgelenkt.

Tutorium

  1. Teil 01: Flug des Balls
  2. Teil 02: Bewegung des Schlägers
  3. Teil 03: MiniPong

Quellen

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