Adjusted images and final tutorial content.

Author: MarkusBordihn

training/phaser/basics/de/README.md

@@ -1,4 +1,5 @@
-# Game Engine - Grundlagen
+Game Engine - Grundlagen
+========================
 
 ## Spiel
 Ein Spiel kennt mehrere Spielzustände, die je nach Benutzeraktion ausgeführt werden.
@@ -8,30 +9,31 @@ Einfache Spiele haben einen Startbildschirm, den eigentlichen Spiele Bildschirm
 ![][game_states]
 
 Jeder Spielzustand ist weiter unterteilt in die nachfolgende 5 Bereiche.
-Nicht immer werden alle 5 Bereiche verwendet, meistens werden nur die Bereiche **Vorausladen**, **Anlegen** und **Eingabe** verwendet.
+Nicht immer werden alle 5 Bereiche verwendet, meistens werden nur die Bereiche **Vorausladen**, **Erstellen** und **Eingabe** verwendet.
 
 ### Vorausladen
 ![][preload_area]
 
-Hier werden alle verwendeten Grafiken und Sounddateien, die für das Spiel nötig sind angeben und vorausgeladen.
-Bei den verwendeten Grafiken ist es wichtig dass diese so gut wie keinen Rand haben und einen transparenten Hintergrund besitzen.
-Ansonsten kann es sein dass dieser im Spiel sichtbar ist oder eine Figure schon vorher zusammen stößt.
+Hier werden alle verwendeten Grafiken und Sounddateien, die für das Spiel nötig sind festgelegt und vorausgeladen.
+Bei den verwendeten Grafiken ist es wichtig dass diese so gut wie keinen Rand haben und gegf. einen transparenten Hintergrund besitzen.
+Ansonsten kann es sein dass der Rand oder Hintergrund im Spiel sichtbar ist oder eine Figure schon vorher mit einem anderen Objekt zusammen stößt.
 
-### Anlegen
+### Erstellen
 ![][create_area]
 
-Hier wird das allgemeines Aussehen des Spielzustands festgelegt.
-Es wird also genau definiert wo welche Grafik erscheinen soll und auch um welche Art es sich handelt, da es bei Spielen verschiedene Arten von Grafiken und Objekten gibt.
+Hier wird das allgemeines Aussehen der Spielfäche festgelegt.
+Es wird also genau definiert wo welche Grafik erscheinen soll und auch um welche Art es sich handelt.
+Grundsätzlich gibt es bei Spielen verschiedene Arten von Grafiken und Objekten mit unterschiedlichen Eigenschaften.
 
 ### Eingabe
 ![][input_area]
 
-Hier wird festgelegt was passieren soll wenn eine Eingabe per Maus, Tastatur oder auf dem Bildschirm erfolgt.
+Hier wird festgelegt was passiert wenn eine Eingabe per Maus, Tastatur oder auf dem Bildschirm erfolgt.
 
 ### Aktualisieren
 ![][update_area]
 
-In diesem Bereich wird festgelegt was passieren soll, wenn zwei Objekte zusammen gestoßen sind oder den sichtbaren Bereich verlassen haben.
+In diesem Bereich wird festgelegt was passiert, wenn zwei Objekte zusammenstoßen oder den sichtbaren Spielebereich verlassen.
 
 ### Ausgabe
 ![][render_area]
@@ -40,11 +42,11 @@ Bei den meisten Spielen wird der anzuzeigende Inhalt ca. 60 mal in der Sekunde (
 Dieser Bereich wird meist nur für die Fehlersuche verwendet um sich z.B. die Position von verschiedenen Objekten anzeigen zu lassen.
 
 ## Die verschiedenen Arten von Grafiken
-Grundsätzlich kann man die Arten von Grafiken in 4 Bereiche unterteilen.
+Die Grundarten von Grafiken kann in 4 Bereiche unterteilt werden.
 
 ### Bild
 Das ist die einfachste Art einer Grafik, diese wird meist einfach nur auf dem Bildschirm angezeigt und hat eine feste Position.
-Dies kann ein einfaches Logo, Hintergrundbild oder auch einfach nur eine Grafik um den Bildschirm zu verschönern.
+Dies kann ein einfaches Logo, Hintergrundbild oder auch einfach nur eine Grafik sein um den Bildschirm zu verschönern.
 
 ### Sprite
 ![][sprite]
@@ -55,14 +57,14 @@ Diese Art der Grafik wird meist am häufigsten beim Spielen verwendet.
 ### Tile Sprite
 ![][tile_sprite]
 
-Ein Tile Sprite ist ein Sprite das sich wiederholt und meist auch animiert ist.
+Ein Tile Sprite ist ein Sprite das sich selbst wiederholt und meist auch animiert ist.
 Diese Art der Grafik wird meist für den Boden / Decke oder sich bewegende Hintergründe verwendet.
 
 ### Physik Sprite
 ![][physic_sprite]
 
 Ein Physik Sprite ist im Grunde eine erweiterte Art des Sprite mit dem Unterschied dass man physikalische Eigenschaften festlegen kann wie z.B. Anziehungskraft, Schwerkraft, Beschleunigung.
-Diese Art der Grafik findet Verwendung bei allen beweglichen Grafiken wie z.B. der Spielfigure oder auch Hindernissen.
+Diese Art der Grafik findet Verwendung bei allen beweglichen Grafiken die Einfluss auf das Spiel haben wie z.B. der Spielfigure oder auch Hindernissen.
 
 ## Die verschiedenen Arten von Texten
 Texte können im **Anlegen** Bereich erstellt werden, wobei man die folgenden drei Arten unterscheidet.
@@ -76,7 +78,7 @@ Die einfachste Art eines Text, wird auf dem Bildschirm angezeigt z.B. der Spiele
 ![][dynamic_text_block]
 
 Dynamische Texte werden verwendet wenn der Textinhalt sich ändert.
-Sie zeigen zum Beispiel die Highscore, die vorhandene Leben oder das aktuelle Spiel Level an.
+Sie zeigen zum Beispiel die Highscore, die vorhandenen Leben oder das aktuelle Spiel Level an.
 
 ## Aktion Texte
 ![][action_text_block]
@@ -88,7 +90,8 @@ Der häufigste Anwendungsfall ist der **Starte Game** Text beim Anfang eines Spi
 Die meisten Spiele lassen sich wahlweise entweder per Maus, Tastatur oder Bildschirm steuern.
 
 ## Festlegen der Eingabe Überwachung
-Zuerst muss im **Anlegen** Bereich festgelegt werden welche Art von Eingabe erfasst werden soll. Dies kann eine einzelne Taste, die Pfeiltasten oder die Maustaste sein.
+Zuerst muss im **Anlegen** Bereich festgelegt werden welche Art von Eingabe erfasst werden soll.
+Dies kann eine einzelne Taste, die Pfeiltasten oder die Maustaste sein.
 
 ### Vordefinierte Tastatur Tasten
 ![][capture_spacebar]
@@ -113,16 +116,17 @@ Für alle Geräte die keine Tastatur haben, eignet sich die Maustaste oder der T
 
 ## Festlegen der Aktionen
 Anschließend muss im **Eingabe** Bereich festgelegt werden was bei einem Tastendruck passieren soll.
-Hierbei unterscheidet man zwei Arten “beim betätigen” und “beim gedrückt lassen”.
+Hierbei unterscheidet man zwei Arten **beim betätigen** und **beim gedrückt lassen**.
 
 ### Beim betätigen
 Beim betätigen führt die Aktion immer nur einmal aus wenn eine Taste gedrückt ist.
 Dies wird für das Springen einer Figure verwendet oder in allen Fällen, in denen eine Aktion nur einmal ausgeführt werden soll.
+![][input_key_down]
 
 ### Beim gedrückt lassen
-Beim gedrückt lassen führt die Aktion mehrmals aus solange die Taste gedrückt ist.
+Beim gedrückt lassen wird die Aktion, solange die Taste gedrückt ist, mehrmals ausgeführt.
 Dies ist hilfreich wenn man den Spieler in verschiedene Richtungen bewegen will ohne jedesmal erneut auf die Taste drücken zu müssen.
-
+![][input_key_pressed]
 
 [game_states]: images/game_states.png
 
@@ -144,3 +148,6 @@ Dies ist hilfreich wenn man den Spieler in verschiedene Richtungen bewegen will
 [capture_keyboard_key]: images/capture_keyboard_key.png
 [capture_cursor_keys]: images/capture_cursor_keys.png
 [capture_mouse_keys]: images/capture_mouse_keys.png
+
+[input_key_down]: images/input_key_down.png
+[input_key_pressed]: images/input_key_pressed.png

training/phaser/basics/de/images/input_key_down.png

@@ -93,16 +93,14 @@ obstacles | Hindernisse
 Nun müssen die Grafiken noch in die Spielwelt hinzugefügt werden, damit diese sichtbar im Spiel sind.
 Alle dafür benötigten Blöcke findet Ihr in dem Bereich **Erstellen** und werden in den **beim Erstellen …** Block gezogen.
 
-![][create_world]
-
 ### Hintergrundbild einfügen
 Zuerst fügen wir ein sich bewegendes Hintergrundbild hinzu.
 Klickt hierfür auf **Tile Sprite** und zieht den Block **füge Hintergrundbild hinzu …** in den **beim Erstellen …** Block.
 
 ![][create_tile_sprite]
 
 ### Text einfügen
-Um einen Text hinzuzufügen klickt auf **Text Objekt** und benützt den ***hinzufügen von Text …** Block den Ihr in den beim **Erstellen …** Block zieht.
+Um einen Text hinzuzufügen klickt auf **Text Objekt** und benützt den **hinzufügen von Text …** Block den Ihr in den beim **Erstellen …** Block zieht.
 
 ![][create_text_object]
 
@@ -113,6 +111,10 @@ Für den Boden verwenden wir den Block **definiere … als Boden …** und füge
 
 Bei den Boden könnt Ihr auch die Geschwindigkeit anpassen oder einfach beide Werte auf 0 setzen damit dieser sich nicht mehr bewegt.
 
+Am Ende solltet Ihr ca. folgendes haben:
+![][create_world]
+
+
 ## Erstellen der Spielfigur
 Seid Ihr mit eurer Welt zufrieden, fügen wir für Spielfigure als Arcade Sprite hinzu, damit wir diese später auch bewegen können.
 
@@ -136,7 +138,8 @@ Wählt anschließend “Anziehungskraft y” aus der Auswahlliste des Blocks aus
 ![][create_player_physics_block]
 
 ### Kollision
-Nun fällt unsere Figure einfach durch den Boden. Um diese zu verhindern müssen wir eine Kollision zwischen der Spielfigure und unseren Boden definieren.
+Derzeit fällt unsere Figure einfach durch den Boden.
+Um diese zu verhindern müssen wir eine Kollision zwischen der Spielfigure und unseren Boden definieren.
 
 Klickt hierfür auf **Aktualisieren** und geht dann wieder in den **Physik Sprite** Bereich.
 Hier zieht Ihr den Block **… kollidiert mit …** in dem **beim Aktualisieren …** Block.
@@ -195,6 +198,8 @@ Damit die Highscore automatisch erhöht wird, ziehen wir den **ändere highscore
 
 ![][dynamic_text_loop]
 
+![][dynamic_text_loop_block]
+
 ## Spielende durch Kollision mit den Hindernissen
 Die einfachste Möglichkeit um das Ende des Spiel festzulegen, ist eine Kollisionsüberprüfung ob der Spieler die Hindernissen berührt hat.
 
@@ -264,6 +269,7 @@ Zum Schluss verschönern wir das Spiel noch, indem wir zusätzliche Grafiken hin
 
 [dynamic_text]: images/dynamic_text.png
 [dynamic_text_loop]: images/dynamic_text_loop.png
+[dynamic_text_loop_block]: images/dynamic_text_loop_block.png
 
 [update_collision_block]: images/update_collision_block.png
 [game_restart]: images/game_restart.png