|
|
|
|
@@ -1,44 +1,61 @@
|
|
|
|
|
\section{Projekt}
|
|
|
|
|
In diesem Kapitel sollen die Grundlagen für dein eigenes Scratch-Spiel erklärt werden und Inspirationen für eigene Ideen gegeben werden. Begonnen wird mit der grundlegenden Steuerung einer Figur mittels den Pfeiltasten. Im Anschluss wird die Arbeit mit Kostümen und Bühnenbildern erläutert.
|
|
|
|
|
|
|
|
|
|
\subsection{Steuerung der Spielfigur}
|
|
|
|
|
Unser Ziel ist es jetzt, die Katze mit den Pfeiltasten der Tastatur steuern zu können. Dazu benötigt man die if-Anweisungen aus dem vorherigen Kapitel.\\
|
|
|
|
|
Wiederholung: Mit der if-Anweisung ( \begin{scratch}\ifopempty{~}{~}\end{scratch} ) wird überprüft, ob eine Bedingung erfüllt ist und falls ja werden die Befehle innerhalb der Anweisung ausgeführt.
|
|
|
|
|
|
|
|
|
|
\subsubsection*{Katze bewegt sich nach rechts}
|
|
|
|
|
Wenn die "`rechte Pfeiltaste"' gedrückt wird soll sich die Katze nach rechts bewegen. Um zu überprüfen ob die "`rechte Pfeiltaste"' gedrückt wurde, benötigen wir Sensor diesen finden wir bei den Befehlen unter "`fühlen"'. Wir wählen dort " Taste (Leertaste) gedrückt?" aus. Die Tasten lassen sich durch klicken auf das kleine weise Dreieck auswählen.\\
|
|
|
|
|
Wir beginnen mit der Bewegung nach rechts. Wenn die "`rechte Pfeiltaste"' gedrückt wird, soll sich die Katze nach ein kleines Stück nach rechts bewegen.
|
|
|
|
|
|
|
|
|
|
Um zu überprüfen, ob die "`rechte Pfeiltaste"' gedrückt wurde, benötigen wir einen entsprechenden Sensorblock. diesen finden wir bei den Befehlen in der Kategorie \textcolor{ProcessBlue}{"`Fühlen"'} (hellblau). Wir wählen dort \includegraphics[height=14pt]{images/space_pressed} aus. Die Tasten lassen sich im Dop-Down-Menü beliebig auswählen.\\
|
|
|
|
|
Ist die Taste gedrückt, soll sich die Katze nach rechts bewegen.
|
|
|
|
|
Unsere if-Anweisung sieht nun so aus.\\
|
|
|
|
|
\begin{center}
|
|
|
|
|
\begin{scratch}
|
|
|
|
|
\ifop{\boolsensing{Taste Pfeil nach rechts gedrückt? } }{\movex{10}}
|
|
|
|
|
\end{scratch}
|
|
|
|
|
\end{center}
|
|
|
|
|
Wenn du diese Anweisung in Scratch ausprobierst, stellst du fest das sich die Katze nur kurz bewegt, obwohl die Pfeiltaste dauerhaft gedrückt ist. Das liegt daran, dass Scratch nur eine Mal überprüft, ob die Pfeiltaste gedrückt ist oder nicht. Damit Scratch immer schaut ob die Pfeiltaste gedrückt ist, muss die if-Anweisung von einer Schleife ("`wiederhole fortlaufend"') umgeben werden. Damit das Programm startet, wenn das Fahnen-Symbol geklickt ist benötigen wir noch die Anweisung "Wenn Fahne angeklickt". Unser fertiges Programm sieht dann folgendermaßen aus:
|
|
|
|
|
Die entsprechende if-Anweisung sieht so aus:\\
|
|
|
|
|
|
|
|
|
|
\begin{figure}[H]
|
|
|
|
|
\centering
|
|
|
|
|
\includegraphics[width=0.5\linewidth]{"images/if anweisung1"}
|
|
|
|
|
\caption{Einfache if-Schleife, ob die Pfeiltaste nach rechts gedrückt ist.}
|
|
|
|
|
\label{fig:if-anweisung1}
|
|
|
|
|
\end{figure}
|
|
|
|
|
|
|
|
|
|
Führst du diese Anweisung aus, stellst du fest, dass die Figur sich nicht bewegt bzw. nur ein kleines Stück und du für jede Bewegung auf die Anweisung Doppelklicken musst.
|
|
|
|
|
|
|
|
|
|
Das liegt daran, dass Scratch nur ein einziges Mal überprüft, ob die Pfeiltaste gedrückt ist oder nicht und beendet danach das Programm.
|
|
|
|
|
Damit Scratch ab dem Programmstart dauerhaft prüft, ob die Pfeiltaste gedrückt ist, muss die \textit{if}-Anweisung von einer Schleife ("`wiederhole fortlaufend"') umgeben werden und am Anfang des Blocks ein \begin{scratch}
|
|
|
|
|
\start
|
|
|
|
|
\end{scratch} Stehen. Unser fertiges Programm sieht dann folgendermaßen aus:
|
|
|
|
|
\begin{figure}[H]
|
|
|
|
|
\centering
|
|
|
|
|
\includegraphics[width=0.5\linewidth]{images/if anweisung2}
|
|
|
|
|
\caption{Bewegungen der Katze mit Pfeiltaste.}
|
|
|
|
|
\caption{Bewegungen der Katze nach rechts mit der Pfeiltaste.}
|
|
|
|
|
\label{fig:Bewegungen der Katze mit Pfeiltaste}
|
|
|
|
|
\end{figure}
|
|
|
|
|
\end{figure}
|
|
|
|
|
Der Block \includegraphics[height=14pt]{images/show} stellt sicher, dass die Figur nach dem Start auch sichtbar ist.
|
|
|
|
|
|
|
|
|
|
\begin{aufgabe}
|
|
|
|
|
Ergänze das Programm (siehe Abbildung \ref{fig:Bewegungen der Katze mit Pfeiltaste}) so, dass die Katze sich mit den Pfeiltasten über den Bildschirm in jede Richtung steuern lässt.
|
|
|
|
|
Ergänze das Programm aus Abbildung \ref{fig:Bewegungen der Katze mit Pfeiltaste} so, dass die Katze sich mit den Pfeiltasten über den Bildschirm in jede Richtung steuern lässt.\\
|
|
|
|
|
\textbf{Tipp:} Dupliziere die \textit{if}-Anweisung innerhalb der Dauerschleife und passe die Tasten und Richtungen an.
|
|
|
|
|
Teste, ob deine Katze in die jeweils richtige Richtung sich bewegt und was passiert, wenn zwei Pfeiltasten gleichzeitig gedrückt werden (Dann sollte sie schräg laufen).
|
|
|
|
|
\end{aufgabe}
|
|
|
|
|
Die Katze läuft jetzt zwar fröhlich über die Bühne, schaut aber immer nach rechts, selbst wenn sie nach links läuft. Um das zu ändern, nutzen wir für unsere Katze ein neues Bild, auf dem sie nach links schaut. Dafür bekommt die Katze ein neues Kostüm.
|
|
|
|
|
|
|
|
|
|
\subsection{Kostüme}
|
|
|
|
|
Die Katze läuft jetzt zwar fröhlich über die Bühne, schaut aber immer nach rechts, selbst wenn sie nach links läuft. Um das zu ändern, nutzen wir für unsere Katze ein neues Bild/Kostüm, auf dem sie nach links blickt.
|
|
|
|
|
|
|
|
|
|
\begin{figure}[H]
|
|
|
|
|
\centering
|
|
|
|
|
\includegraphics[width=1\linewidth]{images/Kostüm bearbeiten 1}
|
|
|
|
|
\caption{Kostum bearbeiten a.}
|
|
|
|
|
\label{fig:Kostum bearbeiten a}
|
|
|
|
|
\caption{Kostümeditoransicht.}
|
|
|
|
|
\label{fig:kostüm bearbeiten}
|
|
|
|
|
\end{figure}
|
|
|
|
|
|
|
|
|
|
Öffne das Kostümfenster. Du siehst dort, dass die Katze schon zwei Kostüme hat. Vielleicht brauchen wir das zweite noch irgendwann, wir lassen es also einfach da.\\
|
|
|
|
|
Um ein weiteres Kostüm zu erstellen, haben wir mehrere Möglichkeiten. Im Moment möchten wir aber unsere Katze nur duplizieren und dann spiegeln. Klicke mit der rechten Maustaste auf Kostüm 1 und wähle „Duplizieren“ aus. Klicke auf den Icon für "`Links und Rechts vertauschen"' und gib dann dem Kostüm einen sinnvollen Namen.\\
|
|
|
|
|
Im Reiter "'Kostüme'" (siehe Abb. \ref{fig:kostüm bearbeiten}) siehst du alle Kostüme einer Figur und kannst ihr neue anlegen. Die Katze besitzt bereits zwei Kostüme. Das aktuell zum Bearbeiten ausgewählte Kostüm ist immer blau umrandet. Das zweite Kostüm benötigen wir nicht, daher wählen wir es aus und löschen es mit einem Klick auf dem Mülleimer.\\
|
|
|
|
|
Um ein weiteres Kostüm zu erstellen, gibt es mehrere Möglichkeiten. Man kann über das Menü unten links Kostüme hochladen, selber malen oder aus bestehenden eines Auswählen.\\
|
|
|
|
|
Zu Anfang nutzen wir das bereits bestehende Kostüm indem wir es duplizieren und dann verändern. Klicke mit der rechten Maustaste auf "'Kostüm 1'" und wähle "'Duplizieren '" aus. Klicke auf den Icon für "`Links und Rechts vertauschen"' und gib dann dem Kostüm einen sinnvollen Namen.\\
|
|
|
|
|
\begin{figure}[H]
|
|
|
|
|
\centering
|
|
|
|
|
\includegraphics[width=1\linewidth]{images/Kostüm bearbeiten 2}
|
|
|
|
|
\caption{Kostüm bearbeiten b.}
|
|
|
|
|
\label{fig:Kostum bearbeiten b}
|
|
|
|
|
\label{fig:kostüm bearbeiten b}
|
|
|
|
|
\end{figure}
|
|
|
|
|
|
|
|
|
|
Verändere auch den Namen für das normale Kostüm in Katze rechts.\\
|
|
|
|
|
|